115 lines
4.7 KiB
JavaScript
115 lines
4.7 KiB
JavaScript
import React, {component} from 'react';
|
|
import { Link } from "react-router-dom";
|
|
|
|
class Header extends React.Component {
|
|
render(){
|
|
return(
|
|
<div>
|
|
|
|
<header id="header" className="header white-menu navbar-dark">
|
|
|
|
<div className="header-wrapper">
|
|
|
|
<div className="wsmobileheader clearfix">
|
|
<span className="smllogo"><img src="assets/images/logo-01.png" alt="mobile-logo"/></span>
|
|
<Link to="#" id="wsnavtoggle" className="wsanimated-arrow"><span></span></Link>
|
|
</div>
|
|
|
|
|
|
|
|
<div className="wsmainfull menu clearfix">
|
|
<div className="wsmainwp clearfix">
|
|
|
|
|
|
|
|
<div className="desktoplogo"><Link to="/" className="logo-black"><img src="assets/images/logo-01.png" alt="header-logo"/></Link></div>
|
|
<div className="desktoplogo"><Link to="/" className="logo-white"><img src="assets/images/logo-white.png" alt="header-logo"/></Link></div>
|
|
|
|
|
|
|
|
<nav className="wsmenu clearfix">
|
|
<ul className="wsmenu-list nav-rose-hover">
|
|
|
|
<li aria-haspopup="true"><Link to="/">Home</Link>
|
|
{/* <div className="wsmegamenu clearfix halfmenu">
|
|
<div className="container-fluid">
|
|
<div className="row">
|
|
<ul className="col-lg-6 link-list">
|
|
<li><Link to="/">Home</Link></li>
|
|
<li><Link to="/home_2">Home 2</Link></li>
|
|
<li><Link to="/home_3">Home 3</Link></li>
|
|
<li><Link to="/home_4">Home 4</Link></li>
|
|
<li><Link to="/home_5">Home 5</Link></li>
|
|
<li><Link to="/home_6">Home 6</Link></li>
|
|
</ul>
|
|
<ul className="col-lg-6 link-list">
|
|
<li><Link to="/home_7">Home 7</Link></li>
|
|
<li><Link to="/home_8">Home 8</Link></li>
|
|
<li><Link to="/home_9">Home 9</Link></li>
|
|
<li><Link to="/home_10">Home 10</Link></li>
|
|
<li><Link to="/home_11">Home 11</Link></li>
|
|
<li><Link to="/home_12">Home 12</Link></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div> */}
|
|
</li>
|
|
|
|
|
|
|
|
<li className="nl-simple" aria-haspopup="true"><Link to="/users">Users</Link></li>
|
|
<li className="nl-simple" aria-haspopup="true"><Link to="/business">Fleet Managers</Link></li>
|
|
<li className="nl-simple" aria-haspopup="true"><Link to="/about">About us</Link></li>
|
|
|
|
{/* <li aria-haspopup="true"><Link to="#">Pages <span className="wsarrow"></span></Link>
|
|
<div className="wsmegamenu clearfix halfmenu">
|
|
<div className="container-fluid">
|
|
<div className="row">
|
|
|
|
<ul className="col-lg-6 link-list">
|
|
<li><Link to="features">Features</Link></li>
|
|
<li><Link to="/pricing">Pricing Plans</Link></li>
|
|
<li><Link to="/more_apps">More Apps</Link></li>
|
|
<li><Link to="/faqs">FAQs Page</Link></li>
|
|
</ul>
|
|
|
|
<ul className="col-lg-6 link-list">
|
|
<li><Link to="/blog_listing">Blog Listing</Link></li>
|
|
<li><Link to="/single_post">Single Blog Post</Link></li>
|
|
<li><Link to="/terms">Terms & Privacy</Link></li>
|
|
<li><Link to="/contacts">Contact Us</Link></li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li> */}
|
|
<li className="nl-simple" aria-haspopup="true"><Link to="/faqs">FAQs</Link></li>
|
|
{/* <li className="nl-simple" aria-haspopup="true"><Link to="/more_apps">More Apps</Link></li>
|
|
<li className="nl-simple" aria-haspopup="true"><Link to="/blog_listing">Blog</Link></li> */}
|
|
<li className="nl-simple" aria-haspopup="true">
|
|
<Link to="/getstarted" className="btn btn-rose tra-grey-hover last-link">Let's Start</Link>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ul>
|
|
</nav>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</header>
|
|
|
|
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
export default Header
|