Simple Navbar Template


This code snippet creates a simple navigation bar template that includes a logo and sitelinks. The Bootstrap navbar is placed at the top of a webpage and provides an easy way for visitors to find and access different pages on the website. This simple navbar template is a great starting point for creating a clean and user-friendly navigation experience on your website. The logo and sitelinks are the most important elements to guide users to navigate through the website.

<section class="py-5">
	<nav class="navbar navbar-expand-md bg-light">
		<div class="container">
			<a class="navbar-brand" href=""><img alt="Free Frontend Logo" class="img-fluid" height="" src="https://freefrontend.dev/wp-content/uploads/free-frontend-logo.png" width="300"></a> <button aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-bs-target="#navbarSupportedContent1" data-bs-toggle="collapse" type="button"><span class="navbar-toggler-icon"></span></button>
			<div class="collapse navbar-collapse" id="navbarSupportedContent1">
				<ul class="navbar-nav ms-auto my-2 my-md-0">
					<li class="nav-item ms-lg-4">
						<a class="nav-link" href="">About</a>
					</li>
					<li class="nav-item ms-lg-4">
						<a class="nav-link" href="">Shop</a>
					</li>
					<li class="nav-item ms-lg-4">
						<a class="nav-link" href="">Blog</a>
					</li>
					<li class="nav-item ms-lg-4">
						<a class="nav-link" href="">Contact</a>
					</li>
				</ul>
			</div>
		</div>
	</nav>
</section>
To top