<nav class="navbar navbar-expand-lg fixed-top" data-aos="fade-down">
	<div class="container">
	 	<a class="navbar-brand" href="#"><img src="images/logo.svg" width="140"></a>
	  	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
	    <span class="navbar-toggler-icon"></span>
	  	</button>
		<div class="collapse navbar-collapse" id="navbarSupportedContent">
		    <ul class="navbar-nav my-2 ml-auto header" id="nav_bar">			
				<!-- Dropdown -->
			    <li class="dropdown megamenu">
		            <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown"> Services </a>
		            <!--mega menu -->                    
		            <div class="dropdown-menu mega-dropdown-menu">     
		              	<div class="container">
			                <div class="row w-100">
			                	<div class="col-lg-3">
									<span class="blur-heading">Development</span>
									<ul class="header-links">
										<li><a href="">Software Development</a></li>
										<li><a href="">Web Development</a></li>
										<li><a href="">Mobile App Development</a></li>
										<li><a href="">Game Development</a></li>
										<li><a href="">Software Testing</a></li>
										<li><a href="">WordPress Development</a></li>
										<li><a href="">Ecommerce Solutions</a></li>
										<li><a href="">Shopify Development</a></li>
										<li><a href="">Magento Development</a></li>
										<li><a href="">Maintenance and Support</a></li>
									</ul>
								</div>
			                  	<div class="col-lg-3">
									<span class="blur-heading">Data Analytics</span>
									<ul class="header-links">
										<li><a href="">Data Visualization</a></li>
										<li><a href="">Power BI</a></li>
										<li><a href="">Tableau</a></li>
										<li><a href="">MS Excel</a></li>
										<li><a href="">Qlik Sense</a></li>
									</ul>
								</div>
								<div class="col-lg-3">
									<span class="blur-heading">Cloud</span>
									<ul class="header-links">
										<li><a href="">Cloud Computing</a></li>
										<li><a href="">AWS Consulting</a></li>
										<li><a href="">Google Cloud</a></li>
										<li><a href="">Azure</a></li>					
									</ul>
								</div>							
								<div class="col-lg-3">
									<span class="blur-heading">Design</span>
									<ul class="header-links">
										<li><a href="">UX/UI Design</a></li>
										<li><a href="">Wireframing and Prototyping</a></li>
										<li><a href="">Responsive Web Design</a></li>
									</ul>
								</div>
			                </div>
		              	</div>              
		            </div>
		        </li>
			    
			    <li class="dropdown megamenu">
		            <a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown"> Dedicated Teams </a>
		            <!--mega menu -->   

		            <div class="dropdown-menu mega-dropdown-menu">     
		              <div class="container">
		                <div class="row w-100">
		                	<div class="col-lg-3">
								<span class="blur-heading">Frontend</span>
								<ul class="header-links">
									<li><a href="">Frontend Developers</a></li>
									<li><a href="">Angular Developers</a></li>
									<li><a href="">ReactJS Developers</a></li>
									<li><a href="">VueJS Developers</a></li>	
								</ul>
							</div>
		                	<div class="col-lg-3">
								<span class="blur-heading">Development</span>
								<ul class="header-links">
									<li><a href="">Backend Developers</a></li>
									<li><a href="">PHP Developers</a></li>
									<li><a href="">Dot Net Developers</a></li>
									<li><a href="">Laravel Developers</a></li>
									<li><a href="">PHP Developers</a></li>
									<li><a href="">Codeigniter Developers</a></li>
									<li><a href="">WordPress Developers</a></li>
									<li><a href="">Shopify Developers</a></li>
									<li><a href="">Magento Developers</a></li>
									<li><a href="">WooCommerce Developers</a></li>	
								</ul>
							</div>		                	
		                  	<div class="col-lg-3">
								<span class="blur-heading">Mobile</span>
								<ul class="header-links">
									<li><a href="">Mobile Developers</a></li>
									<li><a href="">React Native Developers</a></li>
									<li><a href="">Android Developers</a></li>
									<li><a href="">IOS Developers</a></li>	
								</ul>
							</div>
							<div class="col-lg-3">
								<span class="blur-heading">Fullstack</span>
								<ul class="header-links">
									<li><a href="">Fullstack Developers</a></li>
									<li><a href="">MEAN Stack Developers</a></li>
									<li><a href="">LAMP Stack Developers</a></li>					
								</ul>
								<span class="blur-heading mt-5">Other</span>
								<ul class="header-links">
									<li><a href="">Power BI Consultants</a></li>
									<li><a href="">SQL Developers</a></li>
									<li><a href="">Database Developers</a></li>
									<li><a href="">Azure Developers</a></li>
								</ul>
							</div>							
							

		                </div>
		              </div>              
		            </div>
		            <!-- / mega menu -->
		          </li>   
				<li class="nav-item"> <a class="nav-link" href="#">Projects</a></li>
				<li class="nav-item"> <a class="nav-link" href="#">About</a></li>
				<li class="nav-item"> <a class="nav-link" href="#">Blog</a></li>
				<li class="nav-item"> <a class="nav-link" href="#">Contact</a></li>
				<li class="nav-item last-nav"> <a href="" class="btn btn-bordered ml-4">Discuss a Project</a></li>
				
		    </ul>		    
		</div>
	</div>
</nav>

<!-- <div class="offset"></div> -->