@themesberg/volt-bootstrap-5-dashboard
Version:
Volt - Bootstrap 5 Dashboard
40 lines • 2.54 kB
HTML
<header class="header-global">
<nav id="navbar-main" aria-label="Primary navigation" class="navbar navbar-main navbar-expand-lg navbar-theme-primary pt-4 @@classes">
<div class="container position-relative">
<div class="navbar-collapse collapse me-auto" id="navbar_global">
<div class="navbar-collapse-header">
<div class="row">
<div class="col-6 collapse-brand">
<a href="@@path/index.html">
<img src="@@path/assets/img/brand/light.svg" alt="Volt logo">
</a>
</div>
<div class="col-6 collapse-close">
<a href="#navbar_global" class="fas fa-times" data-toggle="collapse" data-target="#navbar_global" aria-controls="navbar_global" aria-expanded="false" title="close" aria-label="Toggle navigation"></a>
</div>
</div>
</div>
<ul class="navbar-nav navbar-nav-hover align-items-lg-center">
<li class="nav-item me-2">
<a href="@@path/pages/dashboard/dashboard.html" class="nav-link">Dashboard</a>
</li>
<li class="nav-item me-2">
<a href="@@path/pages/examples/sign-in.html" class="nav-link">Login</a>
</li>
<li class="nav-item me-2">
<a href="@@path/pages/examples/sign-up.html" class="nav-link">Register</a>
</li>
<li class="nav-item">
<a href="@@path/pages/examples/lock.html" class="nav-link">Lock</a>
</li>
</ul>
</div>
<div class="d-flex align-items-center ms-auto">
<a href="@@path/pages/upgrade-to-pro.html" class="btn btn-outline-white d-inline-flex align-items-center me-md-3">
<svg class="icon icon-xxs me-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M2 9.5A3.5 3.5 0 005.5 13H9v2.586l-1.293-1.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L11 15.586V13h2.5a4.5 4.5 0 10-.616-8.958 4.002 4.002 0 10-7.753 1.977A3.5 3.5 0 002 9.5zm9 3.5H9V8a1 1 0 012 0v5z" clip-rule="evenodd"></path></svg>
Download
</a>
</div>
</div>
</nav>
</header>