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

New files

Browse Source
This commit is contained in:
Chiefsoft Works
2024-07-24 15:47:49 -04:00
parent b1d821658a
commit e33bc28281
3 changed files with 215 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/HomeOne/AfterHero.js
+64
View File
@@ -0,0 +1,64 @@
import React from 'react';
import thumb4 from '../../assets/images/about-thumb-4.png';
import thumb5 from '../../assets/images/about-thumb-5.png';
function AfterHero() {
return (
<>
<section className="appie-about-8-area pt-100 pb-100">
<div className="container">
<div className="row">
<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
</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>
</div>
</div>
<div className="col-lg-5">
<div className="appie-about-8-box">
<h3 className="title">
Website & Mobile <br />
App Design
</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 mr-30">
<img src={thumb5} alt="" />
</div>
</div>
</div>
</div>
</div>
</section>
</>
);
}
export default AfterHero;
src/components/HomeOne/NextAfterHero.js
+124
View File
@@ -0,0 +1,124 @@
import React from 'react';
import serviceThumb from '../../assets/images/service-thumb-1.png';
function NextAfterHero() {
return (
<>
<section
className="appie-services-2-area appie-services-8-area pt-90 pb-55"
id="service"
>
<div className="container">
<div className="row align-items-end">
<div className="col-lg-6 col-md-8">
<div className="appie-section-title">
<h3 className="appie-title">Solution for every need.</h3>
<p>The app provides design and digital marketing.</p>
</div>
</div>
</div>
<div className="row align-items-center">
<div className="col-lg-7">
<div className="row">
<div className="col-lg-6 col-md-6">
<div
className="
appie-single-service-2 appie-single-service-about
mt-30
wow
animated
fadeInUp
"
data-wow-duration="2000ms"
data-wow-delay="200ms"
>
<div className="icon">
<i className="fal fa-tv" />
</div>
<h4 className="title">Carefully designed</h4>
<p>
He lost his bottle loo don't get shirty with me ruddy.
</p>
</div>
</div>
<div className="col-lg-6 col-md-6">
<div
className="
appie-single-service-2 appie-single-service-about
item-2
mt-30
wow
animated
fadeInUp
"
data-wow-duration="2000ms"
data-wow-delay="400ms"
>
<div className="icon">
<i className="fal fa-code" />
</div>
<h4 className="title">Clean Modern Code</h4>
<p>
He lost his bottle loo don't get shirty with me ruddy.
</p>
</div>
</div>
<div className="col-lg-6 col-md-6">
<div
className="
appie-single-service-2 appie-single-service-about
item-3
mt-30
wow
animated
fadeInUp
"
data-wow-duration="2000ms"
data-wow-delay="600ms"
>
<div className="icon">
<i className="fal fa-user-friends" />
</div>
<h4 className="title">User Interactive</h4>
<p>
He lost his bottle loo don't get shirty with me ruddy.
</p>
</div>
</div>
<div className="col-lg-6 col-md-6">
<div
className="
appie-single-service-2 appie-single-service-about
item-4
mt-30
wow
animated
fadeInUp
"
data-wow-duration="2000ms"
data-wow-delay="200ms"
>
<div className="icon">
<i className="fal fa-mobile" />
</div>
<h4 className="title">Choose a App</h4>
<p>
He lost his bottle loo don't get shirty with me ruddy.
</p>
</div>
</div>
</div>
</div>
<div className="col-lg-5">
<div className="service-thumb">
<img src={serviceThumb} alt="" />
</div>
</div>
</div>
</div>
</section>
</>
);
}
export default NextAfterHero;
src/components/HomeOne/index.js
Regular → Executable
+26 -17
View File
@@ -3,23 +3,29 @@ import useToggle from '../../Hooks/useToggle';
import BackToTop from '../BackToTop'; import BackToTop from '../BackToTop';
import Drawer from '../Mobile/Drawer'; import Drawer from '../Mobile/Drawer';
import BlogHomeOne from './BlogHomeOne'; import BlogHomeOne from './BlogHomeOne';
import FaqHomeOne from './FaqHomeOne';
import FeaturesHomeOne from './FeaturesHomeOne'; import FeaturesHomeOne from './FeaturesHomeOne';
import FooterHomeOne from './FooterHomeOne'; import FooterHomeOne from './FooterHomeOne';
import HeroHomeOne from './HeroHomeOne'; import HeroHomeOne from './HeroHomeOne';
import HomeOneHeader from './HomeOneHeader'; import HomeOneHeader from './HomeOneHeader';
//import PricingHomeOne from './PricingHomeOne';
import ProjectHomeOne from './ProjectHomeOne';
import ServicesHomeOne from './ServicesHomeOne'; import ServicesHomeOne from './ServicesHomeOne';
import TeamHomeOne from './TeamHomeOne'; import TrafficHomeOne from './TrafficHomeOne';
import TestimonialHomeOne from './TestimonialHomeOne';
//import TrafficHomeOne from './TrafficHomeOne';
import TrafficHomeTwo from './TrafficHomeTwo'; import TrafficHomeTwo from './TrafficHomeTwo';
import WrenchBoardHome from './WrenchBoardHome';
import RecentJobsOne from './RecentJobsOne';
import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
import FeaturedScreen from './FeaturedScreen'; import FeaturedScreen from './FeaturedScreen';
import AfterHero from './AfterHero';
import NextAfterHero from './NextAfterHero';
//import FaqHomeOne from './FaqHomeOne';
//import PricingHomeOne from './PricingHomeOne';
//import ProjectHomeOne from './ProjectHomeOne';
//import TeamHomeOne from './TeamHomeOne';
//import TestimonialHomeOne from './TestimonialHomeOne';
//mport WrenchBoardHome from './WrenchBoardHome';
//import RecentJobsOne from './RecentJobsOne';
//import StickyHeaderNav from '../StickyHeader/StickyHeaderNav';
//import BlogData from './../../Services/BlogData'; //import BlogData from './../../Services/BlogData';
// import ServicesHomeEight from '../HomeEight/ServicesHomeEight';
function HomeOne() { function HomeOne() {
const [drawer, drawerAction] = useToggle(false); const [drawer, drawerAction] = useToggle(false);
@@ -30,20 +36,23 @@ function HomeOne() {
{/* <StickyHeaderNav action={drawerAction.toggle} /> */} {/* <StickyHeaderNav action={drawerAction.toggle} /> */}
<HomeOneHeader action={drawerAction.toggle} /> <HomeOneHeader action={drawerAction.toggle} />
<HeroHomeOne /> <HeroHomeOne />
<ServicesHomeOne /> <AfterHero />
{/*<RecentJobsOne />*/} <NextAfterHero />
<FeaturesHomeOne /> <FeaturesHomeOne />
{/*<FaqHomeOne />*/} <ServicesHomeOne />
{/*<TrafficHomeOne />*/} <TrafficHomeOne />
<TrafficHomeTwo /> <TrafficHomeTwo />
<FeaturedScreen /> <FeaturedScreen />
<BlogHomeOne />
<FooterHomeOne />
<BackToTop />
{ /* <RecentJobsOne /> JOBS ON SITE GONE*/}
{/*<FaqHomeOne />*/}
{/*<TestimonialHomeOne />*/} {/*<TestimonialHomeOne />*/}
{/*<TeamHomeOne />*/} {/*<TeamHomeOne />*/}
{/*<PricingHomeOne />*/} {/*<PricingHomeOne />*/}
<BlogHomeOne /> {/*<ProjectHomeOne /> */}
{/*<ProjectHomeOne />*/}
<FooterHomeOne />
<BackToTop />
</> </>
); );
} }