<!--Navbar-->

    <nav class="navbar navbar-expand-lg navbar-dark teal">

​

      <div class="container">

​

        <!-- Collapse button -->

        <button class="navbar-toggler float-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"

          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

          <span class="navbar-toggler-icon"></span>

        </button> 

​

        <!-- Collapsible content -->

        <div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">

​

          <!-- Links --> 

          <ul class="navbar-nav">

​

            <li class="nav-item">

              <a class="nav-link" href="#">About</a>

            </li>

            <li class="nav-item">

              <a class="nav-link" href="#">Pricing</a>

            </li>

            <li class="nav-item">

              <a class="nav-link" href="#">Pricing</a>

            </li>

            <li class="nav-item">

              <a class="nav-link" href="#">Contact</a>

            </li>

​

          </ul>

          <!-- Links -->

​

        </div>

        <!-- CTA -->

​

      </div>

​

    </nav>

    <!--/.Navbar-->