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/Service/DetailsService.js
+94
View File
@@ -0,0 +1,94 @@
import React from 'react';
import thumb from '../../assets/images/service-details-thumb.jpg';
function DetailsService() {
return (
<>
<section className="appie-service-details-area pt-100 pb-100">
<div className="container">
<div className="row">
<div className="col-lg-4">
<div className="service-details-sidebar mr-50">
<div className="service-category-widget">
<ul>
<li>
<i className="fal fa-home"></i>Fast Development
</li>
<li>
<i className="fal fa-tag"></i>App, UX
</li>
<li>
<i className="fal fa-user-friends"></i>20-30 Employees
</li>
<li>
<i className="fal fa-bookmark"></i>Appie Template
</li>
<li>
<i className="fal fa-globe"></i>quomodosoft.com/appie
</li>
</ul>
</div>
<div className="service-download-widget">
<a href="#">
<i className="fal fa-download"></i>
<span>Download docs</span>
</a>
</div>
<div className="service-download-widget">
<a href="#">
<i className="fal fa-file-pdf"></i>
<span>Characteristics</span>
</a>
</div>
</div>
</div>
<div className="col-lg-8">
<div className="service-details-content">
<div className="thumb">
<img src={thumb} alt="" />
</div>
<div className="content">
<h3 className="title">What we're Building</h3>
<p>
Tomfoolery wind up blag me old mucker chap super ruddy
chancer bobby, vagabond it's your round cuppa cheesed off
blower nice one at public school, Why cockup knackered pear
shaped amongst spiffing good time he nicked it.
</p>
<span>
He lost his bottle mufty spend a penny cheeky at public
school daft get stuffed mate don't get shirty.
</span>
<p>
My good sir cup of char no biggie knees up happy days
absolutely bladdered don't get shirty with me chimney pot
James Bond he lost his bottle me old mucker, bobby nice one
cack codswallop what a load of rubbish Jeffrey barmy blower
tomfoolery, crikey only a quid at public school mufty tosser
up the duff say Richard I don't want no agro. Owt to do with
me barney quaint jolly good off his nut vagabond pardon you
gutted mate the little rotter excuse my French, the bee's
knees don't get shirty with me he nicked it give us a bell
zonked lavatory Charles gosh, Eaton the BBC is victoria
sponge a William bog what a load of rubbish. Smashing only a
quid cockup he lost his bottle bugger Jeffrey mufty,
starkers blatant zonked easy peasy brolly car boot, blimey
at public school cheeky bugger you mug david. Tomfoolery a
load of old tosh Queen's English lemon squeezy old
hunky-dory mush chap give us a bell bloke, chancer knackered
cheesed off buggered tinkety tonk old fruit car boot only a
quid spiffing good time chinwag, he lost his bottle pukka
gutted mate naff horse play cup of tea baking cakes a
blinding shot. bobby the wireless matie boy show.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</>
);
}
export default DetailsService;
src/components/Service/HeaderService.js
+48
View File
@@ -0,0 +1,48 @@
import React from 'react';
import logo from '../../assets/images/logo-7.png';
import Navigation from '../Navigation';
function HeaderService({ action }) {
return (
<>
<header className="appie-header-area appie-header-page-area appie-sticky">
<div className="container">
<div className="header-nav-box header-nav-box-3 header-nav-box-inner-page">
<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 HeaderService;
src/components/Service/HeroService.js
+28
View File
@@ -0,0 +1,28 @@
import React from 'react';
import thumb from '../../assets/images/fun-fact-thumb.png';
function HeroService() {
return (
<>
<div className="appie-page-title-area appie-page-service-title-area">
<div className="container">
<div className="row">
<div className="col-lg-12">
<div className="appie-page-title-item">
<span>Fast Development</span>
<h3 className="title">
Simple but effective, <br /> effortless yet powerful.
</h3>
<div className="thumb">
<img src={thumb} alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
</>
);
}
export default HeroService;
src/components/Service/index.js
+30
View File
@@ -0,0 +1,30 @@
import React, { useEffect } from 'react';
import useToggle from '../../Hooks/useToggle';
import StickyMenu from '../../lib/StickyMenu';
import BackToTop from '../BackToTop';
import FooterHomeOne from '../HomeOne/FooterHomeOne';
import ProjectHomeOne from '../HomeOne/ProjectHomeOne';
import Drawer from '../Mobile/Drawer';
import DetailsService from './DetailsService';
import HeaderService from './HeaderService';
import HeroService from './HeroService';
function Service() {
useEffect(() => {
StickyMenu();
});
const [drawer, drawerAction] = useToggle(false);
return (
<>
<Drawer drawer={drawer} action={drawerAction.toggle} />
<HeaderService action={drawerAction.toggle} />
<HeroService />
<DetailsService />
<ProjectHomeOne />
<FooterHomeOne />
<BackToTop />
</>
);
}
export default Service;