Check Header Style 03

A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm.

<!-- header -->
<header class="site-header mo-left header dark">
	<div class="top-bar">
		<div class="container">
			<div class="row d-flex justify-content-between align-items-center">
				<div class="dlab-topbar-left">
					<ul>
						<li><a href="javascript:void(0);">About Us</a></li>
						<li><a href="javascript:void(0);">Refund Policy</a></li>
						<li><a href="javascript:void(0);">Help Desk</a></li>
					</ul>
				</div>
				<div class="dlab-topbar-right">
					<a href="javascript:void(0);" class="site-button radius-no">GET A QUOTE</a>						
				</div>
			</div>
		</div>
	</div>
	<!-- main header -->
	<div class="sticky-header main-bar-wraper navbar-expand-lg">
		<div class="main-bar clearfix ">
			<div class="container clearfix">
				<!-- website logo -->
				<div class="logo-header mostion">
					<a href="index.html"><img src="images/logo-white.png" alt=""></a>
				</div>
				<!-- nav toggle button -->
				<button class="navbar-toggler collapsed navicon justify-content-end" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
					<span></span>
					<span></span>
					<span></span>
				</button>
				<!-- extra nav -->
				<div class="extra-nav">
					<div class="extra-cell">
						<button id="quik-search-btn" type="button" class="site-button-link"><i class="la la-search"></i></button>
						<div class="shop-cart navbar-right">
							<button type="button" class="site-button-link cart-btn">
								<i class="la la-cart-plus"></i><span class="badge bg-primary">3</span>
							</button>
							<ul class="dropdown-menu cart-list">
								<li class="cart-item">
									<div class="media"> 
										<div class="media-left"> 
											<a href="javascript:void(0);"> 
												<img alt="" class="media-object" src="images/product/thumb3.jpg"> 
											</a> 
										</div> 
										<div class="media-body"> 
											<h6><a href="" class="media-heading">Tshirt Dress</a></h6>
											<span>$19.99</span>
											<span class="item-close">X</span>
										</div> 
									</div>
								</li>
								<li class="cart-item">
									<div class="media"> 
										<div class="media-left"> 
											<a href="javascript:void(0);"> 
												<img alt="" class="media-object" src="images/product/thumb2.jpg"> 
											</a> 
										</div> 
										<div class="media-body"> 
											<h6><a href="" class="media-heading">Tshirt Dress</a></h6>
											<span>$19.99</span>
											<span class="item-close">X</span>
										</div> 
									</div>
								</li>
								<li class="cart-item">
									<div class="media"> 
										<div class="media-left"> 
											<a href="javascript:void(0);"> 
												<img alt="" class="media-object" src="images/product/thumb1.jpg"> 
											</a> 
										</div> 
										<div class="media-body"> 
											<h6><a href="" class="media-heading">Tshirt Dress</a></h6>
											<span>$19.99</span>
											<span class="item-close">X</span>
										</div> 
									</div>
								</li>
								<li class="cart-item text-center">
									<h5 class="text-black m-a0">Totle = $500</h5>
								</li>
								<li class="text-center">
									<button class="site-button radius-xl m-r5">View Cart</button>
									<button class="site-button radius-xl outline black">Checkout</button>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<!-- Quik search -->
				<div class="dlab-quik-search ">
					<form action="#">
						<input name="search" value="" type="text" class="form-control" placeholder="Type to search">
						<span id="quik-search-remove"><i class="ti-close"></i></span>
					</form>
				</div>
				<!-- main nav -->
				<div class="header-nav navbar-collapse nav-dark  collapse justify-content-end" id="navbarNavDropdown">
					<div class="logo-header d-md-block d-lg-none logo-dark">
						<a href="index.html"><img src="images/logo.png" alt=""></a>
					</div>
					<ul class="nav navbar-nav">	
						<li class="active">
							<a href="javascript:;">Home<i class="fas fa-chevron-down"></i></a>
							<ul class="sub-menu right">
								<li><a href="index.html">Home - University</a></li>
								<li><a href="index-2.html">Home - Kindergarten</a></li>
								<li><a href="index-3.html">Home - Collage</a></li>
								<li><a href="index-4.html">Home - Coaching</a></li>
								<li><a href="index-5.html">Home - School</a></li>
							</ul>
						</li>
						<li>
							<a href="javascript:;">Features<i class="fas fa-chevron-down"></i></a>
							<ul class="sub-menu tab-content">
								<li>
									<a href="javascript:;">Header Light <i class="fas fa-angle-right"></i></a>
									<ul class="sub-menu">
										<li><a href="header-style-1.html">Header 1</a></li>
										<li><a href="header-style-2.html">Header 2</a></li>
										<li><a href="header-style-3.html">Header 3</a></li>
										<li><a href="header-style-4.html">Header 4</a></li>
										<li><a href="header-style-5.html">Header 5</a></li>
										<li><a href="header-style-6.html">Header 6</a></li>
									</ul>
								</li>	
								<li> 
									<a href="javascript:;">Header Dark <i class="fas fa-angle-right"></i></a>
									<ul class="sub-menu">		
										<li><a href="header-style-dark-1.html">Header 1</a></li>
										<li><a href="header-style-dark-2.html">Header 2</a></li>
										<li><a href="header-style-dark-3.html">Header 3</a></li>
										<li><a href="header-style-dark-4.html">Header 4</a></li>
										<li><a href="header-style-dark-5.html">Header 5</a></li>
										<li><a href="header-style-dark-6.html">Header 6</a></li>
									</ul>
								</li>
								<li> 
									<a href="javascript:;">Footer <i class="fas fa-angle-right"></i></a>
									<ul class="sub-menu">
										<li><a href="footer-1.html">Footer 1 </a></li>
										<li><a href="footer-2.html">Footer 2</a></li>
										<li><a href="footer-3.html">Footer 3</a></li>
										<li><a href="footer-4.html">Footer 4</a></li>
										<li><a href="footer-5.html">Footer 5</a></li>
										<li><a href="footer-6.html">Footer 6</a></li>
										<li><a href="footer-7.html">Footer 7</a></li>
										<li><a href="footer-8.html">Footer 8</a></li>
										<li><a href="footer-9.html">Footer 9</a></li>
										<li><a href="footer-10.html">Footer 10</a></li>
										<li><a href="footer-11.html">Footer 11</a></li>
										<li><a href="footer-12.html">Footer 12</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li class="has-mega-menu"> <a href="javascript:;">Pages<i class="fas fa-chevron-down"></i></a>
							<ul class="mega-menu">
								<li> 
									<a href="javascript:;">Pages</a>
									<ul>
										<li><a href="about-1.html">About us 1</a></li>
										<li><a href="about-2.html">About us 2</a></li>
										<li><a href="services-1.html">Services 1</a></li>
										<li><a href="services-2.html">Services 2</a></li>
										<li><a href="faq-1.html">Faqs </a></li>
									</ul>
								</li>
								<li> 
									<a href="javascript:;">Pages</a>
									<ul>
										<li><a href="teacher.html">Teachers</a></li>
										<li><a href="teachers-profile.html">Teachers Profile</a></li>
										<li><a href="courses.html">Courses</a></li>
										<li><a href="courses-details.html">Courses Details</a></li>
										<li><a href="event.html">Events</a></li>
									</ul>
								</li>
								<li> 
									<a href="javascript:;">Pages</a>
									<ul>
										<li><a href="event-details.html">Events Details</a></li>
										<li><a href="help-desk.html">Help Desk</a></li>
										<li><a href="privacy-policy.html">Privacy Policy</a></li>
										<li><a href="error-404.html">Error 404</a></li>
										<li><a href="error-405.html">Error 405</a></li>
									</ul>
								</li>
								<li> 
									<a href="javascript:;">Pages</a>
									<ul>
										<li><a href="gallery-grid-2.html">Gallery Grid 2</a></li>
										<li><a href="gallery-grid-3.html">Gallery Grid 3</a></li>
										<li><a href="gallery-grid-4.html">Gallery Grid 4</a></li>
										<li><a href="coming-soon-1.html">Coming Soon 1</a></li>
										<li><a href="coming-soon-2.html">Coming Soon 2</a></li>											
									</ul>
								</li>
							</ul>
						</li>
						<li>
							<a href="javascript:;">Shop<i class="fas fa-chevron-down"></i></a>
							<ul class="sub-menu">
								<li><a href="shop.html">Shop</a></li>
								<li><a href="shop-sidebar.html">Shop Sidebar</a></li>
								<li><a href="shop-product-details.html">Product Details</a></li>
								<li><a href="shop-cart.html">Cart</a></li>
								<li><a href="shop-wishlist.html">Wishlist</a></li>
								<li><a href="shop-checkout.html">Checkout</a></li>
								<li><a href="shop-login.html">Login</a></li>
								<li><a href="shop-register.html">Register</a></li>
							</ul>
						</li>
						<li class="has-mega-menu"> <a href="javascript:;">Blog<i class="fas fa-chevron-down"></i></a>
							<ul class="mega-menu">
								<li> <a href="javascript:;">Blog</a>
									<ul>
										<li><a href="blog-half-img.html">Half image</a></li>
										<li><a href="blog-half-img-sidebar.html">Half image sidebar</a></li>
										<li><a href="blog-half-img-left-sidebar.html">Half image sidebar left</a></li>
										<li><a href="blog-large-img.html">Large image</a></li>
									</ul>
								</li>
								<li> <a href="javascript:;">Blog</a>
									<ul>
										<li><a href="blog-large-img-sidebar.html">Large image sidebar</a></li>
										<li><a href="blog-large-img-left-sidebar.html">Large image sidebar left</a></li>
										<li><a href="blog-grid-2.html">Grid 2</a></li>
										<li><a href="blog-grid-2-sidebar.html">Grid 2 sidebar</a></li>
									</ul>
								</li>
								<li> <a href="javascript:;">Blog</a>
									<ul>
										<li><a href="blog-grid-2-sidebar-left.html">Grid 2 sidebar left</a></li>
										<li><a href="blog-grid-3.html">Grid 3</a></li>
										<li><a href="blog-grid-3-sidebar.html">Grid 3 sidebar</a></li>
										<li><a href="blog-grid-3-sidebar-left.html">Grid 3 sidebar left</a></li>
									</ul>
								</li>
								<li> <a href="javascript:;">Blog</a>
									<ul>
										<li><a href="blog-grid-4.html">Grid 4</a></li>
										<li><a href="blog-single.html">Single</a></li>
										<li><a href="blog-single-sidebar.html">Single sidebar</a></li>
										<li><a href="blog-single-left-sidebar.html">Single sidebar right</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li class="has-mega-menu"> <a href="javascript:;">Element<i class="fas fa-chevron-down"></i></a>
							<ul class="mega-menu">
								<li><a href="javascript:;">Element</a>
									<ul>
										<li><a href="shortcode-buttons.html"><i class="ti-mouse"></i> Buttons</a></li>
										<li><a href="shortcode-icon-box-styles.html"><i class="ti-layout-grid2"></i> Icon box styles</a></li>
										<li><a href="shortcode-pricing-table.html"><i class="ti-layout-grid2-thumb"></i> Pricing table</a></li>
										<li><a href="shortcode-toggles.html"><i class="ti-layout-accordion-separated"></i> Toggles</a></li>
										<li><a href="shortcode-team.html"><i class="ti-user"></i> Team</a></li>
										<li><a href="shortcode-animation-effects.html"><i class="ti-layers-alt"></i> Animation Effects</a></li>
									</ul>
								</li>
								<li> <a href="javascript:;">Element</a>
									<ul>
										<li><a href="shortcode-carousel-sliders.html"><i class="ti-layout-slider"></i> Carousel sliders</a></li>
										<li><a href="shortcode-image-box-content.html"><i class="ti-image"></i> Image box content</a></li>
										<li><a href="shortcode-tabs.html"><i class="ti-layout-tab-window"></i> Tabs</a></li>
										<li><a href="shortcode-counters.html"><i class="ti-timer"></i> Counters</a></li>
										<li><a href="shortcode-shop-widgets.html"><i class="ti-shopping-cart"></i> Shop Widgets</a></li>
										<li><a href="shortcode-filters.html"><i class="ti-check-box"></i> Gallery Filters</a></li>
									</ul>
								</li>
								<li> <a href="javascript:;">Element</a>
									<ul>
										<li><a href="shortcode-accordians.html"><i class="ti-layout-accordion-list"></i> Accordians</a></li>
										<li><a href="shortcode-dividers.html"><i class="ti-layout-list-post"></i> Dividers</a></li>
										<li><a href="shortcode-images-effects.html"><i class="ti-layout-media-overlay"></i> Images effects</a></li>
										<li><a href="shortcode-testimonials.html"><i class="ti-comments"></i> Testimonials</a></li>
										<li><a href="shortcode-pagination.html"><i class="ti-more"></i> Pagination</a></li>
										<li><a href="shortcode-alert-box.html"><i class="ti-alert"></i> Alert box</a></li>
									</ul>
								</li>
								<li> <a href="javascript:;">Element</a>
									<ul>
										<li><a href="shortcode-icon-box.html"><i class="ti-layout-media-left-alt"></i> Icon Box</a></li>
										<li><a href="shortcode-list-group.html"><i class="ti-list"></i> List group</a></li>
										<li><a href="shortcode-title-separators.html"><i class="ti-layout-line-solid"></i> Title Separators</a></li>
										<li><a href="shortcode-all-widgets.html"><i class="ti-widgetized"></i> Widgets</a></li>
										<li><a href="shortcode-carousel-sliders.html"><i class="ti-layout-slider"></i> Carousel sliders</a></li>
										<li><a href="shortcode-image-box-content.html"><i class="ti-image"></i> Image box content</a></li>
									</ul>
								</li>
							</ul>
						</li>
						<li>
							<a href="javascript:;">Contact Us<i class="fas fa-chevron-down"></i></a>
							<ul class="sub-menu right">
								<li><a href="contact-1.html">Contact us 1</a></li>
								<li><a href="contact-2.html">Contact us 2</a></li>
								<li><a href="contact-3.html">Contact us 3</a></li>
								<li><a href="contact-4.html">Contact us 4</a></li>
							</ul>
						</li>
					</ul>	
				</div>
			</div>
		</div>
	</div>
	<!-- main header END -->
</header>
<!-- header END -->

Subscribe To Our Newsletter

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words

Your Email Address