navbar.html

      <div class="container">
	<!-- .navbar-toggle is used as the toggle for collapsed navbar content -->
	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
	  <span class="icon-bar"></span>
	  <span class="icon-bar"></span>
	  <span class="icon-bar"></span>
	</button>
	<div class="nav-collapse collapse navbar-responsive-collapse">
	  <ul class="nav row">
	    <li data-slide="1" class="col-12 col-sm-2"><a id="menu-link-1" href="#slide-1" title="Next Section">
		<span class="icon icon-home"></span>
		<span class="text">HOME</span>
	    </a></li>
	    <li data-slide="2" class="col-12 col-sm-2"><a id="menu-link-2" href="#slide-2" title="Next Section">
		<span class="icon icon-info"></span>
		<span class="text">ABOUT</span>
	    </a></li>
	    <li data-slide="3" class="col-12 col-sm-2"><a id="menu-link-3" href="#slide-3" title="Next Section">
		<span class="icon icon-beaker"></span>
		<span class="text">PROJECTS</span>
	    </a></li>
	    <li data-slide="4" class="col-12 col-sm-2"><a id="menu-link-4" href="#slide-4" title="Next Section">
		<span class="icon icon-rocket"></span>
		<span class="text">CHALLENGES</span>
	    </a></li>
	    <li data-slide="5" class="col-12 col-sm-2"><a id="menu-link-5" href="#slide-5" title="Next Section">
		<span class="icon icon-globe"></span>
		<span class="text">EVENTS</span>
	    </a></li>
	    <li data-slide="5a" class="col-12 col-sm-2"><a id="menu-link-5a" href="#slide-5a" title="Next Section">
		<span class="icon icon-flag-checkered"></span>
		<span class="text">TEAM</span>
	    </a></li>
	  </ul>
	  <div class="row">
	    <div class="col-sm-2 active-menu"></div>
	  </div>
	</div>
	<!-- /.nav-collapse -->
      </div>
      <!-- /.container -->