Navbar #5
<!-- Navbar -->
<header>
<div class="container">
<nav class="navbar navbar-expand-lg navbar-boxed mx-auto mt-lg-4">
<a class="navbar-brand" href="../../index.html"><img src="../../assets/images/logo/logo.svg" alt /></a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation">
<i class="bi bi-list"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto align-items-lg-center">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Landings</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../index.html">Landing Overview</a></li>
<li>
<a class="dropdown-item" href="../../landing-mobile-app-showcase.html">
Mobile App Showcase
<span class="badge text-bg-success ms-2">New</span>
</a>
</li>
<li><a class="dropdown-item" href="../../landing-sass-v1.html">Saas v.1</a></li>
<li><a class="dropdown-item" href="../../landing-sass-v2.html">Sass v.2</a></li>
<li>
<a class="dropdown-item" href="../../landing-it-company.html">IT Company</a>
</li>
<li>
<a class="dropdown-item" href="../../landing-seo.html">Seo Agency</a>
</li>
<li><a class="dropdown-item" href="../../landing-accounting.html">Accounting</a></li>
<li><a class="dropdown-item" href="../../landing-finance.html">Finance</a></li>
<li><a class="dropdown-item" href="../../landing-jamstack-agancy.html">Jamstack Agency</a></li>
<li><a class="dropdown-item" href="../../landing-conference.html">Conference</a></li>
<li><a class="dropdown-item" href="../../landing-personal.html">Personal</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Pages</a>
<div class="dropdown-menu dropdown-menu-xxl">
<div class="row row-cols-lg-4 row-cols-1 g-0">
<div class="col">
<div>
<div>
<div class="dropdown-header">Blog</div>
<a class="dropdown-item" href="../../blog-list-view.html">List View</a>
<a class="dropdown-item" href="../../blog.html">Grid View</a>
<a class="dropdown-item" href="../../blog-grid-thumbnail.html">Grid View v.2</a>
<a class="dropdown-item" href="../../blog-sidebar.html">Sidebar</a>
<a class="dropdown-item" href="../../blog-category.html">Category</a>
<a class="dropdown-item" href="../../blog-single.html">Single Post</a>
</div>
<div class="mt-3">
<div class="dropdown-header">About</div>
<a class="dropdown-item" href="../../about.html">About v.1</a>
<a class="dropdown-item" href="../../about-v2.html">About v.2</a>
</div>
</div>
</div>
<div class="col">
<div class="mt-3 mt-lg-0">
<div>
<div class="dropdown-header">Service</div>
<a class="dropdown-item" href="../../service-v1.html">Service v.1</a>
<a class="dropdown-item" href="../../service-v2.html">Service v.2</a>
<a class="dropdown-item" href="../../service-v3.html">Service v.3</a>
</div>
<div class="mt-3">
<div class="dropdown-header">Events</div>
<a class="dropdown-item" href="../../events.html">List</a>
<a class="dropdown-item" href="../../event-single.html">Single</a>
</div>
<div class="mt-3">
<div class="dropdown-header">Contact</div>
<a class="dropdown-item" href="../../contact-1.html">Contact Us</a>
<a class="dropdown-item" href="../../contact-2.html">Contact Sales</a>
</div>
</div>
</div>
<div class="col">
<div class="mt-3 mt-lg-0">
<div>
<div class="dropdown-header">Portfolio</div>
<a class="dropdown-item" href="../../portfolio.html">Grid View</a>
<a class="dropdown-item" href="../../portfolio-3-columns.html">3 Columns</a>
<a class="dropdown-item" href="../../portfolio-single.html">Single View</a>
</div>
<div class="mt-3">
<div class="dropdown-header">Pricing</div>
<a class="dropdown-item" href="../../pricing-v1.html">Pricing v.1</a>
<a class="dropdown-item" href="../../pricing-v2.html">Pricing v.2</a>
</div>
<div class="mt-3">
<div class="dropdown-header">Career</div>
<a class="dropdown-item" href="../../career.html">Career</a>
</div>
</div>
</div>
<div class="col">
<div class="mt-3 mt-lg-0">
<div>
<div class="dropdown-header">Integration</div>
<a class="dropdown-item" href="../../integration.html">Grid View</a>
<a class="dropdown-item" href="../../integration-single.html">Single</a>
</div>
<div class="mt-3">
<div>
<div class="dropdown-header">Case Study</div>
<a class="dropdown-item" href="../../case-study.html">Grid View</a>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown dropdown-fullwidth">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blocks</a>
<div class="dropdown-menu p-4">
<div class="row row-cols-xl-6 row-cols-lg-5 row-cols-1 gx-lg-4">
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/hero.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/hero-snippets-bootstrap.svg" alt="" />
</div>
<span>Hero</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/navbar.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/header-snippets-bootstrap.svg" alt="" />
</div>
<span>Navbar</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/about.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/about-snippets-bootstrap.svg" alt="" />
</div>
<span>About</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/blog.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/blog-snippets-bootstrap.svg" alt="" />
</div>
<span>Blog</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/carousel.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/carousel-snippets-bootstrap.svg" alt="" />
</div>
<span>Carousel</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/case-study.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/case-study-bootstrap.svg" alt="" />
</div>
<span>Case Study</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/cta.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/call-to-action-snippets-bootstrap.svg" alt="" />
</div>
<span>Call to Action</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/clients.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/clients-logo-snippets-bootstrap.svg" alt="" />
</div>
<span>Client</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/contact.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/contact-section-example.svg" alt="" />
</div>
<span>Contact</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/form.html">
<div class="rounded d-none d-lg-block mb-lg-2"><img class="w-100 rounded-2" src="../../assets/images/block/form-snippets-bootstrap.svg" alt="" /></div>
<span>Form</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/faq.html">
<div class="rounded d-none d-lg-block mb-lg-2"><img class="w-100 rounded-2" src="../../assets/images/block/faq-section-example.svg" alt="" /></div>
<span>FAQ</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/team.html">
<div class="rounded d-none d-lg-block mb-lg-2"><img class="w-100 rounded-2" src="../../assets/images/block/team-snippets-bootstrap.svg" alt="" /></div>
<span>Team</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/footer.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/footer-snippets-bootstrap.svg" alt="" />
</div>
<span>Footer</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/features.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/feature-snippets-bootstrap.svg" alt="" />
</div>
<span>Features</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/integration.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/integration-snippets-bootstrap.svg" alt="" />
</div>
<span>Integration</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/industry.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/industry-bootstrap.svg" alt="" />
</div>
<span>Industry</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/location.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/location-snippets-bootstrap.svg" alt="" />
</div>
<span>Location</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/portfolio.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/portfolio-snippets-bootstrap.svg" alt="" />
</div>
<span>Portfolio</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/process.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/process-snippets-bootstrap.svg" alt="" />
</div>
<span>Process</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/pricing.html">
<div class="rounded d-none d-lg-block mb-lg-2 bg-gray-200">
<img class="w-100 rounded-2" src="../../assets/images/block/pricing-snippets-bootstrap.svg" alt="" />
</div>
<span>Pricing</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/facts.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/stats-snippets-bootstrap.svg" alt="" />
</div>
<span>Stats</span>
</a>
</div>
<div class="col">
<a class="dropdown-item d-block px-0 mb-lg-3" href="../../blocks/testimonails.html">
<div class="rounded d-none d-lg-block mb-lg-2">
<img class="w-100 rounded-2" src="../../assets/images/block/testimonial-snippets-bootstrap.svg" alt="" />
</div>
<span>Testimonials</span>
</a>
</div>
</div>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Accounts</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="../../account-profile.html">Profile</a></li>
<li><a class="dropdown-item" href="../../account-security.html">Security</a></li>
<li><a class="dropdown-item" href="../../account-billing.html">Billing</a></li>
<li><a class="dropdown-item" href="../../account-team.html">Team</a></li>
<li><a class="dropdown-item" href="../../account-notification.html">Notifications</a></li>
<li><a class="dropdown-item" href="../../account-app-integration.html">Integration</a></li>
<li><a class="dropdown-item" href="../../account-device-session.html">Session</a></li>
<li><a class="dropdown-item" href="../../account-social-links.html">Social</a></li>
<li><a class="dropdown-item" href="../../account-appearance.html">Appearance</a></li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item dropdown-toggle" href="#">Authentication</a>
<ul class="dropdown-menu">
<li class="dropdown-header">Simple</li>
<li>
<a class="dropdown-item" href="../../signin.html">Sign In</a>
</li>
<li>
<a class="dropdown-item" href="../../signup.html">Sign Up</a>
</li>
<li>
<a class="dropdown-item" href="../../forget-password.html">Forget Password</a>
</li>
<li>
<a class="dropdown-item" href="../../reset-password.html">Reset Password</a>
</li>
<li>
<a class="dropdown-item" href="../../otp-varification.html">OTP Varification</a>
</li>
<li><hr class="dropdown-divider" /></li>
<li class="dropdown-header">Side Cover</li>
<li>
<a class="dropdown-item" href="../../signin-v2.html">Sign In</a>
</li>
<li>
<a class="dropdown-item" href="../../signup-v2.html">Sign Up</a>
</li>
<li>
<a class="dropdown-item" href="../../forget-password-v2.html">Forget Password</a>
</li>
<li>
<a class="dropdown-item" href="../../reset-password-v2.html">Reset Password</a>
</li>
<li>
<a class="dropdown-item" href="../../otp-varification-v2.html">OTP Varification</a>
</li>
</ul>
</li>
<li class="dropdown-submenu dropend">
<a class="dropdown-item dropdown-toggle" href="#">Utility</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="../../404-error.html">404 Error</a>
</li>
<li>
<a class="dropdown-item" href="../../changelog.html">Changelog</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Docs</a>
<div class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDropdown">
<a class="dropdown-item mb-3 text-body" href="../../docs/index.html">
<div class="d-flex align-items-center">
<i class="bi bi-file-text fs-4 text-primary"></i>
<div class="ms-3 lh-1">
<h5 class="mb-1">Documentations</h5>
<p class="mb-0 fs-6">Browse the all documentation</p>
</div>
</div>
</a>
<a class="dropdown-item text-body" href="../../docs/changelog.html">
<div class="d-flex align-items-center">
<i class="bi bi-clipboard fs-4 text-primary"></i>
<div class="ms-3 lh-1">
<h5 class="mb-1">
Changelog
<span class="text-primary ms-1"></span>
</h5>
<p class="mb-0 fs-6">See what's new</p>
</div>
</div>
</a>
</div>
</li>
</ul>
<div class="mt-3 mt-lg-0 d-flex align-items-center">
<a href="../../signin.html" class="btn btn-light mx-2">Login</a>
<a href="../../signup.html" class="btn btn-primary">Create account</a>
</div>
</div>
</nav>
</div>
</header>