Template:CU-Boulder-header2

From 2014.igem.org

(Difference between revisions)
 
(10 intermediate revisions not shown)
Line 12: Line 12:
<!--    } -->
<!--    } -->
<!-- </script> -->
<!-- </script> -->
-
 
-
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
 
-
<link rel="stylesheet" type="text/css" href="/Team:CU-Boulder/include/style.css?action=raw&amp;ctype=text/css" />
 
-
 
-
<!-- <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" /> -->
 
-
<!-- <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:CU-Boulder/static/basicpageglobal.css?action=raw&amp;ctype=text/css" /> -->
 
-
 
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 
-
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
 
<!-- <script> -->
<!-- <script> -->
Line 36: Line 27:
<!--    }); -->
<!--    }); -->
<!--    $('#headerimage').cycle(); -->
<!--    $('#headerimage').cycle(); -->
-
 
<!-- </script> -->
<!-- </script> -->
-
<!-- Single button -->
+
<!-- include bootstrap css (mainly for the navigation bar) -->
-
<div class="btn-group">
+
<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
-
  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
+
-
    Action <span class="caret"></span>
+
-
  </button>
+
-
  <ul class="dropdown-menu" role="menu">
+
-
    <li><a href="#">Action</a></li>
+
-
    <li><a href="#">Another action</a></li>
+
-
    <li><a href="#">Something else here</a></li>
+
-
    <li class="divider"></li>
+
-
    <li><a href="#">Separated link</a></li>
+
-
  </ul>
+
-
</div>
+
-
<!-- Split button -->
+
<!-- include 2013 igem stylesheet -->
-
<div class="btn-group">
+
<!-- <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:CU-Boulder/static/basicpageglobal.css?action=raw&amp;ctype=text/css" /> -->
-
  <button type="button" class="btn btn-danger">Action</button>
+
-
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
+
-
    <span class="caret"></span>
+
-
    <span class="sr-only">Toggle Dropdown</span>
+
-
  </button>
+
-
  <ul class="dropdown-menu" role="menu">
+
-
    <li><a href="#">Action</a></li>
+
-
    <li><a href="#">Another action</a></li>
+
-
    <li><a href="#">Something else here</a></li>
+
-
    <li class="divider"></li>
+
-
    <li><a href="#">Separated link</a></li>
+
-
  </ul>
+
-
</div>
+
-
<div class="btn-toolbar">
+
<!-- include our custom css for the 2014 site -->
 +
<link rel="stylesheet" type="text/css" href="/Team:CU-Boulder/include/style.css?action=raw&amp;ctype=text/css" />
-
     <div class="btn-group">
+
<!-- <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" /> -->
-
         <a class="btn" href="/Team:CU-Boulder">Home</a>
+
 
 +
<!-- include jquery and bootstrap javascript (mainly for the navigation bar) -->
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 +
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
 +
 
 +
<nav class="navbar navbar-default" role="navigation">
 +
 
 +
  <div class="container-fluid">
 +
    <!-- Brand and toggle get grouped for better mobile display -->
 +
     <div class="navbar-header">
 +
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
         <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="/Team:CU-Boulder">Home</a>
 +
      <!-- <a  href="#">Brand</a> -->
     </div>
     </div>
-
     <div class="btn-group">
+
    <!-- Collect the nav links, forms, and other content for toggling -->
-
         <a class="btn drop" href="/Team:CU-Boulder/Team">Team</a>
+
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
-
         <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
+
      <ul class="nav navbar-nav">
-
        <ul class="dropdown-menu">
+
 
-
            <!-- <li><a class="drop" href="/Team:CU-Boulder/Team">Team</a></li> -->
+
         <!-- <li class="active"><a href="#">Link</a></li> -->
 +
 
 +
        <!-- <li><a href="/Team:CU-Boulder">Home</a></li> -->
 +
 
 +
         <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a>
 +
          <ul class="dropdown-menu">
             <li><a href="/Team:CU-Boulder/Team/Members">Members</a></li>
             <li><a href="/Team:CU-Boulder/Team/Members">Members</a></li>
             <li><a href="/Team:CU-Boulder/Team/Collaboration">Collaboration</a></li>
             <li><a href="/Team:CU-Boulder/Team/Collaboration">Collaboration</a></li>
-
             <li><a class="dropheader" href="https://igem.org/Team.cgi?year=2014&team_name=CU-Boulder" target="_blank">Official Profile</a></li>
+
             <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CU-Boulder" target="_blank">Official Profile</a></li>
-
        </ul>
+
            <li class="divider"></li>
-
    </div>
