Tracem
<div class="header-area tracem-initial tracem-centered-nav">
<div class="container-fluid">
<div class="row">
<div class="col tracem-shrink">
<nav class="navbar navbar-expand-md navbar-light tracem-navbar tracem-initial-navbar">
<a class="navbar-brand" href="index.html">Tracem</a>
</nav>
</div>
</div>
<div class="row">
<div class="col tracem-shrink">
<nav class="navbar navbar-expand-md navbar-light tracem-navbar tracem-initial-navbar">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav social-area mr-auto">
<li class="nav-item"><a class="nav-link" href="#"><i class="fab fa-facebook-f"></i></a></li>
<li class="nav-item"><a class="nav-link" href="#"><i class="fab fa-twitter"></i></a></li>
<li class="nav-item"><a class="nav-link" href="#"><i class="fab fa-instagram"></i></a></li>
<li class="nav-item"><a class="nav-link" href="#"><i class="fab fa-dribbble"></i></a></li>
</ul>
<ul class="navbar-nav mr-auto">
<li class="nav-item active"><a class="nav-link" href="#">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#">Pages</a></li>
<li class="nav-item"><a class="nav-link" href="#">Portfolio</a></li>
<li class="nav-item"><a class="nav-link" href="#">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="#">Elements</a></li>
<li class="nav-item"><a class="nav-link" href="#">Shortcodes</a></li>
</ul>
<ul class="tracem-search-nav ml-4">
<li class="nav-item">
<button id="tracem-search" class="tracem-search"><i class="fas fa-search"></i></button>
<div id="morphsearch" class="morphsearch">
<form class="morphsearch-form">
<input class="morphsearch-input" type="search" placeholder="Search..."/>
<button class="morphsearch-submit" type="submit">Search</button>
</form>
<span class="morphsearch-close"></span>
</div>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>