Additional Menus

<nav class="navbar navbar-expand-lg bg-primary">
	<div class="container">
		<div class="navbar-translate">
			<a class="navbar-brand" href="#">Menu</a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" aria-expanded="false" aria-label="Toggle navigation">
				<span class="sr-only">Toggle navigation</span>
				<span class="navbar-toggler-icon"></span>
				<span class="navbar-toggler-icon"></span>
				<span class="navbar-toggler-icon"></span>
			</button>
		</div>
		<div class="collapse navbar-collapse">
			<ul class="navbar-nav">
				<li class="active nav-item"><a href="#" class="nav-link">Link</a></li>
				<li class="nav-item"><a href="#" class="nav-link">Link</a></li>
				<li class="dropdown nav-item">
					<a href="#" class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false">Dropdown</a>
					<div class="dropdown-menu">
						<h6 class="dropdown-header">Dropdown header</h6>
						<a href="#" class="dropdown-item">Action</a>
						<a href="#" class="dropdown-item">Another action</a>
						<a href="#" class="dropdown-item">Something else here</a>
						<div class="dropdown-divider"></div>
						<a href="#" class="dropdown-item">Separated link</a>
						<div class="dropdown-divider"></div>
						<a href="#" class="dropdown-item">One more separated link</a>
					</div>
				</li>
			</ul>
		</div>
	</div>
</nav>

Success

<nav class="navbar navbar-expand-lg bg-success">
	...
</nav>

Warning

<nav class="navbar navbar-expand-lg bg-warning">
	...
</nav>

Danger

<nav class="navbar navbar-expand-lg bg-danger">
	...
</nav>

Info

<nav class="navbar navbar-expand-lg bg-info">
	...
</nav>

Rose

<nav class="navbar navbar-expand-lg bg-rose">
	...
</nav>

Social line white

<div class="social-line social-line-big-icons social-line-white">
	<div class="container">
		<div class="row">
			<div class="col-md-2 col-4">
				<a href="#" class="btn btn-link btn-just-icon btn-twitter">
					<i class="fab fa-twitter"></i>
				</a>
			</div>
			<div class="col-md-2 col-4">
				<a href="#" class="btn btn-link btn-just-icon btn-facebook">
					<i class="fab fa-facebook-square"></i>
				</a>
			</div>
			<div class="col-md-2 col-4">
				<a href="#" class="btn btn-link btn-just-icon btn-google">
					<i class="fab fa-google-plus"></i>
				</a>
			</div>
			<div class="col-md-2 col-4">
				<a href="#" class="btn btn-link btn-just-icon btn-dribbble">
					<i class="fab fa-dribbble"></i>
				</a>
			</div>
			<div class="col-md-2 col-4">
				<a href="#" class="btn btn-link btn-just-icon btn-youtube">
					<i class="fab fa-youtube"></i>
				</a>
			</div>
			<div class="col-md-2 col-4">
				<a href="#" class="btn btn-link btn-just-icon btn-instagram">
					<i class="fab fa-instagram"></i>
				</a>
			</div>
		</div>
	</div>
</div>

Social line white

<div class="social-line social-line-big-icons social-line-black">
	<div class="container">
		<div class="row">
			<div class="col-md-2 col-4">
				<a href="#" class="btn btn-link btn-just-icon btn-white">
					<i class="fab fa-twitter"></i>
				</a>
			</div>
			<div class="col-md-2 col-4">
				<a href="#" class="btn btn-link btn-just-icon btn-white">
					<i class="fab fa-facebook-square"></i>
				</a>
			</div>
			<div class="col-md-2 col-4">
				<a href="#" class="btn btn-link btn-just-icon btn-white">
					<i class="fab fa-google-plus"></i>
				</a>
			</div>
			<div class="col-md-2 col-4">
				<a href="#" class="btn btn-link btn-just-icon btn-white">
					<i class="fab fa-dribbble"></i>
				</a>
			</div>
			<div class="col-md-2 col-4">
				<a href="#" class="btn btn-link btn-just-icon btn-white">
					<i class="fab fa-youtube"></i>
				</a>
			</div>
			<div class="col-md-2 col-4">
				<a href="#" class="btn btn-link btn-just-icon btn-white">
					<i class="fab fa-instagram"></i>
				</a>
			</div>
		</div>
	</div>
</div>