first commit
This commit is contained in:
Olu Amey
@@ -0,0 +1,52 @@
|
||||
import React, { useEffect } from 'react';
|
||||
import logo from '../../assets/images/logo.png';
|
||||
import StickyMenu from '../../lib/StickyMenu';
|
||||
import Navigation from '../Navigation';
|
||||
|
||||
function HeaderAbout({ action }) {
|
||||
useEffect(() => {
|
||||
StickyMenu();
|
||||
});
|
||||
return (
|
||||
<>
|
||||
<header className="appie-header-area appie-sticky">
|
||||
<div className="container">
|
||||
<div className="header-nav-box">
|
||||
<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 HeaderAbout;
|
||||
@@ -0,0 +1,46 @@
|
||||
import React from 'react';
|
||||
|
||||
function HeroAbout() {
|
||||
return (
|
||||
<>
|
||||
<div className="appie-about-top-title-area">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-7">
|
||||
<div className="appie-about-top-title">
|
||||
<h2 className="title">The leading people Management platform</h2>
|
||||
<p>We offer you a panoply of cutting-edge options.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section className="appie-about-page-area">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-8">
|
||||
<div className="appie-about-page-content">
|
||||
<h3 className="title">
|
||||
Join our team to create the best digital solutions.
|
||||
</h3>
|
||||
<p>
|
||||
He nicked it up the duff a load of old tosh bleeder butty bugger
|
||||
all mate cheeky bugger bodge tickety boo, mush well Richard
|
||||
geeza buggered haggle david you mug I, such a fibber my good sir
|
||||
knackered down the pub baking cakes chancer golly gosh. Car boot
|
||||
give us a bell bits and hanky panky me old mucker fantastic in
|
||||
my flat so I said nice one he lost his bottle.
|
||||
</p>
|
||||
<a href="#">
|
||||
View all Members <i className="fal fa-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default HeroAbout;
|
||||
@@ -0,0 +1,102 @@
|
||||
import React from 'react';
|
||||
|
||||
function ServicesAbout() {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-services-2-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">We’re driven by our values</h3>
|
||||
<p>The app provides design and digital marketing. </p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-4 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"></i>
|
||||
</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-4 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"></i>
|
||||
</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-4 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"></i>
|
||||
</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-4 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"></i>
|
||||
</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 className="col-lg-4 col-md-6">
|
||||
<div
|
||||
className="appie-single-service-2 appie-single-service-about item-5 mt-30 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="400ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fal fa-retweet"></i>
|
||||
</div>
|
||||
<h4 className="title">Seamless Sync</h4>
|
||||
<p>He lost his bottle loo don't get shirty with me ruddy.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-4 col-md-6">
|
||||
<div
|
||||
className="appie-single-service-2 appie-single-service-about item-6 mt-30 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="600ms"
|
||||
>
|
||||
<div className="icon">
|
||||
<i className="fal fa-bell"></i>
|
||||
</div>
|
||||
<h4 className="title">Notifications Settings</h4>
|
||||
<p>He lost his bottle loo don't get shirty with me ruddy.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default ServicesAbout;
|
||||
@@ -0,0 +1,163 @@
|
||||
import React from 'react';
|
||||
import team1 from '../../assets/images/team-1.jpg';
|
||||
import team2 from '../../assets/images/team-2.jpg';
|
||||
import team3 from '../../assets/images/team-3.jpg';
|
||||
import team4 from '../../assets/images/team-4.jpg';
|
||||
|
||||
function TeamAbout() {
|
||||
return (
|
||||
<>
|
||||
<section className="appie-team-area appie-team-about-area pb-90">
|
||||
<div className="container">
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="appie-section-title text-center">
|
||||
<h3 className="appie-title">Meet our Team Members</h3>
|
||||
<p>Different layouts and styles for team sections.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div
|
||||
className="appie-team-item appie-team-item-about mt-30 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="200ms"
|
||||
>
|
||||
<div className="thumb">
|
||||
<img src={team1} alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-pinterest-p"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="content text-left">
|
||||
<h5 className="title">Benjamin Evalent</h5>
|
||||
<span>CEO-Founder</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div
|
||||
className="appie-team-item appie-team-item-about mt-30 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="400ms"
|
||||
>
|
||||
<div className="thumb">
|
||||
<img src={team2} alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-pinterest-p"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="content text-left">
|
||||
<h5 className="title">Benjamin Evalent</h5>
|
||||
<span>CEO-Founder</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div
|
||||
className="appie-team-item appie-team-item-about mt-30 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="600ms"
|
||||
>
|
||||
<div className="thumb">
|
||||
<img src={team3} alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-pinterest-p"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="content text-left">
|
||||
<h5 className="title">Benjamin Evalent</h5>
|
||||
<span>CEO-Founder</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3 col-md-6">
|
||||
<div
|
||||
className="appie-team-item appie-team-item-about mt-30 wow animated fadeInUp"
|
||||
data-wow-duration="2000ms"
|
||||
data-wow-delay="800ms"
|
||||
>
|
||||
<div className="thumb">
|
||||
<img src={team4} alt="" />
|
||||
<ul>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-facebook-f"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-twitter"></i>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i className="fab fa-pinterest-p"></i>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="content text-left">
|
||||
<h5 className="title">Benjamin Evalent</h5>
|
||||
<span>CEO-Founder</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-12">
|
||||
<div className="team-btn text-center mt-50">
|
||||
<a className="main-btn" href="#">
|
||||
View all Members <i className="fal fa-arrow-right"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default TeamAbout;
|
||||
@@ -0,0 +1,30 @@
|
||||
import React from 'react';
|
||||
import useToggle from '../../Hooks/useToggle';
|
||||
import BackToTop from '../BackToTop';
|
||||
import SignupHomeEight from '../HomeEight/SignupHomeEight';
|
||||
import FooterHomeOne from '../HomeOne/FooterHomeOne';
|
||||
import SponserHomeTwo from '../HomeTwo/SponserHomeTwo';
|
||||
import Drawer from '../Mobile/Drawer';
|
||||
import HeaderAbout from './HeaderAbout';
|
||||
import HeroAbout from './HeroAbout';
|
||||
import ServicesAbout from './ServicesAbout';
|
||||
import TeamAbout from './TeamAbout';
|
||||
|
||||
function AboutUs() {
|
||||
const [drawer, drawerAction] = useToggle(false);
|
||||
return (
|
||||
<>
|
||||
<Drawer drawer={drawer} action={drawerAction.toggle} />
|
||||
<HeaderAbout drawer={drawer} action={drawerAction.toggle} />
|
||||
<HeroAbout />
|
||||
<ServicesAbout />
|
||||
<TeamAbout />
|
||||
<SponserHomeTwo />
|
||||
<SignupHomeEight />
|
||||
<FooterHomeOne className="appie-footer-about-area" />
|
||||
<BackToTop />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
export default AboutUs;
|
||||
Reference in New Issue
Block a user