Team:Exeter/Template/Header

From 2013.igem.org

(Difference between revisions)

Revision as of 11:11, 19 August 2013

iGEM Exeeter 2013 · Paint by Coli

@@ Line 5: / Line 5: @@
      <title>iGEM Exeeter 2013 &middot; Paint by Coli</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
-     <meta name="description" content="Paint by Coli - A synthetic biology project from Exeter iGEM 2013.">
+     <meta name="description" content="A synthetic biology project called Paint by Coli from the Exeter iGEM Team.">
-     <meta name="author" content="Exeter iGEM 2013">
+     <meta name="author" content="Exeter iGEM Team 2013">
      <!-- CSS -->
-     <link href="http://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
+     <link href=' http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
      <link href="https://2013.igem.org/Team:Exeter/Template/Stylesheet?action=raw&ctype=text/css" rel="stylesheet">
@@ Line 17: / Line 17: @@
      <![endif]-->
+    <!-- Fav and touch icons -->
+    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
+    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
+      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
+                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
+                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
    </head>
    <body>
+    <!-- Part 1: Wrap all page content here -->
      <div id="wrap">
-       <!-- Fixed navbar (static navbar, always along top) -->
+       <!-- Fixed navbar -->
        <div class="navbar navbar-fixed-top">
          <div class="navbar-inner">
            <div class="container">
-             <!-- Can remove anchors and use div instead? -->
+             <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
-            <!-- Logo line -->
+              <span class="icon-bar"></span>
-            <a class="brand" style="padding:0px 20px;width:120px" href="http://biosciences.exeter.ac.uk/research/groups/molecules/members/"><img src="https://static.igem.org/mediawiki/igem.org/b/b9/Exeter-biofuels-logo.png"> </a>
+              <span class="icon-bar"></span>
-            <a class="brand" style="padding:0px 5px;width:52px" href="http://www.exeter.ac.uk/alumnisupporters/giving/theannualfund/"><img src="https://static.igem.org/mediawiki/2013/7/7c/Exeter-annual-fund-logo.png"> </a>
+              <span class="icon-bar"></span>
-             <a class="brand" style="padding:0px 20px;width:70px;height:50px" href="https://igem.org"><img src="https://static.igem.org/mediawiki/igem.org/9/93/IGEMLogoDundee-Small.png"> </a>
+             </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:Exeter">Exeter 2013</a>
-            <!-- Navigation elements -->
              <div class="nav-collapse collapse">
                <ul class="nav">
                  <li class="active"><a href="/Team:Exeter">Home</a></li>
                  <li class="active"><a href="/Team:Exeter/Team">Team</a></li>
-                 <li class="active"><a href="/Team:Exeter/Team">Project</a></li>
+                 <li class="dropdown">
-                <li class="active"><a href="/Team:Exeter/Team">Notebook</a></li>
+                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
-                <li class="active"><a href="/Team:Exeter/Team">Modelling</a></li>
+                  <ul class="dropdown-menu">
+                    <li><a href="/Team:Exeter/Project">Project Overview</a></li>
+                    <li><a href="/Team:Exeter/Notebook">Notebook</a></li>
+                    <li><a href="/Team:Exeter/Modelling">Modelling Overview</a></li>
+                  </ul>
+                 </li>
                  <li class="active"><a href="/Team:Exeter/Parts">Biobricks</a></li>
                  <li class="active"><a href="/Team:Exeter/Safety">Safety</a></li>
                  <li class="active"><a href="/Team:Exeter/Attributions">Attributions</a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-</body>
-<!--  Keeping Dundee navbar elements for inspiration
-    <!-- Fav and touch icons -->
-    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
-    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
-      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
-                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
-                                   <link rel="shortcut icon" href="../assets/ico/favicon.png">
+<!--  Keeping Dundee elements for inspiration
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a>
@@ Line 129: / Line 127: @@
                      <li><a href="/Team:Dundee/Sponsors">Our Sponsors</a></li>
 -->
+              </ul>
+            </div><!--/.nav-collapse -->
+          </div>
+        </div>
+      </div>
 </html>