
		<!-- Navigation -->
		<header  class="nav">
			<div class="nav__holder nav--sticky">
				<div  class="container-fluid nav__container nav__container--side-padding">
					<div class="flex-parent">

						<div class="nav__header">
							<!-- Logo -->
							

							<!-- Mobile toggle -->
							<button type="button" class="nav__icon-toggle" id="nav__icon-toggle" data-toggle="collapse" data-target="#navbar-collapse">
								<span class="sr-only">Toggle navigation</span>
								<span class="nav__icon-toggle-bar"></span>
								<span class="nav__icon-toggle-bar"></span>
								<span class="nav__icon-toggle-bar"></span>
							</button>
						</div>

						<!-- Navbar -->
						<nav id="navbar-collapse" class="nav__wrap collapse nav--align-center navbar-collapse">
							<ul class="nav__menu">
								<li class="brand">
									<a href="/brand" aria-haspopup="true" >Brands</a>

								</li>
								
								<li class="about">
									<a href="/about-us" aria-haspopup="true" >About</a>

								</li>
								<li class="sector nav__dropdown ">
									<a href="javascript:;" aria-haspopup="true">Sectors</a>
									<i class="ui-arrow-down nav__dropdown-trigger" role="button" aria-haspopup="true" aria-expanded="false"></i>
									<ul class="nav__dropdown-menu">
										<li><a href="/manufacturing">Manufacturing</a></li>
										<li><a href="/media">Media</a></li>
										<li><a href="/technology">Technology</a></li>
										<li><a href="/services">Services</a></li>
									</ul>
									
								</li>
								<!-- <li class="nav__dropdown">
									<a href="#" aria-haspopup="true">Careers</a>
									<i class="ui-arrow-down nav__dropdown-trigger" role="button" aria-haspopup="true" aria-expanded="false"></i>
									<ul class="nav__dropdown-menu">
										<li><a href="icons.html">Icons</a></li>
										<li><a href="elements.html">Elements</a></li>
									</ul>
								</li> -->
								<li class="news">
									<a href="/news" aria-haspopup="true" >News</a>

								</li>
                        
								<a href="{{route('homepage')}}" class="logo-container flex-child">
									<img class="logomob" src="{{asset('img/logo.png')}}" loading="lazy" width="170" alt="AQO">
								</a>
								<li class="Careers">
									<a href="/careers" aria-haspopup="true" >Careers</a>

								</li>
								<li class="Contact">
									<a href="/contact-us" aria-haspopup="true" >Contact</a>

								</li>
								<li><div class="so">
									<form action="">
										<ul class="ul-search">
									<li><input type="text" class="search" style="height:30px;" ></li>
									<li class="icon-search"><a href="#" ><i class="ui-search"></i></a></li>
								</ul>
								</div></li>
							</ul> <!-- end menu -->
						
						

							<div class="nav__socials nav__socials--mobile d-lg-none">
								<div class="socials">
									<a href="https://twitter.com/anna_ondaatje?lang=en" class="social social-twitter" aria-label="twitter" title="twitter" target="_blank"><i class="ui-Search"></i></a>
									<a href="https://www.facebook.com/A-Quint-Ondaatje-Foundation-100287101576842" class="social social-facebook" aria-label="facebook" title="facebook" target="_blank"><i class="ui-facebook"></i></a>
									<a href="https://www.instagram.com/annamarieondaatje/?igshid=YmMyMTA2M2Y%3D" class="social social-instagram" aria-label="instagram" title="instagram" target="_blank"><i class="ui-instagram"></i></a>
								</div>
							</div>
						</nav> <!-- end nav-wrap -->

						

						<div class="nav__ nav--align-right d-none d-lg-block">
							

					</div> <!-- end flex-parent -->
				</div> <!-- end container -->

			</div>
		</header> <!-- end navigation -->
