WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

image added to section

Browse Source
This commit was merged in pull request #102.
This commit is contained in:
victorAnumudu
2024-07-25 21:18:22 +01:00
parent 912a7aebfd
commit 0af4f2cdab
3 changed files with 71 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/HomeOne/AfterHero.js
+49 -23
View File
@@ -1,6 +1,7 @@
import React from 'react';
import thumb4 from '../../assets/images/about-thumb-4.png';
import thumb5 from '../../assets/images/about-thumb-5.png';
import cardImg from '../../assets/images/home/card-home-01.png'
function AfterHero() {
return (
@@ -11,47 +12,72 @@ function AfterHero() {
<div className="col-lg-12">
<div className="appie-section-title mb-30">
<h3 className="appie-title">
We bring everything <br />
that's required to build apps
{/* We bring everything <br />
that's required to build apps */}
Set Chores, Set Goals
</h3>
</div>
</div>
</div>
<div className="row">
<div className="col-lg-7">
<div className="appie-about-8-box">
<h3 className="title">
Will my Template be <br />
Mobile Friendly
</h3>
<p>
A load of old tosh spiffing pear shaped show <br />
off pick your nose and blow
</p>
<a className="main-btn" href="#">
Learn More <i className="fal fa-arrow-right" />
</a>
<div className="thumb">
<img src={thumb4} alt="" />
<div className="col-lg-7 mb-3 mb-lg-0">
<div className='appie-about-container'>
<div className="appie-about-8-box">
<h3 className="title">
Reward Accomplishments
</h3>
<p>
Set goals, tasks, or anything that motivates or needs to be done and reward completion. WrenchBoard is the platform to plan rewards off pick your nose and blow
</p>
</div>
<div className='row'>
<div className='col-12 col-sm-4 order-2 order-sm-1 align-self-end'>
<a className="m-1 main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
<div className="col-12 col-sm-8 order-1 order-sm-2">
<img className='w-100 h-100' src={cardImg} alt="Child Card" />
</div>
</div>
</div>
</div>
<div className="col-lg-5">
<div className="appie-about-8-box">
{/* <div className="appie-about-8-box">
<h3 className="title">
Website & Mobile <br />
App Design
Assign Faster with <br />
wrenchAgent
</h3>
<p>
A load of old tosh spiffing pear shaped show <br />
off pick your nose and blow
Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist
</p>
<a className="main-btn" href="#">
<a className="main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
Learn More <i className="fal fa-arrow-right" />
</a>
<div className="thumb mr-30">
<img src={thumb5} alt="" />
</div>
</div> */}
<div className='appie-about-container'>
<div className="appie-about-8-box">
<h3 className="title">
Assign Faster with <br />
wrenchAgent
</h3>
<p>
Ask our &#x275B;&#x275B;<span className=''>wrench</span><span className=''>Agent</span>&#x275C;&#x275C; Generative AI to assist
</p>
</div>
<div className='row'>
<div className='col-12 col-sm-4 order-2 order-sm-1 align-self-end'>
<a className="m-1 main-btn" href={process.env.REACT_APP_DASH_URL_LOGIN}>
Learn More <i className="fal fa-arrow-right" />
</a>
</div>
<div className="col-12 col-sm-8 order-1 order-sm-2">
<img className='w-100 h-100' src={thumb5} alt="" />
</div>
</div>
</div>
</div>
</div>