Template:Team:Northwestern/Template/nav

From 2014.igem.org

(Difference between revisions)
Line 63: Line 63:
                 <li><a href="https://2014.igem.org/Team:Northwestern/Safety">Safety</a></li>
                 <li><a href="https://2014.igem.org/Team:Northwestern/Safety">Safety</a></li>
                 <li><a href="https://2014.igem.org/Team:Northwestern/Notebook">Notebook</a></li>
                 <li><a href="https://2014.igem.org/Team:Northwestern/Notebook">Notebook</a></li>
-
                 <li><a href="https://2014.igem.org/Team:Northwestern/Human_Practice">Protocols</a></li>
+
                 <li><a href="https://2014.igem.org/Team:Northwestern/Protocols>Protocols</a></li>
                 <li><a href="https://2014.igem.org/Team:Northwestern/Modeling">Modeling</a></li>
                 <li><a href="https://2014.igem.org/Team:Northwestern/Modeling">Modeling</a></li>
                 <li class="dropdown">
                 <li class="dropdown">
-
                   <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice<span class="caret"></span></a>
+
                   <a href="https://2014.igem.org/Team:Northwestern/Human_Practice" class="dropdown-toggle" data-toggle="dropdown">Human Practice<span class="caret"></span></a>
                   <ul class="dropdown-menu" role="menu">
                   <ul class="dropdown-menu" role="menu">
                     <li><a href="#">Outreach Project 1</a></li>
                     <li><a href="#">Outreach Project 1</a></li>
Line 99: Line 99:
           <div class="container">
           <div class="container">
             <div class="carousel-caption">
             <div class="carousel-caption">
-
               <h1>Example headline.</h1>
+
                
-
               <p>Note: If you're viewing this page via a <code>file://</code> URL, the "next" and "previous" Glyphicon buttons on the left and right might not load/display properly due to web browser security rules.</p>
+
               <p>Outreach: teaching high schoolers about synthetic biology</p>
-
               <p><a class="btn btn-lg btn-primary" href="#" role="button">Sign up today</a></p>
+
               <p><a class="btn btn-sm btn-primary" href="https://2014.igem.org/Team:Northwestern/Human_Practice" role="button">More on this...</a></p>
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
         <div class="item">
         <div class="item">
-
           <img src="data:image/gif;base64,R0lGODlhAQABAIAAAGZmZgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Second slide">
+
           <img src="http://files.crevisio.com/images/category-gradient.jpg" alt="Second slide">
           <div class="container">
           <div class="container">
             <div class="carousel-caption">
             <div class="carousel-caption">
-
               <h1>Another example headline.</h1>
+
               <h1>We are working on this page</h1>
-
               <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
+
               <p>Come back soon!</p>
-
              <p><a class="btn btn-lg btn-primary" href="#" role="button">Learn more</a></p>
+
         
             </div>
             </div>
           </div>
           </div>
         </div>
         </div>
         <div class="item">
         <div class="item">
-
           <img src="data:image/gif;base64,R0lGODlhAQABAIAAAFVVVQAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Third slide">
+
           <img src="http://shiningstuff.com/wp-content/uploads/2014/06/colorful-gaussian_00366670.jpg" alt="Third slide">
           <div class="container">
           <div class="container">
             <div class="carousel-caption">
             <div class="carousel-caption">
-
              <h1>One more for good measure.</h1>
 
-
              <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
 
-
              <p><a class="btn btn-lg btn-primary" href="#" role="button">Browse gallery</a></p>
 
             </div>
             </div>
           </div>
           </div>

Revision as of 23:17, 11 September 2014

Dropdown menu from bootstrap