cfe34d9371
Used a combination of AngularJS and Bootstrap to form a preliminary front-end website for Refstack. Most of the content text can be considered placeholders and is subject to change. Change-Id: Ide82783478d1863052fe54d02ca6ee88113c46b2
27 lines
1.2 KiB
HTML
27 lines
1.2 KiB
HTML
<div class="heading"><a ui-sref="home"><img src="assets/img/refstack-logo.png" alt="Refstack"></a>
|
|
Refstack
|
|
</div>
|
|
<nav class="navbar navbar-default" role="navigation" ng-controller="headerController">
|
|
<div class="container-fluid">
|
|
<!-- Brand and toggle get grouped for better mobile display -->
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle collapsed" ng-click="navbarCollapsed = !navbarCollapsed">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
</div>
|
|
|
|
<div class="collapse navbar-collapse" id="navbar" collapse="navbarCollapsed">
|
|
<ul class="nav navbar-nav">
|
|
<li ng-class="{ active: isActive('/')}"><a ui-sref="home">Home</a></li>
|
|
<li ng-class="{ active: isActive('/about')}"><a ui-sref="about">About</a></li>
|
|
<li ng-class="{ active: isActive('/capabilities')}"><a ui-sref="capabilities">DefCore Capabilities</a></li>
|
|
<li ng-class="{ active: isActive('/results')}"><a ui-sref="results">Community Results</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|