lintel-contrib-navbar
Version:
Navbar for lintel.
69 lines (64 loc) • 2.44 kB
HTML
<html>
<head>
<link rel="stylesheet" href="../../bower_components/lintel/dist/lintel.css">
<link rel="stylesheet" href="../../bower_components/lintel-contrib-buttons/dist/buttons.css">
<link rel="stylesheet" href="../../bower_components/lintel-contrib-dropdowns/dist/dropdowns.css">
<link rel="stylesheet" href="../../dist/navbar.css">
<script src="../../bower_components/jquery/dist/jquery.js"></script>
<script src="../../bower_components/lintel-contrib-dropdowns/dist/dropdowns.js"></script>
<script src="../../dist/navbar.js"></script>
</head>
<body style="background-color: #000;">
<nav class="navbar navbar-inverse navbar-top navbar-mobile">
<div class="navbar-brand">
<a href="#" class="navbar-toggle" aria-label="Open main menu">
<div class="navbar-toggle-bar" aria-hidden="true"></div>
</a>
<a href="/" class="navbar-brand-link">
<h1 class="navbar-title">Lintel</h1>
<img class="navbar-logo" src="http://placehold.it/100x35" alt="Logo">
</a>
</div>
</nav>
<nav class="navbar navbar-inverse navbar-top">
<div class="navbar-brand">
<a href="#" class="navbar-toggle" aria-label="Close main menu">
<div class="navbar-toggle-bar" aria-hidden="true"></div>
</a>
<a href="/" class="navbar-brand-link">
<h1 class="navbar-title visible-sr">Lintel</h1>
<img class="navbar-logo" src="http://placehold.it/100x35" alt="Logo">
</a>
</div>
<ul class="navbar-list">
<li>
<a href="#">Home</a>
</li>
<li class="active">
<a href="#">Profile</a>
</li>
<li class="btn-group">
<a href="#" data-toggle="dropdown" type="button" aria-expanded="false">
Dropdown
<span class="btn-caret" aria-hidden="true"></span>
</a>
<ul class="dropdown navbar-dropdown" role="menu">
<li><a href="#">Action 1</a></li>
<li><a href="#">Action 2</a></li>
<li><a href="#">Action 3</a></li>
</ul>
</li>
</ul>
<ul class="navbar-list navbar-list-right">
<li>
<a href="#" class="btn btn-success btn-sm">Sign Up</a>
</li>
<li>
<a href="#">Log In</a>
</li>
</ul>
</nav>
<p class="pad">Body</p>
</body>
</html>