+
            <li><a href="#">Separated link</a></li>
 +
            <li class="divider"></li>
 +
            <li><a href="#">One more separated link</a></li>
 +
          </ul>
 +
        </li>
-
    <div class="btn-group">
+
        <li class="dropdown">
-
        <a class="btn drop" href="/Team:CU-Boulder/Project">Project</a>
+
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
-
        <a class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
+
          <ul class="dropdown-menu">
-
        <ul class="dropdown-menu">
+
             <li><a href="/Team:CU-Boulder/Project">Project Description</a></li>
-
             <li><a class="drop" href="/Team:CU-Boulder/Project">Project Description</a></li>
+
             <li><a href="/Team:CU-Boulder/Project/Modeling">Modeling</a></li>
             <li><a href="/Team:CU-Boulder/Project/Modeling">Modeling</a></li>
             <li><a href="/Team:CU-Boulder/Project/Kit/RestrictionEnzymes">Restriction Enzymes</a></li>
             <li><a href="/Team:CU-Boulder/Project/Kit/RestrictionEnzymes">Restriction Enzymes</a></li>
Line 98: Line 91:
             <!-- <li><a href="/Team:CU-Boulder/FourthofJuly">Happy 4th!</a></li> -->
             <!-- <li><a href="/Team:CU-Boulder/FourthofJuly">Happy 4th!</a></li> -->
             <!-- <li><a href="/Team:CU-Boulder/Project/Attributions">Attributions</a></li> -->
             <!-- <li><a href="/Team:CU-Boulder/Project/Attributions">Attributions</a></li> -->
-
        </ul>
+
          </ul>
-
    </div>
+
        </li>
-
    <div class="btn-group">
+
         <li class="dropdown">
-
         <a class="btn " href="/Team:CU-Boulder/Parts">Parts</a>
+
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook <b class="caret"></b></a>
-
    </div>
+
          <ul class="dropdown-menu">
-
 
+
-
    <div class="btn-group">
+
-
        <a class="btn drop" href="/Team:CU-Boulder/Notebook">Notebook</a>
+
-
        <a class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></a>
+
-
        <ul class="dropdown-menu">
+
             <li><a href="/Team:CU-Boulder/Notebook/Protocols">Protocols</a></li>
             <li><a href="/Team:CU-Boulder/Notebook/Protocols">Protocols</a></li>
             <li><a href="/Team:CU-Boulder/Notebook/Experiments">Experiments</a></li>
             <li><a href="/Team:CU-Boulder/Notebook/Experiments">Experiments</a></li>
-
        </ul>
+
          </ul>
-
    </div>
+
        </li>
-
    <div class="btn-group">
+
        <li><a href="/Team:CU-Boulder/Parts">Parts</a></li>
-
         <a class="btn" href="/Team:CU-Boulder/Safety">Safety</a>
+
         <li><a href="/Team:CU-Boulder/Safety">Safety</a></li>
-
    </div>
+
        <li><a href="/Team:CU-Boulder/Attributions">Attributions</a></li>
 +
        <li><a href="/Team:CU-Boulder/Sponsors">Sponsors</a></li>
 +
        <li><a href="/Team:CU-Boulder/Test">Test</a></li>
-
    <div class="btn-group">
+
      </ul>
-
        <a class="btn" href="/Team:CU-Boulder/Attributions">Attributions</a>
+
-
    </div>
+
-
    <div class="btn-group">
+
      <!-- <form class="navbar-form navbar-left" role="search"> -->
-
        <a class="btn" href="/Team:CU-Boulder/Sponsors">Sponsors</a>
+
      <!--  <div class="form-group"> -->
-
    </div>
+
      <!--    <input type="text" class="form-control" placeholder="Search"> -->
 +
      <!--  </div> -->
 +
      <!--  <button type="submit" class="btn btn-default">Submit</button> -->
 +
      <!-- </form> -->
-
    <div class="btn-group">
+
      <ul class="nav navbar-nav navbar-right">
-
         <a class="btn" href="/Team:CU-Boulder/Test">Test</a>
+
         <li><a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="30px" /></a></li>
-
    </div>
+
      </ul>
-
 
+
-
    <div class="btn-group">
+
-
        <a class="btn" href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="30px"></img></a>
+
-
        <!-- <a class="btn" href="https://2014.igem.org" target="_blank">iGEM</a> -->
+
-
    </div>
+
-
</div>
+
    </div><!-- /.navbar-collapse -->
 +
  </div><!-- /.container-fluid -->
 +
</nav>

Latest revision as of 04:31, 12 May 2014

Retrieved from "http://2014.igem.org/Template:CU-Boulder-header2"