Team:NTNU Trondheim
From 2012.igem.org
Line 1: | Line 1: | ||
{{:Team:NTNU_Trondheim/Templates/Header}} | {{:Team:NTNU_Trondheim/Templates/Header}} | ||
- | |||
- | |||
<html> | <html> | ||
- | <div | + | <div class="container main-container" style="margin-top:220px;"> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | <div | + | <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_3.png" alt=""> | ||
+ | </a> | ||
+ | <div class="carousel-caption"> | ||
+ | <h4>Bacterial Anti-Cancer Kamikaze</h4> | ||
+ | <p>Click to read more about our project. Our vision: Destruction of cancer cells by means of exploding bacteria!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img src="http://folk.ntnu.no/oyas/igem3/img/front_page/carousel/rhit_collaboration.png" alt=""> | ||
+ | <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"> | ||
+ | <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt=""> | ||
+ | <div class="carousel-caption"> | ||
+ | <h4>Third Thumbnail label</h4> | ||
+ | <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</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 style=" | + | <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 --> | ||
+ | {{:Team:NTNU_Trondheim/Templates/Footer}} |
Revision as of 08:44, 21 September 2012