HalfTone/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added a hamburger menu for the navigation menu

Browse Source
This commit is contained in:
Gregory Ballantine 2016-11-18 10:43:21 -05:00
parent b36bd1d8dc
commit 036deef69f
1 changed files with 29 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
app/views/templates/partials/header.twig
View File

@ -1,26 +1,35 @@
<!-- header --> <!-- header -->
<header id="header" class="row"> <header id="header" class="row">
<div class="col-sm-2"></div> <div class="col-sm-2"></div>
<div class="col-sm-8 col-xs-12"> <div class="col-sm-8 col-xs-12">
<img class="band-logo" src="/img/logo-white.png" /> <img class="band-logo" src="/img/logo-white.png" />
</div> </div>
<div class="col-sm-2"></div> <div class="col-sm-2"></div>
</header> </header>
<!-- nav bar --> <!-- nav bar -->
<nav id="nav" class="row"> <nav id="nav" class="navbar" class="row">
<ul class="col-sm-12"> <div class="container-fluid">
<li class="nav_item"> <button id="navbar-collapse-button" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
<a href="{{ urlFor('home') }}">Home</a> <span class="sr-only">Toggle navigation</span>
</li> <i class="fa fa-bars" aria-hidden="true"></i>
<li class="nav_item"> </button>
<a href="{{ urlFor('about') }}">About</a>
</li> <div class="collapse navbar-collapse" id="navbar-collapse">
<li class="nav_item"> <ul class="nav navbar-nav">
<a href="{{ urlFor('shows') }}">Shows</a> <li class="nav_item">
</li> <a href="{{ urlFor('home') }}">Home</a>
<li class="nav_item"> </li>
<a href="{{ urlFor('contact') }}">Contact</a> <li class="nav_item">
</li> <a href="{{ urlFor('about') }}">About</a>
</ul> </li>
<li class="nav_item">
<a href="{{ urlFor('shows') }}">Shows</a>
</li>
<li class="nav_item">
<a href="{{ urlFor('contact') }}">Contact</a>
</li>
</ul>
</div>
</div>
</nav> </nav>