Team:British Columbia/Test

From 2014.igem.org

(Difference between revisions)
(Created page with "<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid...")
 
(199 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html>
+
{{CSS/Main}}
-
<html lang="en">
+
{{:Team:British Columbia/Templates/FrontHeader}}
-
  <head>
+
-
    <meta charset="utf-8">
+
-
    <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">
+
-
    <title>2014 UBC iGEM</title>
+
<html>
-
    <!-- Bootstrap core CSS -->
+
<div class="row">
-
    <link href="https://2014.igem.org/Team:British_Columbia/ubcigem2014.css" rel="stylesheet">
+
<div class="col-md-8"><img src="https://static.igem.org/mediawiki/2014/e/e7/Front_final-01.png" class="img-responsive" alt="Responsive image"></div>
 +
<div class="col-md-4  "><p class="text-center"><font size="9"><b><i>Follow Us!</b></i></font></p> <a class="twitter-timeline" href="https://twitter.com/ubcigem" data-widget-id="509271906969583616">Tweets by @ubcigem</a>
 +
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 +
</div>
 +
</div>
-
    <!-- Custom styles for this template -->
+
<br>
-
    <link href="offcanvas.css" rel="stylesheet">
+
-
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
<div class="row">
-
    <!--[if lt IE 9]>
+
  <div class="col-md-1"></div>
-
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+
  <div class="col-md-10"><br><p class="text-center"><font size="9"><b><i>Welcome!</b></i></font></p>
-
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+
<br>
-
    <![endif]-->
+
<p class="text-center"><font size="4"><i><b>This year at UBC we are using bacteria to tackle the problem of arsenic contaminated metal deposits.   </i></b></font></p><center><font size="6"><b><i>Click below to follow our story!</b></i></font></center></div>
 +
<div class="col-md-1"></div>
 +
</div>
-
      <style>
+
<div class="row">
-
          .banner {
+
  <div class="col-md-12"><center><img id="nav_buttons" src="https://static.igem.org/mediawiki/2014/8/83/Nav_buttons-01.png" USEMAP="#circleButtons" class="img-responsive" alt="Responsive image"/></center></div>
-
            width: 100%;
+
 
-
            height: 200px;
+
-
            margin: 0 auto;
+
-
            background-color: #fff;
+
-
          }
+
-
          .banner>img {
 
-
            max-height: 100%;
 
-
          }
 
-
          .navbar-inverse{
+
</div>
-
            background-color: #002145;
+
<map id="circleButtons" name="circleButtons">
-
            border-color: #002145;
+
<area shape="circle" alt="" title="" coords="186,94,72" href="https://2014.igem.org/Team:British_Columbia/HumanPractices" target="#1" />
-
          }
+
<area shape="circle" alt="" title="" coords="465,94,70" href="https://2014.igem.org/Team:British_Columbia/ProjectBiomining" target="#2" />
 +
<area shape="circle" alt="" title="" coords="749,94,73" href="https://2014.igem.org/Team:British_Columbia/ProjectChassis" target="#3" />
 +
<!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) -->
 +
</map>
-
          .navbar-inverse .navbar-nav>li>a:hover,
+
</html>
-
          .navbar-inverse .navbar-nav>li>a:focus,
+
-
          .navbar-inverse .navbar-nav>li>a:active,
+
-
          .navbar-inverse .navbar-nav>.active>a:hover{
+
-
            background-color: #4290D8;
+
-
          }
+
-
          .navbar-inverse .navbar-nav>li>a,
+
{{:Team:British Columbia/Templates/Footer}}
-
          .navbar-inverse .navbar-brand,
+
-
          .navbar-inverse .navbar-nav>.active>a {
+
-
            color: #fff;
+
-
            background-color: #002145;
+
-
          }
+
-
 
+
-
      </style>
+
-
 
+
-
  </head>
+
-
 
+
-
  <body>
+
-
    <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
+
-
 
+
-
    <!--<div class="banner container">-->
+
-
        <!--<img src="images/logo/igem-logo.jpg" />-->
+
-
        <!--<img src="images/logo/ubcigem.jpeg" align="right"/>-->
+
-
        <!--<img src="images/logo/ubc_colour.jpg" align="right" />-->
+
-
    <!--</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"></script>
+
-
    <script src="offcanvas.js"></script>
+
-
  </body>
+
-
</html>
+

Latest revision as of 03:09, 18 October 2014

2014 UBC iGEM


Responsive image

Follow Us!



Welcome!


This year at UBC we are using bacteria to tackle the problem of arsenic contaminated metal deposits.

Click below to follow our story!
Responsive image

© 2014 UBC iGEM

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