Team:British Columbia/Templates/MainHeader

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<!-- Link to the stylesheet used for every page -->
+
  <head>
-
<head>
+
    <meta charset="utf-8">
-
    <link rel="stylesheet" type="text/css" href="https://2013.igem.org/Team:British_Columbia/ubcigem2013.css?action=raw&ctype=text/css">
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
    <link rel="icon" href="../../favicon.ico">
-
<!-- MathJax (LaTeX for the web) -->
+
     <title>2014 UBC iGEM</title>
-
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
-
<!-- MathJax (LaTeX for the web) -->
+
-
<!-- This part is only if you want to use $...$ delimiters -->
+
-
<script type="text/x-mathjax-config">
+
-
     MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
+
-
</script>
+
-
<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
-
+
-
</head>
+
    <!-- Bootstrap core CSS -->
-
<!--
+
    <link href="https://2014.igem.org/Team:British_Columbia/bootstrap.css?action=raw&ctype=text/css" rel="stylesheet">
-
<img src="https://static.igem.org/mediawiki/2013/d/d4/Ubc2013Banner.png">
+
-
-->
+
-
<a id="igemhome" href="2013.igem.org">iGEM Home</a>
+
    <!-- Custom styles for this template -->
 +
    <link href="https://2014.igem.org/Team:British_Columbia/offcanvas.css?action=raw&ctype=text/css" rel="stylesheet">
-
<div id="headerdiv">
+
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
-
<img id="headerimage" src="https://static.igem.org/mediawiki/2013/8/8e/Title_igemandbluebar-01.png">
+
    <!--[if lt IE 9]>
-
<img id="ubccrest" src="https://static.igem.org/mediawiki/2013/1/19/Ubc_crest.png">
+
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
-
<!-- The top navigation menu -->
+
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
-
<ul id="mainmenu">
+
    <![endif]-->
-
    <li><a href="https://2013.igem.org/Team:British_Columbia"><center>Home</center></a></li>
+
 
-
     <li><a href="https://2013.igem.org/Team:British_Columbia/Team"><center>Team</center></a>
+
      <style>
-
        <ul>
+
          .banner {
-
            <li><a href="https://2013.igem.org/Team:British_Columbia/Journey"><center>Our Journey</center></a></li>
+
            width: 100%;
-
             <li><a href="https://2013.igem.org/Team:British_Columbia/Attributions"><center>Attributions</center></a></li>
+
            height: 200px;
-
        </ul>
+
            margin: 0 auto;
-
    </li>
+
          }
-
    <li><a href="https://2013.igem.org/Team:British_Columbia/Project2"><center>Project</center></a>
+
 
-
         <ul>
+
          .banner>img {
-
             <li><a href="https://2013.igem.org/Team:British_Columbia/Project/CRISPR"><center>CRISPR</center></a></li>
+
            max-height: 100%;
-
             <li><a href="https://2013.igem.org/Team:British_Columbia/Project/Flavours"><center>Flavours</center></a></li>
+
          }
-
            <!--
+
 
-
            <li><a href="https://2013.igem.org/Team:British_Columbia/Project/Caffeine"><center>Caffeine</center></a></li>
+
          .navbar-inverse{
-
            <li><a href="https://2013.igem.org/Team:British_Columbia/Project/Cinnamaldehyde"></center>Cinnamaldehyde<center></a></li>
+
            background-color: #002145;
-
             <li><a href="https://2013.igem.org/Team:British_Columbia/Project/Vanillin"><center>Vanillin</center></a></li>
+
            border-color: #002145;
-
            -->
+
          }
-
            <li><a href="https://2013.igem.org/Team:British_Columbia/Parts"><center>Parts</center></a></li>
+
 
-
            <li><a href="https://2013.igem.org/Team:British_Columbia/Modeling"><center>Modeling</center></a></li>
+
          .navbar-inverse .navbar-nav>li>a:hover,
-
        </ul>
+
          .navbar-inverse .navbar-nav>li>a:focus,
-
    </li>
+
          .navbar-inverse .navbar-nav>li>a:active,
-
    <li><a href="https://2013.igem.org/Team:British_Columbia/Notebook"><center>Notebook</center></a>
+
          .navbar-inverse .navbar-nav>.active>a:hover{
-
        <ul>
+
            background-color: #4290D8;
-
            <li><a href="https://2013.igem.org/Team:British_Columbia/Notebook/CRISPR"><center>CRISPR</center></a></li>
+
          }
-
            <li><a href="https://2013.igem.org/Team:British_Columbia/Notebook/Caffeine"><center>Caffeine</center></a></li>
+
 
-
            <li><a href="https://2013.igem.org/Team:British_Columbia/Notebook/Flavours"><center>Flavours</center></a></li>
+
          .navbar-inverse .navbar-nav>li>a,
-
            <li><a href="https://2013.igem.org/Team:British_Columbia/Notebook/Protocols"><center>Protocols</center></a></li>
+
          .navbar-inverse .navbar-brand,
-
            <li><a href="https://2013.igem.org/Team:British_Columbia/Notebook/Safety"><center>Safety</center></a>
+
          .navbar-inverse .navbar-nav>.active>a {
-
</li>
+
            color: #fff;
-
        </ul>
+
            background-color: #002145;
-
    </li>
+
          }
-
    <li><a href="https://2013.igem.org/Team:British_Columbia/humanpractices"><center>Human Practices</center></a>
