<!-- START NAVBAR SECTION -->
<header  id="header" class="nav-header">
    <div class = "above_navbar">
        <div class = "container">
            <div class = "bar_content">
                <div class = "company_details">
                    <ul>
                        <li>
                            <i class="fas fa-map-marker-alt"></i>
                            184 Main Street East 8007
                        </li>
                        <li>
                            <i class="fas fa-mobile-alt"></i>
                            1.800.456.6743
                        </li>
                        <li>
                            <i class="far fa-clock"></i>
                            Mon-Fri 09.00 - 17.00
                        </li>
                    </ul>
                </div>
                <div class = "company_social">
                    <ul>
	 	                <li><a target="_blank" href="#" title="Facebook"><i class="fab fa-facebook-square"></i></a></li>
	 	 	            <li><a target="_blank" href="#" title="Twitter"><i class="fab fa-twitter"></i></a></li>
	    	    	    <li><a target="_blank" title="Instagram" href="#"><i class="fab fa-instagram"></i></a></li>
	    	    	</ul>
                </div>
            </div>
        </div>
    </div>
    <!-- NAVBAR -->
    <nav class="navbar navbar-expand-lg navbar-light">
        <div class = "container">
            <a class="navbar-brand" href="#">
                Yah<span style = "color:#04DBC0">Ya</span>&nbsp;CarRental
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#yahyaNavbar" aria-controls="yahyaNavbar" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="yahyaNavbar">
                <ul class="navbar-nav" style = "margin-left: auto!important;">
                    <li class="nav-item active">
                        <a class="nav-link" href="./">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./#services">Services</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./#brands">Brands</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./#reserve">Reserve</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="./#contact-us">Contact</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</header>