Difference between revisions of "Team:Oxford/Templates/Navi"

Line 1: Line 1:
−
<html>
+
<!DOCTYPE html>
 
<html lang="en">
 
<html lang="en">
−
  <head>
+
<head>
−
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+
<meta charset="UTF-8">
−
    <title>iGEM Oxford 2016 - Cure for Copper -</title>
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
<title>iGEM Oxford 2016 - Cure for Copper -</title>
−
 
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
−
    <!-- CSS -->
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
−
    <link href=' http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
−
    <link href="https://2013.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
−
    <link href="https://2013.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
+
<style type="text/css">
−
 
+
.bs-example{
−
<style>
+
margin: 20px;
 +
    }
 
#sideMenu, #top_title {
 
#sideMenu, #top_title {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
−
  </head>
+
</head>
−
  <body>
+
<body>
−
 
+
<div class="bs-example">
−
    <!-- Part 1: Wrap all page content here -->
+
  <div class="dropdown">
−
    <div id="wrap">
+
        <a data-target="#" href="page.html" data-toggle="dropdown" class="dropdown-toggle">Dropdown <b class="caret"></b></a>
−
 
+
        <ul class="dropdown-menu">
−
      <!-- Fixed navbar -->
+
            <li><a href="#">Action</a></li>
−
      <div class="navbar navbar-fixed-top">
+
            <li><a href="#">Another action</a></li>
−
        <div class="navbar-inner">
+
        </ul>
−
 
+
     </div>
−
          <div class="container" style="width:1024px">
+
</div>
−
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
</body>
−
              <span class="icon-bar"></span>
+
−
              <span class="icon-bar"></span>
+
−
              <span class="icon-bar"></span>
+
−
            </button>
+
−
<a class="brand" style="padding:0px 15px;width:70px;height:50px;" href="https://igem.org"><img width="70px" height="50px" src="https://static.igem.org/mediawiki/igem.org/9/93/IGEMLogoDundee-Small.png"> </a>
+
−
            <a class="brand" href="/Team:Dundee">Dundee 2013</a>
+
−
 
+
−
            <div class="nav-collapse collapse">
+
−
              <ul class="nav">
+
−
                <li class="active"><a href="/Team:Dundee">Home</a></li>
+
−
 
+
−
 
+
−
 
+
−
                <li class="dropdown">
+
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Overviews <b class="caret"></b></a>
+
−
                  <ul class="dropdown-menu">
+
−
                      <li><a href="/Team:Dundee/Project"> ToxiMop Project </a></li>
+
−
                      <!--<li><a href="/Team:Dundee/Project/LabOverview">Lab </a></li>-->
+
−
                      <li><a href="/Team:Dundee/Project/MathOverview">Modelling </a></li>
+
−
                      <li><a href="/Team:Dundee/Project/NetlogoIntro">Mop Simulation</a></li>
+
−
                    <li><a href="/Team:Dundee/HumanPractice">Human Practice </a></li>
+
−
                    <!--<li><a href="/Team:Dundee/Parts/Improvements">Improvements</a></li>-->
+
−
                  </ul>
+
−
                </li>
+
−
 
+
−
 
+
−
             
+
−
                <li class="dropdown">
+
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
+
−
                  <ul class="dropdown-menu">
+
−
                    <li class="nav-header">Lab</li>
+
−
 
+
−
                  <!-- <li><a href="/Team:Dundee/Project/Mop">Mop</a></li>-->
+
−
<li><a href="/Team:Dundee/Project/MopMaking">Making the Mop</a></li>
+
−
<li><a href="/Team:Dundee/Project/MopQuantifying">Quantifying the Mop</a></li>
+
−
<li><a href="/Team:Dundee/Project/MopTesting">Testing the Mop</a></li>
+
−
                    <li><a href="/Team:Dundee/Project/Detector">Detector - EnvZ </a></li>
+
−
                    <li><a href="/Team:Dundee/Project/ReporterOmpC">Reporter <i>ompC-GFP</i> </a></li>
+
−
                    <li class="divider"></li>
+
−
                    <li class="nav-header">Modelling </li>
+
−
 
+
−
                    <!--<li><a href="/Team:Dundee/Project/MathTheory">Modelling Theoryy</a></li>-->
+
−
                    <li><a href="/Team:Dundee/Project/DetectionComparison">Detection Time</a></li>
+
−
                    <li><a href="/Team:Dundee/Project/PP1Capacities">PP1 Packing</a></li>
+
−
                    <li><a href="/Team:Dundee/Project/ProductionExport">Production & Export </a></li>
+
−
                    <li><a href="/Team:Dundee/Project/NetlogoDoc">Mop Simulation</a></li>
+
−
 
+
−
                    <li class="divider"></li>
+
−
                    <li class="nav-header">Software & Hardware</li>
+
−
                  <li><a href="/Team:Dundee/Project/SoftwareTheory">Moptopus</a></li>
+
−
                  <li><a href="/Team:Dundee/Project/NetlogoSec">Sec Simulation Applet</a></li>
+
−
                  <li><a href="/Team:Dundee/Project/NetlogoTat">Tat Simulation Applet </a></li>
+
−
                  </ul>
+
−
                </li>
+
−
 
+
−
                <li class="dropdown">