+
 
-
        <ul>  
+
      </style>
-
<li><a href="https://2013.igem.org/Team:British_Columbia/humanpractices/Interviews"><center>Interviews</center></a></li>  
+
 
-
            <li><a href="https://2013.igem.org/Team:British_Columbia/humanpractices/Analysis"><center>Survey Results</center></a></li>
+
  </head>
-
            <li><a href="https://2013.igem.org/Team:British_Columbia/marketing"><center>Marketing Strategy</center></a></li>
+
 
-
             <li><a href="https://2013.igem.org/Team:British_Columbia/humanpractices/SpaceR"><center>Space-R</center>
+
<body>
-
  <li><a href="https://2013.igem.org/Team:British_Columbia/humanpractices/GMOLabeling"><center>GMO Labeling</center>
+
     <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
-
</a></li>
+
 
-
  <li><a href="https://2013.igem.org/Team:British_Columbia/humanpractices/GMOTimeline"><center>GMO Timeline</center>
+
    <div class="banner container">
-
</a></li>
+
        <!--<img src="images/logo/igem-logo.jpg" />-->
-
         </ul></li>
+
        <!--<img src="images/logo/ubcigem.jpeg" align="right"/>-->
-
     <li><a href="https://2013.igem.org/Team:British_Columbia/Achievements"><center>Achievements</center></a></li>
+
        <!--<img src="images/logo/ubc_colour.jpg" align="right" />-->
-
</ul>
+
    </div>
-
</div>
+
 
 +
    <div class="container">
 +
        <div class="navbar-header">
 +
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 +
            <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="index.html">2014 UBC iGEM</a>
 +
        </div>
 +
         <div class="collapse navbar-collapse">
 +
          <ul class="nav navbar-nav">
 +
             <li class="active"><a href="index.html">Home</a></li>
 +
             <li class="dropdown">
 +
                <a href="#introduction" class="dropdown-toggle" data-toggle="dropdown">
 +
                    Introduction
 +
                    <span class="caret"> </span>
 +
                </a>
 +
                <ul class="dropdown-menu" role="menu">
 +
                    <li><a href="temp_team.html">The Team</a></li>
 +
                    <li><a href="#">Attributions</a></li>
 +
                </ul>
 +
            </li>
 +
             <li class="dropdown">
 +
                <a href="#research" class="dropdown-toggle" data-toggle="dropdown">
 +
                    Research
 +
                    <span class="caret"></span>
 +
                </a>
 +
                <ul class="dropdown-menu" role="menu">
 +
                    <li><a href="#">Current situation</a></li>
 +
                    <li><a href="#">The fatal future</a></li>
 +
                    <li><a href="#">The bright future</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
                <a href="#project" class="dropdown-toggle" data-toggle="dropdown">
 +
                    Project
 +
                    <span class="caret"></span>
 +
                </a>
 +
                <ul class="dropdown-menu" role="menu">
 +
                    <li><a href="#">Specifications</a></li>
 +
                    <li><a href="#">System design</a></li>
 +
                    <li><a href="#">Modelling</a></li>
 +
                    <li><a href="#">Safety</a></li>
 +
                    <li><a href="labjournal.html">Lab journal</a></li>
 +
                    <li><a href="#">Helping others</a></li>
 +
                    <li><a href="#">Human practices</a></li>
 +
                    <li><a href="#">SOPs</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
                <a href="#results" class="dropdown-toggle" data-toggle="dropdown">
 +
                    Result
 +
                    <span class="caret"></span>
 +
                </a>
 +
                <ul class="dropdown-menu" role="menu">
 +
                    <li><a href="#">Cloning</a></li>
 +
                    <li><a href="#">Expression Control</a></li>
 +
                    <li><a href="#">Judging criteria</a></li>
 +
                    <li><a href="#">Rubber results</a></li>
 +
                    <li><a href="#">Submitted Parts</a></li>
 +
                </ul>
 +
            </li>
 +
             <li class="dropdown">
 +
                <a href="#evaluation" class="dropdown-toggle" data-toggle="dropdown">
 +
                    Evaluation
 +
                    <span class="caret"></span>
 +
                </a>
 +
                <ul class="dropdown-menu" role="menu">
 +
                    <li><a href="#">Ethics</a></li>
 +
                    <li><a href="#">North American Jamboree</a></li>
 +
                    <li><a href="#">Next steps</a></li>
 +
                    <li><a href="#">Reality in prospect</a></li>
 +
                </ul>
 +
            </li>
 +
          </ul>
 +
        </div><!-- /.nav-collapse -->
 +
      </div><!-- /.container -->
 +
    </div><!-- /.navbar -->
 +
 
 +
    <div class="container">
 +
      <footer>
 +
         <p>&copy; 2014 UBC iGEM</p>
 +
      </footer>
 +
     </div><!--/.container-->
 +
 
 +
 
 +
 
 +
    <!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
    <script src="https://2014.igem.org/Team:British_Columbia/bootstrap.js?action=raw&ctype=text/css"></script>
 +
    <script src="offcanvas.js"></script>
 +
  </body>
</html>
</html>

Revision as of 04:50, 24 August 2014

2014 UBC iGEM

© 2014 UBC iGEM

Retrieved from "http://2014.igem.org/Team:British_Columbia/Templates/MainHeader"