|
|
| (184 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | {{:Team:British Columbia/Templates/MainHeader}} | + | {{CSS/Main}} |
| | + | {{:Team:British Columbia/Templates/FrontHeader}} |
| | | | |
| | <html> | | <html> |
| - | <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="ubcigem2014">
| |
| - | <link rel="icon" href="../../favicon.ico">
| |
| | | | |
| - |
| + | <div class="row"> |
| - | </head>
| + | <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> |
| | | | |
| - | <!-- body --> | + | <br> |
| - | <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
| + | |
| - | <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="#">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="team_tmp.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="row"> |
| | + | <div class="col-md-1"></div> |
| | + | <div class="col-md-10"><br><p class="text-center"><font size="9"><b><i>Welcome!</b></i></font></p> |
| | + | <br> |
| | + | <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> |
| | | | |
| - | <div class="row row- offcanvas row- offcanvas- right"> | + | <div class="row"> |
| | + | <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> |
| | + | |
| | | | |
| - | <div class="col-xs-12 col-sm-9">
| |
| - | <p class="pull-right visible-xs">
| |
| - | <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
| |
| - | </p>
| |
| - | <div class="jumbotron">
| |
| - | <h1>Welcome to the 2014 UBC iGEM Wiki!</h1>
| |
| - | <p> Project Overview:
| |
| - | As demand for British Columbia's minerals grow in the global markets, so does the B.C. mining
| |
| - | industry. However, current mining practices are expensive, chemically intensive and energetically
| |
| - | demanding. These practices lead to aesthetic challenges (open pits) and the generation of tailings ponds
| |
| - | that are difficult to monitor and control in the future.
| |
| - | <br>
| |
| - | 2014 UBC iGEM project seeks to improve the efficiency of mineral separaton from impurities via a
| |
| - | bacterium expressing two types of peptides on its surface.
| |
| - | <br/>
| |
| - | <br/>
| |
| - | <a class="btn btn-primary btn-lg" role="button" href="project_tmp.html">Learn more</a>
| |
| - | </p>
| |
| - | </div>
| |
| - | <div class="row">
| |
| - | <div class="col-6 col-sm-6 col-lg-4">
| |
| - | <h2>Heading</h2>
| |
| - | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo,
| |
| - | tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
| |
| - | <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
| |
| - | </div><!--/span-->
| |
| - | <div class="col-6 col-sm-6 col-lg-4">
| |
| - | <h2>Heading</h2>
| |
| - | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
| |
| - | <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
| |
| - | </div><!--/span-->
| |
| - | <div class="col-6 col-sm-6 col-lg-4">
| |
| - | <h2>Heading</h2>
| |
| - | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
| |
| - | <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
| |
| - | </div><!--/span-->
| |
| - | <div class="col-6 col-sm-6 col-lg-4">
| |
| - | <h2>Heading</h2>
| |
| - | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
| |
| - | <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
| |
| - | </div><!--/span-->
| |
| - | <div class="col-6 col-sm-6 col-lg-4">
| |
| - | <h2>Heading</h2>
| |
| - | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
| |
| - | <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
| |
| - | </div><!--/span-->
| |
| - | <div class="col-6 col-sm-6 col-lg-4">
| |
| - | <h2>Heading</h2>
| |
| - | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
| |
| - | <p><a class="btn btn-default" href="#" role="button">View details »</a></p>
| |
| - | </div><!--/span-->
| |
| - | </div><!--/row-->
| |
| - | </div><!--/span-->
| |
| | | | |
| - | <!--<div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">--> | + | </div> |
| - | <!--<div class="list-group">-->
| + | <map id="circleButtons" name="circleButtons"> |
| - | <!--<a href="#" class="list-group-item active">Link</a>-->
| + | <area shape="circle" alt="" title="" coords="186,94,72" href="https://2014.igem.org/Team:British_Columbia/HumanPractices" target="#1" /> |
| - | <!--<a href="#" class="list-group-item">Link</a>-->
| + | <area shape="circle" alt="" title="" coords="465,94,70" href="https://2014.igem.org/Team:British_Columbia/ProjectBiomining" target="#2" /> |
| - | <!--<a href="#" class="list-group-item">Link</a>-->
| + | <area shape="circle" alt="" title="" coords="749,94,73" href="https://2014.igem.org/Team:British_Columbia/ProjectChassis" target="#3" /> |
| - | <!--<a href="#" class="list-group-item">Link</a>-->
| + | <!-- Created by Online Image Map Editor (http://www.maschek.hu/imagemap/index) --> |
| - | <!--<a href="#" class="list-group-item">Link</a>-->
| + | </map> |
| - | <!--<a href="#" class="list-group-item">Link</a>-->
| + | |
| - | <!--<a href="#" class="list-group-item">Link</a>-->
| + | |
| - | <!--<a href="#" class="list-group-item">Link</a>-->
| + | |
| - | <!--<a href="#" class="list-group-item">Link</a>-->
| + | |
| - | <!--<a href="#" class="list-group-item">Link</a>-->
| + | |
| - | <!--</div>-->
| + | |
| - | <!--</div><!–/span–>-->
| + | |
| - | </div><!--/row-->
| + | |
| | | | |
| - | <hr>
| + | </html> |
| - | <div class="row">
| + | |
| - | <div class="col-xs-6 col-md-3">
| + | |
| - | <a href="#" class="thumbnail">
| + | |
| - | <img src="http://www.bccdc.ca/NR/rdonlyres/6699BAAB-9BE7-4135-BEA9-361040822803/45766/UBClogo1.jpg"
| + | |
| - | width="200" height="200">
| + | |
| - | <div class="caption">
| + | |
| - | <h3>Sponsor 1</h3>
| + | |
| - | </div>
| + | |
| - | </a>
| + | |
| - | </div>
| + | |
| - | <div class="col-xs-6 col-md-3">
| + | |
| - | <a href="#" class="thumbnail">
| + | |
| - | <img src="http://www.sus.ubc.ca/files/services/clubs/misa.png"
| + | |
| - | width="200" height="200">
| + | |
| - | <div class="caption">
| + | |
| - | <h3>Sponsor 2</h3>
| + | |
| - | </div>
| + | |
| - | </a>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| | | | |
| - | <hr>
| + | {{:Team:British Columbia/Templates/Footer}} |
| - | | + | |
| - | <footer>
| + | |
| - | <p>© 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"></script>
| + | |
| - | | + | |
| - | <!-- body -->
| + | |
| - | </html>
| + | |
"
