Compare commits

...

4 Commits

Author SHA1 Message Date
victorAnumudu 19c8d73823 height reduced 2024-07-27 10:45:13 +01:00
ameye 4092bf4e48 Merge branch 'after-hero-com' of WrenchBoard/WrenchBoardMainSite into master 2024-07-25 21:31:22 +00:00
ameye d08b1ee86d Merge branch 'section-new-layout' of WrenchBoard/WrenchBoardMainSite into master 2024-07-25 17:59:09 +00:00
victorAnumudu 260071e1d3 section layout update 2024-07-11 07:00:16 +01:00
3 changed files with 13 additions and 13 deletions
+1 -1
View File
@@ -185,7 +185,7 @@ p {
} }
.appie-section-title { .appie-section-title {
padding-bottom: 25px; padding-bottom: 15px;
} }
.appie-section-title .appie-title { .appie-section-title .appie-title {
font-size: 44px; font-size: 44px;
+2 -2
View File
@@ -6,11 +6,11 @@ import cardImg from '../../assets/images/home/card-home-01.png'
function AfterHero() { function AfterHero() {
return ( return (
<> <>
<section className="appie-about-8-area pt-100 pb-100"> <section className="appie-about-8-area pt-50 pb-70">
<div className="container"> <div className="container">
<div className="row"> <div className="row">
<div className="col-lg-12"> <div className="col-lg-12">
<div className="appie-section-title mb-30"> <div className="appie-section-title">
<h3 className="appie-title"> <h3 className="appie-title">
{/* We bring everything <br /> {/* We bring everything <br />
that's required to build apps */} that's required to build apps */}
+10 -10
View File
@@ -25,24 +25,24 @@ const Main = ({gredient}) => {
</div> </div>
} }
<div className="container"> <div className="container">
<div className="row"> <div className="p-0 appie-traffic-title section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
<h3 className='title'>Set Chores, Set Goals <div className='section_sub_title'>Reward Accomplishments</div></h3>
<p className=''>
Set goals, tasks, or anything that motivates or needs to be done and reward completion. WrenchBoard is the platform to plan rewards.
</p>
</div>
<div className="row mt-3 align-items-center">
<div className="col-lg-6"> <div className="col-lg-6">
<div className="w-100"> <div className="w-100">
<div className="p-0 appie-traffic-title section_title" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100">
<h3 className='title'>Set Chores, Set Goals <div className='section_sub_title'>Reward Accomplishments</div></h3>
<p className=''>
Set goals, tasks, or anything that motivates or needs to be done and reward completion. WrenchBoard is the platform to plan rewards.
</p>
</div>
<div className="appie-traffic-title section_title mb-3" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100" style={{padding: '0'}}> <div className="appie-traffic-title section_title mb-3" data-aos="fade-up" data-aos-duration="1500" data-aos-delay="100" style={{padding: '0'}}>
<h3 className='title text-center text-lg-left'>Assign Faster with</h3> <h3 className='title text-center'>Assign Faster with</h3>
<h3 className='w-100 title text-center d-flex justify-content-center justify-content-lg-end flex-nowrap'> <h3 className='w-100 title text-center d-flex justify-content-center flex-nowrap'>
<div className='color-blue italic'>wrench</div><div className='color-purple'>Agent</div> <div className='color-blue italic'>wrench</div><div className='color-purple'>Agent</div>
</h3> </h3>
</div> </div>
<div className="row"> <div className="row">
{list?.map(({ icon, header, paragraph, name }, idx) => ( {list?.map(({ icon, header, paragraph, name }, idx) => (
<div className="col-12 col-md-6 mb-10" key={idx} onClick={()=>changeActiveImg(name)} style={{cursor: 'pointer'}}> <div className="col-12 mb-10" key={idx} onClick={()=>changeActiveImg(name)} style={{cursor: 'pointer'}}>
<div <div
className={`appie-traffic-service features appie-modern-design`} className={`appie-traffic-service features appie-modern-design`}
> >