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/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;