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

first commit

Browse Source
This commit is contained in:
Olu Amey
2021-12-18 20:23:31 -05:00
commit bce242fd22
308 changed files with 42398 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/HomeSeven/HeaderHomeSeven.js
+52
View File
@@ -0,0 +1,52 @@
import React, { useEffect } from 'react';
import logo from '../../assets/images/logo-7.png';
import StickyMenu from '../../lib/StickyMenu';
import Navigation from '../Navigation';
function HeaderHomeSeven({ action }) {
useEffect(() => {
StickyMenu();
});
return (
<>
<header className="appie-header-area appie-header-7-area appie-sticky">
<div className="container">
<div className="header-nav-box header-nav-box-7">
<div className="row align-items-center">
<div className="col-lg-2 col-md-4 col-sm-5 col-6 order-1 order-sm-1">
<div className="appie-logo-box">
<a href="/">
<img src={logo} alt="" />
</a>
</div>
</div>
<div className="col-lg-6 col-md-1 col-sm-1 order-3 order-sm-2">
<div className="appie-header-main-menu">
<Navigation />
</div>
</div>
<div className="col-lg-4 col-md-7 col-sm-6 col-6 order-2 order-sm-3">
<div className="appie-btn-box text-right">
<a className="login-btn" href="#">
<i className="fal fa-user"></i> Login
</a>
<a className="main-btn ml-30" href="#">
Get Started
</a>
<div
onClick={(e) => action(e)}
className="toggle-btn ml-30 canvas_open d-lg-none d-block"
>
<i className="fa fa-bars"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
</>
);
}
export default HeaderHomeSeven;
src/components/HomeSeven/HeroHomeSeven.js
+60
View File
@@ -0,0 +1,60 @@
import React from 'react';
import heroThumb2 from '../../assets/images/hero-shape-2.png';
import heroThumb8 from '../../assets/images/hero-thumb-8.png';
function HeroHomeSeven() {
return (
<>
<section className="appie-hero-area appie-hero-6-area appie-hero-7-area">
<div className="container">
<div className="row align-items-center">
<div className="col-lg-7">
<div className="appie-hero-content appie-hero-content-6 appie-hero-content-7">
<h1 className="appie-title">Creative way to Showcase your app </h1>
<p>
Lost the plot so I said nancy boy I don't want no agro bleeder
bum bag easy peasy cheesed off cheers ruddy.
</p>
<ul>
<li>
<a href="#">
<i className="fab fa-apple"></i>
<span>
Available on the <span>App Store</span>
</span>
</a>
</li>
<li>
<a className="item-2" href="#">
<i className="fab fa-google-play"></i>
<span>
Available on the <span>Google Play</span>
</span>
</a>
</li>
</ul>
<div className="info"></div>
</div>
</div>
<div className="col-lg-5">
<div className="appie-hero-thumb-6">
<div
className="thumb wow animated fadeInUp text-center"
data-wow-duration="1000ms"
data-wow-delay="600ms"
>
<img src={heroThumb8} alt="" />
<div className="back-image">
<img src={heroThumb2} alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</>
);
}
export default HeroHomeSeven;
src/components/HomeSeven/index.js
+36
View File
@@ -0,0 +1,36 @@
import React from 'react';
import useToggle from '../../Hooks/useToggle';
import BlogHomeOne from '../HomeOne/BlogHomeOne';
import FaqHomeOne from '../HomeOne/FaqHomeOne';
import FeaturesHomeOne from '../HomeOne/FeaturesHomeOne';
import FooterHomeOne from '../HomeOne/FooterHomeOne';
import ProjectHomeOne from '../HomeOne/ProjectHomeOne';
import TeamHomeOne from '../HomeOne/TeamHomeOne';
import CounterArea from '../HomeTwo/CounterArea';
import DownloadHomeTwo from '../HomeTwo/DownloadHomeTwo';
import PricingHomeTwo from '../HomeTwo/PricingHomeTwo';
import Drawer from '../Mobile/Drawer';
import HeaderHomeSeven from './HeaderHomeSeven';
import HeroHomeSeven from './HeroHomeSeven';
function HomeSeven() {
const [drawer, drawerAction] = useToggle(false);
return (
<>
<Drawer drawer={drawer} action={drawerAction.toggle} />
<HeaderHomeSeven action={drawerAction.toggle} />
<HeroHomeSeven />
<FeaturesHomeOne />
<CounterArea />
<DownloadHomeTwo className="mb-0" />
<TeamHomeOne />
<PricingHomeTwo />
<FaqHomeOne className="pt-90" />
<BlogHomeOne />
<ProjectHomeOne />
<FooterHomeOne />
</>
);
}
export default HomeSeven;