<!-- ========== HEADER ========== -->
<header id="header" class="navbar navbar-expand-lg navbar-end navbar-light bg-white">
<div class="container">
<nav class="js-mega-menu navbar-nav-wrap">
<!-- Default Logo -->
<a class="navbar-brand" href="../index.html" aria-label="Front">
<img class="navbar-brand-logo" src="../assets/svg/logos/logo.svg" alt="Logo">
</a>
<!-- End Default Logo -->
<!-- Toggler -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-default">
<i class="bi-list"></i>
</span>
<span class="navbar-toggler-toggled">
<i class="bi-x"></i>
</span>
</button>
<!-- End Toggler -->
<!-- Collapse -->
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<!-- Landings -->
<li class="nav-item dropdown">
<a id="landingsMegaMenu" class="nav-link dropdown-toggle " aria-current="page" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Landings</a>
<!-- Mega Menu -->
<div class="dropdown-menu w-100" aria-labelledby="landingsMegaMenu" style="min-width: 30rem;">
<div class="navbar-dropdown-menu-inner">
<div class="row">
<div class="col-sm mb-3 mb-sm-0">
<span class="dropdown-header">Classic</span>
<a class="dropdown-item" href="#">Corporate</a>
<a class="dropdown-item" href="#">Analytics <span class="badge bg-primary rounded-pill ms-1">Hot</span></a>
<a class="dropdown-item" href="#">Studio</a>
<a class="dropdown-item" href="#">Marketing</a>
<a class="dropdown-item" href="#">Advertisement</a>
<a class="dropdown-item" href="#">Consulting</a>
<a class="dropdown-item" href="#">Portfolio</a>
<a class="dropdown-item" href="#">Software</a>
<a class="dropdown-item" href="#">Business</a>
</div>
<!-- End Col -->
<div class="col-sm">
<div class="mb-3">
<span class="dropdown-header">App</span>
<a class="dropdown-item" href="#">UI Kit</a>
<a class="dropdown-item" href="#">SaaS</a>
<a class="dropdown-item" href="#">Workflow</a>
<a class="dropdown-item" href="#">Payment</a>
<a class="dropdown-item" href="#">Tool</a>
</div>
<span class="dropdown-header">Onepage</span>
<a class="dropdown-item" href="#">Corporate</a>
<a class="dropdown-item" href="#">SaaS <span class="badge bg-primary rounded-pill ms-1">Hot</span></a>
</div>
<!-- End Col -->
</div>
<!-- End Row -->
</div>
</div>
<!-- End Mega Menu -->
</li>
<!-- End Landings -->
<!-- Company -->
<li class="nav-item dropdown">
<a id="companyMegaMenu" class="nav-link dropdown-toggle " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Company</a>
<!-- Mega Menu -->
<div class="dropdown-menu" aria-labelledby="companyMegaMenu" style="min-width: 14rem;">
<a class="dropdown-item" href="#">About</a>
<a class="dropdown-item" href="#">Services</a>
<a class="dropdown-item" href="#">Customer Stories</a>
<a class="dropdown-item" href="#">Customer Story</a>
<a class="dropdown-item" href="#">Careers</a>
<a class="dropdown-item" href="#">Careers Overview</a>
<a class="dropdown-item" href="#">Hire Us</a>
<a class="dropdown-item" href="#">Pricing</a>
<a class="dropdown-item" href="#">Contacts: Agency</a>
<a class="dropdown-item" href="#">Contacts: Startup</a>
</div>
<!-- End Mega Menu -->
</li>
<!-- End Company -->
<!-- Account -->
<li class="nav-item dropdown">
<a id="accountMegaMenu" class="nav-link dropdown-toggle " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Account</a>
<!-- Mega Menu -->
<div class="dropdown-menu" aria-labelledby="accountMegaMenu" style="min-width: 14rem;">
<a class="dropdown-item" href="#">Personal Info</a>
<a class="dropdown-item" href="#">Security</a>
<a class="dropdown-item" href="#">Notifications</a>
<a class="dropdown-item" href="#">Preferences</a>
<a class="dropdown-item" href="#">Orders</a>
<a class="dropdown-item" href="#">Wishlist</a>
<a class="dropdown-item" href="#">Payments</a>
<a class="dropdown-item" href="#">Address</a>
<a class="dropdown-item" href="#">Teams</a>
</div>
<!-- End Mega Menu -->
</li>
<!-- End Account -->
<!-- Pages -->
<li class="nav-item dropdown">
<a id="pagesMegaMenu" class="nav-link dropdown-toggle " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Pages</a>
<!-- Mega Menu -->
<div class="dropdown-menu" aria-labelledby="pagesMegaMenu" style="min-width: 14rem;">
<a class="dropdown-item" href="#">FAQ</a>
<a class="dropdown-item" href="#">Terms & Conditions</a>
<a class="dropdown-item" href="#">Privacy & Policy</a>
<a class="dropdown-item" href="#">Coming Soon</a>
<a class="dropdown-item" href="#">Maintenance Mode</a>
<a class="dropdown-item" href="#">Status</a>
<a class="dropdown-item" href="#">Invoice</a>
<a class="dropdown-item" href="#">Error 404</a>
</div>
<!-- End Mega Menu -->
</li>
<!-- End Pages -->
<!-- Blog -->
<li class="nav-item dropdown">
<a id="blogMegaMenu" class="nav-link dropdown-toggle " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
<!-- Mega Menu -->
<div class="dropdown-menu" aria-labelledby="blogMegaMenu" style="min-width: 14rem;">
<a class="dropdown-item" href="#">Journal</a>
<a class="dropdown-item" href="#">Metro</a>
<a class="dropdown-item" href="#">Newsroom</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Article</a>
<a class="dropdown-item" href="#">Author Profile</a>
</div>
<!-- End Mega Menu -->
</li>
<!-- End Blog -->
<!-- Portfolio -->
<li class="nav-item dropdown">
<a id="portfolioMegaMenu" class="nav-link dropdown-toggle " href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Portfolio</a>
<!-- Mega Menu -->
<div class="dropdown-menu" aria-labelledby="portfolioMegaMenu" style="min-width: 14rem;">
<a class="dropdown-item" href="#">Grid</a>
<a class="dropdown-item" href="#">Product Article</a>
<a class="dropdown-item" href="#">Case Studies: Branding</a>
<a class="dropdown-item" href="#">Case Studies: Product</a>
</div>
<!-- End Mega Menu -->
</li>
<!-- End Portfolio -->
<!-- Button -->
<li class="nav-item">
<a class="btn btn-primary btn-transition" href="https://themes.getbootstrap.com/product/front-multipurpose-responsive-template/" target="_blank">Buy now</a>
</li>
<!-- End Button -->
</ul>
</div>
<!-- End Collapse -->
</nav>
</div>
</header>
<!-- ========== END HEADER ========== -->