<div class="header-area tracem-initial">
    <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>
                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="navbar-nav ml-auto">
                            <li class="nav-item">
                                <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="navbar-nav social-area ml-4">
                            <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="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>