Difference between revisions of "Template:ColumbiaNYC navbar"

Line 958: Line 958:
 
<body>
 
<body>
  
−
<nav class="navbar navbar-inverse navbar-fixed-top">
+
<!-- Navigation -->
−
<div class="container">
+
    <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" id="mainNav">
−
<div class="navbar-header">
+
        <div class="container">
−
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
            <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
−
<span class="sr-only">Toggle navigation</span>
+
                Menu <i class="fa fa-bars"></i>
−
<span class="icon-bar"></span>
+
            </button>
−
<span class="icon-bar"></span>
+
            <a class="navbar-brand" href="#page-top">Start Bootstrap</a>
−
<span class="icon-bar"></span>
+
            <div class="collapse navbar-collapse" id="navbarResponsive">
−
</button>
+
                <ul class="navbar-nav ml-auto">
−
<a class="navbar-brand" href="https://2017.igem.org/Team:ColumbiaNYC">Project name</a>
+
                    <li class="nav-item">
−
</div>
+
                        <a class="nav-link" href="#services">Services</a>
−
<div id="navbar" class="collapse navbar-collapse">
+
                    </li>
−
<ul class="nav navbar-nav">
+
                    <li class="nav-item">
−
<li class="active"><a href="#">Home</a></li>
+
                        <a class="nav-link" href="#portfolio">Portfolio</a>
−
<li><a href="#about">About</a></li>
+
                    </li>
−
<li><a href="#contact">Contact</a></li>
+
                    <li class="nav-item">
−
</ul>
+
                        <a class="nav-link" href="#about">About</a>
−
</div><!--/.nav-collapse -->
+
                    </li>
−
</div>
+
                    <li class="nav-item">
−
</nav>
+
                        <a class="nav-link" href="#team">Team</a>
 +
                    </li>
 +
                    <li class="nav-item">
 +
                        <a class="nav-link" href="#contact">Contact</a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </nav>
 +
 
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 19:58, 20 June 2017