A Pen by Jozko

Thumbnail
This awesome code was written by Ferencok, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright Ferencok ©
  • HTML
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Jozko</title>
  
  
  
  
  
</head>

<body>

  <nav class="navbar navbar-dropdown transparent navbar-fixed-top bg-color">
  <div class="container">

    <div class="mbr-table">
      <div class="mbr-table-cell">

        <div class="navbar-brand">
          <a href="https://mobirise.com" class="navbar-logo"><img src="assets/images/logo.png" alt="Mobirise"></a>
          <a class="navbar-caption" href="https://mobirise.com">MOBIRISE</a>
        </div>

      </div>
      <div class="mbr-table-cell">

        <button class="navbar-toggler pull-xs-right" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
                        <div class="hamburger-icon"></div>
                    </button>

        <ul class="nav-dropdown collapse pull-xs-right nav navbar-nav navbar-toggleable-xl" id="exCollapsingNavbar">
          <li class="nav-item"><a class="nav-link link" href="page1.html">Test page</a></li>
          <li class="nav-item"><a class="nav-link link" href="index.html">OVERVIEW</a></li>
          <li class="nav-item"><a class="nav-link link" href="page2.html">Test 2</a></li>
          <li class="nav-item nav-btn"><a class="nav-link btn btn-white btn-white-outline" href="https://mobirise.com/">DOWNLOAD</a></li>
        </ul>
        <button hidden="" class="navbar-toggler navbar-close" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar">
                        <div class="close-icon"></div>
                    </button>

      </div>
    </div>

  </div>
</nav>
  
  

</body>

</html>

Comments