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