<!--Main Navigation-->

  <header>

​

    <!-- Navbar -->

    <nav style="z-index: 1; min-height: 58.59px;" class="navbar navbar-expand-lg navbar-dark bg-dark">

      <!-- Container wrapper -->

      <div class="container">

        <!-- Toggle button -->

        <button data-mdb-collapse-init class="navbar-toggler" type="button" data-mdb-target="#navbarSupportedContent"

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

          <i class="fas fa-bars"></i>

        </button>

​

        <!-- Collapsible wrapper -->

        <div class="collapse navbar-collapse" id="navbarSupportedContent">

          <!-- Navbar brand -->

          <a class="navbar-brand mt-2 mt-lg-0" href="#">

            <i class="fas fa-gem text-secondary"></i>

          </a>

          <!-- Left links -->

          <ul class="navbar-nav me-auto mb-2 mb-lg-0">

            <li class="nav-item">

              <a class="nav-link text-secondary fw-bold" href="#">About</a>

            </li>

            <li class="nav-item">

              <a class="nav-link text-secondary fw-bold" href="#">Projects</a>

            </li>

            <li class="nav-item">

              <a class="nav-link text-secondary fw-bold" href="#">Contact</a>

            </li>

          </ul>

          <!-- Left links -->

        </div>

        <!-- Collapsible wrapper -->

​

        <!-- Right elements -->

        <div class="d-flex align-items-center">

          <!-- Icon -->

          <a class="text-secondary me-3" href="https://www.youtube.com/c/Mdbootstrap/videos" rel="nofollow"

            target="_blank">

            <i class="fab fa-youtube"></i>

          </a>

          <!-- Icon -->

          <a class="text-secondary me-3" href="https://twitter.com/ascensus_mdb" rel="nofollow" target="_blank">

            <i class="fab fa-twitter"></i>

          </a>

          <!-- Icon -->

          <a class="text-secondary me-3" href="https://github.com/mdbootstrap/mdb-ui-kit" rel="nofollow"

            target="_blank">

            <i class="fab fa-github"></i>

          </a>

​

        </div>

        <!-- Right elements -->

      </div>

      <!-- Container wrapper -->

    </nav>

    <!-- Navbar -->

​

    <!-- Background image -->

    <div class="bg-image vh-100"

      style="margin-top: -58.59px; background-image: url('https://mdbcdn.b-cdn.net/img/new/fluid/city/018.jpg');">

    </div>

​

  </header>

  <!--Main Navigation-->

​

  <!--Main layout-->

  <main>

    <div class="container">

​

    </div>

  </main>

  <!--Main layout-->

​

  <!--Footer-->

  <footer>

​

  </footer>

  <!--Footer-->