Difference between revisions of "Template:ColumbiaNYC navbar"

Line 6: Line 6:
 
<meta name="description" content="">
 
<meta name="description" content="">
 
<meta name="author" content="">
 
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
 
  
 
<link href="https://2017.igem.org/Team:ColumbiaNYC/Resources/CSS:Bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
<link href="https://2017.igem.org/Team:ColumbiaNYC/Resources/CSS:Bootstrap?action=raw&ctype=text/css" rel="stylesheet">
Line 472: Line 471:
  
 
<body>
 
<body>
  <nav class="navbar navbar-default navbar-fixed-top" style=" padding-top: 20px;">
 
    <div class="container-fluid">
 
      <div class="navbar-header">
 
  
         <a class="navbar-logo" href="https://2017.igem.org/Team:ColumbiaNYC">
+
    <nav class="navbar navbar-inverse navbar-fixed-top">
           <image class="img-responsive" src="http://placehold.it/350x150" height="80" width="80">
+
      <div class="container">
        </a>
+
         <div class="navbar-header">
 +
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 +
            <span class="sr-only">Toggle navigation</span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
           </button>
 +
          <a class="navbar-brand" href="#">Project name</a>
 +
        </div>
 +
        <div id="navbar" class="collapse navbar-collapse">
 +
          <ul class="nav navbar-nav">
 +
            <li class="active"><a href="#">Home</a></li>
 +
            <li><a href="#about">About</a></li>
 +
            <li><a href="#contact">Contact</a></li>
 +
          </ul>
 +
        </div><!--/.nav-collapse -->
 +
      </div>
 +
    </nav>
  
 +
    <div class="container">
  
      </div>
+
       <div class="starter-template">
       <div class="navbar-header" style="padding-top: 15px; padding-left: 15px;">
+
         <h1>Bootstrap starter template</h1>
         <a class="navbar-logo" href="https://2017.igem.org/Team:ColumbiaNYC">
+
        <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
          <image class="img-responsive" src="http://placehold.it/350x150" height="120" width="120">
+
        </a>
+
 
       </div>
 
       </div>
  
      <div id="navbar" class="navbar-collapse collapse">
+
    </div>
        <ul class="nav navbar-nav navbar-right" style="margin-top: 15px;">
+
          <li class="dropdown">
+
            <a class="dropdown-toggle active" href="https://2017.igem.org/Team:ColumbiaNYC/Description">Project <span class="caret"></span></a>
+
            <ul class="dropdown-menu" style="left:0;">
+
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Description">Description</a></li>
+
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Results">Results</a></li>
+
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Proof">Proof</a></li>
+
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Basic_Part">Basic Parts</a></li>
+
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Composite_Part">Composite Parts</a></li>
+
            </ul>
+
          </li>
+
  
 +
  </body>
  
          <li class="dropdown">
 
            <a class="dropdown-toggle active" href="https://2017.igem.org/Team:ColumbiaNYC/Model">Modelling <span class="caret"></span></a>
 
            <ul class="dropdown-menu" style="left:0;">
 
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Model">Overview</a></li>
 
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/SingleCell">Single Cell Model</a></li>
 
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/GRO">Population Model</a></li>
 
  
            </ul>
 
          </li>
 
 
 
          <li>
 
            <a class="dropdown-toggle active" href="https://2017.igem.org/Team:ColumbiaNYC/Software">Software Tools </a></li>
 
 
 
          <li class="dropdown">
 
            <a class="dropdown-toggle active" href="https://2017.igem.org/Team:ColumbiaNYC/Notebook">Notebook <span class="caret"></span></a>
 
            <ul class="dropdown-menu" style="left:0;">
 
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Notebook">Lab book</a></li>
 
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Experiments">Protocols</a></li>
 
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Medals">Medal Criteria</a></li>
 
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/BrainStorm">Brainstorm</a></li>
 
            </ul>
 
          </li>
 
 
          <li class="dropdown">
 
            <a class="dropdown-toggle active" href="https://2017.igem.org/Team:ColumbiaNYC/Human_Practices">Human Practices <span class="caret"></span></a>
 
            <ul class="dropdown-menu">
 
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Human_Practices">Human Practices</a></li>
 
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Integrated_Practices">Integrated Practices</a></li>
 
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Engagement">Public Engagement</a></li>
 
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Collaborations">Collaborations</a></li>
 
 
            </ul>
 
          </li>
 
 
          <li class="dropdown">
 
            <a class="dropdown-toggle active" href="https://2017.igem.org/Team:ColumbiaNYC/Team">Team <span class="caret"></span></a>
 
            <ul class="dropdown-menu" style="text-align: right;">
 
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Team">Team</a></li>
 
              <li><a href="https://2017.igem.org/Team:ColumbiaNYC/Attributions">Attributions</a></li>
 
 
            </ul>
 
          </li>
 
        </ul>
 
      </div>
 
      <!-- /.navbar-collapse -->
 
    </div>
 
    <!-- /.container-fluid -->
 
  </nav>
 
</body>
 
  
  

Revision as of 18:57, 20 June 2017

Bootstrap starter template

Use this document as a way to quickly start any new project.
All you get is this text and a mostly barebones HTML document.

ColumbiaNYC