+
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts <b class="caret"></b></a>
+
−
                  <ul class="dropdown-menu">
+
−
                    <li><a href="/Team:Dundee/Parts/Ourbiobricks">Our Biobricks</a></li>
+
−
                    <!--<li><a href="/Team:Dundee/Parts/Improvements">Improvements</a></li>-->
+
−
                  </ul>
+
−
                </li>
+
−
 
+
−
                <li><a href="/Team:Dundee/Safety">Safety</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:Dundee/Team">Meet the Team</a></li>
+
−
                    <li><a href="https://igem.org/Team.cgi?id=1012">Team Information</a></li>
+
−
                    <li><a href="/Team:Dundee/Team/Gallery">Gallery</a></li>
+
−
                    <li><a href="/Team:Dundee/Project/Notebook">Notebook</a></li>
+
−
                    <li><a href="/Team:Dundee/Team/Contact">Contact</a></li>
+
−
                    <li class="divider"></li>
+
−
                    <li class="nav-header">Social Media</li>
+
−
                    <li><a href="https://www.facebook.com/DundeeiGem2013">Facebook</a></li>
+
−
                    <li><a href="https://twitter.com/DundeeiGEMTeam">Twitter</a></li>
+
−
                    <li><a href="https://plus.google.com/u/0/116223511035478208262/posts?hl=en_US">Google+</a></li>
+
−
                    <li><a href="https://github.com/iGEMTeamDundee/ToxiMop">GitHub</a></li>
+
−
                  </ul>
+
−
                </li>
+
−
 
+
−
                <li class="dropdown">
+
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice <!--<sup>*new</sup>--><b class="caret"></b></a>
+
−
                  <ul class="dropdown-menu">
+
−
 
+
−
                    <li><a href="/Team:Dundee/HumanPractice/Commercialisation ">
+
−
 
+
−
Commercialisation
+
−
<div style=" 
+
−
     font-size: 100%;
+
−
    font-weight: bold;
+
−
    line-height: 1;
+
−
    color: rgb(66, 139, 202);
+
−
    text-align: center;
+
−
    white-space: nowrap;
+
−
    vertical-align: baseline;
+
−
    display: inline;">
+
−
  <sup>*New</sup></div>
+
−
 
+
−
</a></li>
+
−
 
+
−
                    <li><a href="/Team:Dundee/HumanPractice/MoptopusCommercialisation ">
+
−
Moptopus
+
−
<div style="   
+
−
    font-size: 75%;
+
−
    font-size: 100%;
+
−
    font-weight: bold;
+
−
    line-height: 1;
+
−
    color: rgb(66, 139, 202);
+
−
    text-align: center;
+
−
    white-space: nowrap;
+
−
    vertical-align: baseline;
+
−
    display: inline;">
+
−
  <sup>*New</sup></div>
+
−
 
+
−
</a></li>
+
−
 
+
−
<li><a href="/Team:Dundee/HumanPractice/MediaCoverage">Media Coverage</a></li>
+
−
                    <li><a href="/Team:Dundee/HumanPractice/PoliticalCampaign">Political Campaign</a></li>
+
−
<li><a href="/Team:Dundee/HumanPractice/MediaCoverage">Media Coverage</a></li>
+
−
                    <li><a href="/Team:Dundee/HumanPractice/CaseStudy">Clatto Case Study</a></li>
+
−
                    <li><a href="/Team:Dundee/HumanPractice/PublicEngagement">Public Engagement</a></li>
+
−
                    <!--<li><a href="/Team:Dundee/HumanPractice/Interviews">Interviews</a></li>-->
+
−
                    <li><a href="/Team:Dundee/HumanPractice/Collaboration">Collaboration</a></li>
+
−
 
+
−
                    <li class="divider"></li>
+
−
                    <li class="nav-header">Media</li>
+
−
                    <li><a href="http://www.youtube.com/channel/UCvHOQ9Y1PqKInj6iCwLqTJw/feed?view_as=public">Youtube Channel</a></li>
+
−
                    <li><a href="http://www.flickr.com/photos/97927329@N05/">Flickr</a></li>
+
−
                    <li><a href="/Team:Dundee/HumanPractice/Comic">Comic</a></li>
+
−
                    <li><a href="/Team:Dundee/HumanPractice/Game">Video Game</a></li>
+
−
<li><a href="/Team:Dundee/Digi-Poster">Digital Poster</a></li>
+
−
 
+
−
                   
+
−
                  </ul>
+
−
                </li>
+
−
 
+
−
               
+
−
                <li class="dropdown">
+
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Attributions <b class="caret"></b></a>
+
−
                  <ul class="dropdown-menu">
+
−
                    <li><a href="/Team:Dundee/Team/Attributions">Attributions</a></li>
+
−
                    <li><a href="/Team:Dundee/Sponsors">Our Sponsors</a></li>
+
−
                  </ul>
+
−
                </li>
+
−
 
+
−
 
+
−
             
+
−
 
+
−
              </ul>
+
−
            </div><!--/.nav-collapse -->
+
−
          </div>
+
−
        </div>
+
−
      </div>
+
−
 
+
 
</html>
 
</html>

Revision as of 15:47, 20 July 2016

<!DOCTYPE html> iGEM Oxford 2016 - Cure for Copper -

Dropdown