Team:NTNU Trondheim/Templates/Footer
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | <!DOCTYPE html> | ||
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <meta http-equiv="content-type" content="text/html; charset=utf-8"> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | |||
+ | <!-- Google fonts --> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Ubuntu:400,400italic,700,700italic' rel='stylesheet' type='text/css'> | ||
+ | |||
+ | <!-- Styles --> | ||
+ | <link href="http://folk.ntnu.no/oyas/igem3/bootstrap2/css/bootstrap.css" rel="stylesheet"> | ||
+ | <link href="http://folk.ntnu.no/oyas/igem3/extras/css/jquery.countdown.css" rel="stylesheet"> | ||
+ | <link href="http://folk.ntnu.no/oyas/igem3/extras/css/extras.css" rel="stylesheet"> | ||
+ | |||
+ | <!-- Responsive css must be added after top padding --> | ||
+ | <link href="http://folk.ntnu.no/oyas/igem3/bootstrap2/css/responsive.css" rel="stylesheet"> | ||
+ | |||
+ | <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> | ||
+ | <!--[if lt IE 9]> | ||
+ | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> | ||
+ | <![endif]--> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <!-- Facebook box | ||
+ | ================================================== --> | ||
+ | <div id="fb-root"></div> | ||
+ | <script> | ||
+ | (function(d, s, id) { | ||
+ | var js, fjs = d.getElementsByTagName(s)[0]; | ||
+ | if (d.getElementById(id)) return; | ||
+ | js = d.createElement(s); js.id = id; | ||
+ | js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; | ||
+ | fjs.parentNode.insertBefore(js, fjs); | ||
+ | }(document, 'script', 'facebook-jssdk')); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <!-- Header | ||
+ | ================================================== --> | ||
+ | <div class="header"> | ||
+ | <div class="container"> | ||
+ | <div class="heading"><a href="https://2012.igem.org/Team:NTNU_Trondheim">Search and Destroy</a></div> | ||
+ | <div class="sub-heading" id="sub-heading1"> | ||
+ | <span class="sub-heading-small">NTNU IS</span> <span style="font-size: 30pt; font-style: italic;">B.A.C.K.</span> | ||
+ | </div> | ||
+ | <div class="sub-heading" id="sub-heading2"> | ||
+ | B<span class="sub-heading-small">acterial</span> A<span class="sub-heading-small">nti</span>-C<span class="sub-heading-small">ancer</span>-K<span class="sub-heading-small">amikaze</span> | ||
+ | </div> | ||
+ | <div class="pull-right visible-desktop" style="text-align:right;" id="ntnu-logo"> | ||
+ | <a href="http://ntnu.edu" target="_blank"><img src="http://folk.ntnu.no/oyas/igem3/img/ntnu_logo_en_scaled.png"/></a><br/> | ||
+ | <a href="https://2012.igem.org/Main_Page" target="_blank"><img id="igem-logo" src="http://folk.ntnu.no/oyas/igem3/img/igem_logo_scaled.png" /></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Navbar | ||
+ | ================================================== --> | ||
+ | <div class="navbar navbar-below-header"> | ||
+ | <div class="navbar-inner"> | ||
+ | <div class="container"> | ||
+ | <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </a> | ||
+ | <div class="nav-collapse"> | ||
+ | <ul class="nav"> | ||
+ | <li class="active"> | ||
+ | <a href="https://2012.igem.org/Team:NTNU_Trondheim"> | ||
+ | <i class="icon-home"></i> Home</a> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-info-sign"></i>Project <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li class="nav-header">Project description</li> | ||
+ | <li><a href="#">Background</a></li> | ||
+ | <li><a href="#">Overview</a></li> | ||
+ | <li><a href="#">In detail</a></li> | ||
+ | <li><a href="#">Challenges</a></li> | ||
+ | <li><a href="#">Experiments</a></li> | ||
+ | <li class="divider"></li> | ||
+ | <li class="nav-header">Parts</li> | ||
+ | <li><a href="#">Promoters</a></li> | ||
+ | <li><a href="#">Genes</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cogs"></i> Technical stuff <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Notebook</a></li> | ||
+ | <li><a href="#">Protocols</a></li> | ||
+ | <li><a href="#">Safety</a></li> | ||
+ | <li><a href="#">Data</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-group"></i> Team <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Meet the team</a></li> | ||
+ | <li><a href="#">Official team profile</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-bullhorn"></i> Outreach <b class="caret"></b></a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="#">Collaboration</a></li> | ||
+ | <li><a href="#">Researchers' Night</a></li> | ||
+ | <li><a href="#">Press coverage</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Matchmaker" target="_blank"> | ||
+ | <i class="icon-heart"></i> Matchmaker</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <ul class="nav pull-right"> | ||
+ | <li id="fb-icon"> | ||
+ | <a href="http://facebook.com/ntnuigem" target="_blank"><i class="icon-facebook"></i></a> | ||
+ | </li> | ||
+ | <li id="twitter-icon"> | ||
+ | <a href="http://twitter.com/iGEM_NTNU" target="_blank"><i class="icon-twitter"></i></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="container main-container" style="margin-top:220px;"> | ||
+ | |||
+ | |||
+ | <div class="row-fluid"> | ||
+ | |||
+ | <div class="span9"> | ||
+ | |||
+ | <!-- <div class="alert alert-success">--> | ||
+ | <!-- <button type="button" class="close" data-dismiss="alert">×</button>--> | ||
+ | <!-- <strong>Hi, there!</strong> Looking for a quick tour? Click me!--> | ||
+ | <!-- </div> --> | ||
+ | |||
+ | <div id="myCarousel" class="carousel slide"> | ||
+ | <div class="carousel-inner"> | ||
+ | <div class="item active"> | ||
+ | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Project"> | ||
+ | <img src="http://folk.ntnu.no/oyas/igem3/img/front_page/carousel/project_illustration_carousel_870x400_4.png" alt=""> | ||
+ | </a> | ||
+ | <div class="carousel-caption"> | ||
+ | <h4>Our project</h4> | ||
+ | <p>Click to read more about our project, Bacterial Anti-Cancer Kamikaze. Our vision: Destruction of cancer cells by means of exploding bacteria!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Achievements"> | ||
+ | <img src="http://folk.ntnu.no/oyas/igem3/img/front_page/carousel/project_illustration_carousel_870x400_4.png" alt=""> | ||
+ | </a> | ||
+ | <div class="carousel-caption"> | ||
+ | <h4>Achievements</h4> | ||
+ | <p>See how we have fulfilled the judging criteria.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Project"> | ||
+ | <img src="http://folk.ntnu.no/oyas/igem3/img/front_page/carousel/project_illustration_carousel_870x400_4.png" alt=""> | ||
+ | </a> | ||
+ | <div class="carousel-caption"> | ||
+ | <h4>Experiments and results</h4> | ||
+ | <p>Documentation of the testing of the components of our genetic circuit.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Model"> | ||
+ | <img src="http://folk.ntnu.no/oyas/igem3/img/front_page/carousel/model_illustration_870x400.png" alt=""> | ||
+ | </a> | ||
+ | <div class="carousel-caption"> | ||
+ | <h4>Modelling</h4> | ||
+ | <p>We have created a stochastic model of our genetic circuit.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Collaboration"> | ||
+ | <img src="http://folk.ntnu.no/oyas/igem3/img/front_page/carousel/rhit_collaboration.png" alt=""> | ||
+ | </a> | ||
+ | <div class="carousel-caption"> | ||
+ | <h4>Collaboration</h4> | ||
+ | <p>We have collaborated with the Rose-Hulman Institute of Technology iGEM team.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <a href="https://2012.igem.org/Team:NTNU_Trondheim/Human_Practices"> | ||
+ | <img src="http://folk.ntnu.no/oyas/igem3/img/front_page/carousel/rhit_collaboration.png" alt=""> | ||
+ | </a> | ||
+ | <div class="carousel-caption"> | ||
+ | <h4>Human practices</h4> | ||
+ | <p>We helped spread the word of synthetic biology to high school students at NTNU's Researchers' Night.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a> | ||
+ | <a class="right carousel-control" href="#myCarousel" data-slide="next">›</a> | ||
+ | </div> | ||
+ | <div class="row-fluid"> | ||
+ | <ul class="thumbnails"> | ||
+ | <li class="span3"> | ||
+ | <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a> | ||
+ | </li> | ||
+ | <div class="span3"> | ||
+ | <h4><i class="icon-info-sign"></i> Project</h4> | ||
+ | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p> | ||
+ | <p><a class="btn" href="#">View details »</a></p> | ||
+ | </div> | ||
+ | <li class="span3"> | ||
+ | <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a> | ||
+ | </li> | ||
+ | <div class="span3"> | ||
+ | <h4><i class="icon-trophy"></i> Achievements</h4> | ||
+ | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p> | ||
+ | <p><a class="btn" href="#">View details »</a></p> | ||
+ | </div> | ||
+ | </ul> | ||
+ | <ul class="thumbnails"> | ||
+ | <li class="span3"> | ||
+ | <a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a> | ||
+ | </li> | ||
+ | <div class="span3"> | ||
+ | <h4><i class="icon-beaker"></i> Experiments</h4> | ||
+ | <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p> | ||
+ | <p><a class="btn" href="#">View details »</a></p> | ||
+ | </div> | ||
+ | <li class="span3"> | ||
+ | <a class="thumbnail" href="#"><img alt="" src="http://folk.ntnu.no/oyas/igem3/img/matchmaker_thumbnail.png"></a> | ||
+ | </li> | ||
+ | <div class="span3"> | ||
+ | <h4><i class="icon-heart"></i> Matchmaker</h4> | ||
+ | <p>We created a tool to make it easy for all iGEM teams to find other teams to collaborate with. </p> | ||
+ | <p><a class="btn" href="#">Read more »</a></p> | ||
+ | </div> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> <!-- /span9 --> | ||
+ | |||
+ | <div class="span3 well well-small visible-desktop" style="background-color: #ffffff;"> | ||
+ | <p style="text-align: center;">Countdown to the <a href="https://2012.igem.org/Regions/Europe/Jamboree" target="_blank">European jamboree</a>: | ||
+ | <div id="jamboreeCountdown"></div><br /><br /><br/> | ||
+ | <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> | ||
+ | <script>new TWTR.Widget({version:2,type:'profile',rpp:4,interval:30000,width:250,height:300,theme:{shell:{background:'#222',color:'#ffffff'},tweets:{background:'#555',color:'#ffffff',links:'#53db50'}},features:{scrollbar:false,loop:false,live:false,behavior:'all'}}).render().setUser('iGEM_NTNU').start(); | ||
+ | </script><br/> | ||
+ | <div style="" class="fb-like-box" data-href="http://www.facebook.com/ntnuigem" data-width="250" data-show-faces="true" data-border-color="#ffffff" data-stream="false" data-header="false"></div> | ||
+ | </div> <!-- /span3 --> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
</div><!-- /container --> | </div><!-- /container --> | ||
Line 44: | Line 304: | ||
</script> | </script> | ||
+ | |||
+ | <!-- Adding classes --> | ||
+ | <script type="text/javascript"> | ||
+ | if (document.URL == "https://2012.igem.org/Team:NTNU_Trondheim") { | ||
+ | $('.main-container').addClass('index-container'); | ||
+ | } | ||
+ | $('.toc').addClass('well well-small'); | ||
+ | </script> | ||
+ | |||
<!-- Lazy way out of reformatting all tables --> | <!-- Lazy way out of reformatting all tables --> | ||
<script type="text/javascript"> | <script type="text/javascript"> |
Revision as of 16:24, 23 September 2012
Project
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.
Achievements
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.