Team:NTNU Trondheim/Test
From 2012.igem.org
m |
|||
(35 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | {{:Team:NTNU_Trondheim/Test/Templates/Header}} | |
- | + | <html> | |
- | < | + | <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"> | ||
+ | <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt=""> | ||
+ | <div class="carousel-caption"> | ||
+ | <h4>First 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 class="item"> | ||
+ | <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt=""> | ||
+ | <div class="carousel-caption"> | ||
+ | <h4>Second 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 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"> | ||
+ | <h2><i class="icon-info-sign"></i> Project</h2> | ||
+ | <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"> | ||
+ | <h2><i class="icon-trophy"></i> Achievements</h2> | ||
+ | <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"> | ||
+ | <h2><i class="icon-beaker"></i> Experiments</h2> | ||
+ | <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"> | ||
+ | <h2><i class="icon-heart"></i> Matchmaker</h2> | ||
+ | <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 --> | ||
</html> | </html> | ||
+ | {{:Team:NTNU_Trondheim/Test/Templates/Footer}} |
Latest revision as of 15:30, 17 September 2012