Team:NTNU Trondheim/Test

From 2012.igem.org

(Difference between revisions)
 
(74 intermediate revisions not shown)
Line 1: Line 1:
-
<html lang="en">
+
{{:Team:NTNU_Trondheim/Test/Templates/Header}}
-
<head>
+
<html>
-
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+
<div class="container main-container" style="margin-top:220px;">
-
<link href="http://folk.ntnu.no/oyas/igem/css/base-style.css" rel="stylesheet">
+
-
<link href="http://folk.ntnu.no/oyas/igem/css/superfish.css" rel="stylesheet">
+
-
<link href="http://folk.ntnu.no/oyas/igem/css/superfish-navbar.css" rel="stylesheet">
+
-
<!--<link href="http://folk.ntnu.no/oyas/igem/css/superfish-vertical.css" rel="stylesheet">-->
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 
-
<script type="text/javascript" src="http://folk.ntnu.no/oyas/igem/js/hoverIntent.js"></script>
 
-
<script type="text/javascript" src="http://folk.ntnu.no/oyas/igem/js/jquery.bgiframe.min.js"></script>
 
-
<script type="text/javascript" src="http://folk.ntnu.no/oyas/igem/js/superfish.js"></script>
 
-
<!--<script type="text/javascript" src="http://folk.ntnu.no/oyas/igem/js/supersubs.js"></script>-->
 
-
 
-
<script>
 
-
    $(document).ready(function(){
 
-
        $("ul.sf-menu").superfish({
 
-
        delay:      800, // delay on mouseout
 
-
            animation:  {opacity:'show', height:'show'}, // fade-in and slide-down animation
 
-
            speed:      'normal', // animation speed
 
-
            autoArrows:  true, // generation of arrow mark-up
 
-
            dropShadows: true // drop shadows );
 
-
            });
 
-
    });
 
-
</script>
 
-
 
-
</head>
 
-
<body>
+
<div class="row-fluid">
-
<a name="top"></a>
+
<div class="span9">
-
<div id='ProjectLogo'>
+
           
-
  <a href='https://2012.igem.org/Team:NTNU_Trondheim'>
+
<!--            <div class="alert alert-success">-->
-
    <img src="http://folk.ntnu.no/oyas/igem/images/ntnu_igem12_header_new3.png" style=""/>
+
<!--                <button type="button" class="close" data-dismiss="alert">×</button>-->
-
  </a>
+
<!--                <strong>Hi, there!</strong> Looking for a quick tour? Click me!-->
-
</div>
+
<!--            </div>                              -->
-
<div id='iGEMLogo'>
+
-
  <a href='https://2012.igem.org/Main_Page' target="_blank">
+
-
    <img src='https://static.igem.org/mediawiki/2011/b/be/ICL_iGEM_Logo.png' style="width:90px;" />
+
-
  </a>
+
-
</div>
+
-
<div id='NTNULogo'>
+
-
  <a href='http://www.ntnu.edu/' target="_blank">
+
-
    <img src='http://folk.ntnu.no/oyas/igem/images/ntnu_logo.png' style="width:160px;" />
+
-
  </a>
+
-
</div>
+
-
<div id="BackToTop">
+
<div id="myCarousel" class="carousel slide">
-
<a href="#top">
+
<div class="carousel-inner">
-
<img src="https://static.igem.org/mediawiki/2011/6/62/ICL_BackToTop2.png" width="48px" />
+
              <div class="item active">
-
</a>
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="">
-
</div>
+
                <div class="carousel-caption">
-
 
+
                  <h4>First Thumbnail label</h4>
-
<div id="Sitemap">
+
                  <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>
-
<a href="#">
+
                </div>
-
<img src="https://static.igem.org/mediawiki/2011/f/f5/ICL_SitemapBtn.png" width="80px" />
+
              </div>
-
</a>
+
              <div class="item">
-
</div>
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt="">
-
 
+
                <div class="carousel-caption">
-
<!-- NAVBAR
+
                  <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 id="main-menu">
+
              </div>
-
<ul class="sf-menu">
+
              <div class="item">
-
<span id="menu-item1">
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt="">
-
<li class="current">
+
                <div class="carousel-caption">
-
<a class="sf-with-ul" href="#a">Project<span class="sf-sub-indicator"> &#187;</span></a>
+
    <h4>Third Thumbnail label</h4>
-
<ul>
+
                <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>
-
<li>
+
                </div>
-
<a href="#aa">menu item</a>
+
              </div>
 +
            </div>
 +
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
 +
            <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</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>
</li>
-
<li class="current">
+
<div class="span3">
-
<a class="sf-with-ul" href="#ab">menu item<span class="sf-sub-indicator"> &#187;</span></a>
+
<h2><i class="icon-info-sign"></i> Project</h2>
-
<ul>
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
-
<li class="current"><a href="#">menu item</a></li>
+
<p><a class="btn" href="#">View details &raquo;</a></p>
-
<li><a href="#aba">menu item</a></li>
+
</div>
-
<li><a href="#abb">menu item</a></li>
+
<li class="span3">
-
<li><a href="#abc">menu item</a></li>
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
<li><a href="#abd">menu item</a></li>
+
-
</ul>
+
</li>
</li>
-
<li>
+
<div class="span3">
-
<a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
+
<h2><i class="icon-trophy"></i> Achievements</h2>
-
<ul>
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
-
<li><a href="#">menu item</a></li>
+
<p><a class="btn" href="#">View details &raquo;</a></p>
-
<li><a href="#">menu item</a></li>
+
</div>
-
<li><a href="#">menu item</a></li>
+
</ul>
-
<li><a href="#">menu item</a></li>
+
<ul class="thumbnails">
-
<li><a href="#">menu item</a></li>
+
<li class="span3">
-
</ul>
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
</li>
</li>
-
<li>
+
<div class="span3">
-
<a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
+
<h2><i class="icon-beaker"></i> Experiments</h2>
-
<ul>
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
-
<li><a href="#">menu item</a></li>
+
<p><a class="btn" href="#">View details &raquo;</a></p>
-
<li><a href="#">menu item</a></li>
+
</div>
-
<li><a href="#">menu item</a></li>
+
<li class="span3">
-
<li><a href="#">menu item</a></li>
+
<a class="thumbnail" href="#"><img alt="" src="http://folk.ntnu.no/oyas/igem3/img/matchmaker_thumbnail.png"></a>
-
<li><a href="#">menu item</a></li>
+
-
</ul>
+
</li>
</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 &raquo;</a></p>
 +
</div>
</ul>
</ul>
-
</li>
+
</div>
-
</span>
+
</div> <!-- /span9 -->
-
<span id="menu-item2">
+
-
<li>
+
<div class="span3 well well-small visible-desktop" style="background-color: #ffffff;">
-
<a href="#">Achievements</a>
+
<p style="text-align: center;">Countdown to the <a href="https://2012.igem.org/Regions/Europe/Jamboree" target="_blank">European jamboree</a>:
-
</li>
+
<div id="jamboreeCountdown"></div><br /><br /><br/>
-
</span>
+
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
-
<span id="menu-item3">
+
<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();
-
<li>
+
</script><br/>
-
<a class="sf-with-ul" href="#">Human practice<span class="sf-sub-indicator"> &#187;</span></a>
+
<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>
-
<ul>
+
</div> <!-- /span3 -->
-
<li>
+
-
<a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
+
-
<ul>
+
-
<li><a href="#">short</a></li>
+
-
<li><a href="#">short</a></li>
+
-
<li><a href="#">short</a></li>
+
-
<li><a href="#">short</a></li>
+
-
<li><a href="#">short</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>
+
-
<a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
+
-
<ul>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>
+
-
<a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
+
-
<ul>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>
+
-
<a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
+
-
<ul>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
</ul>
+
-
</li>
+
-
<li>
+
-
<a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</span></a>
+
-
<ul>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
<li><a href="#">menu item</a></li>
+
-
</ul>
+
-
</li>
+
-
</ul>
+
-
</li>
+
-
</span>
+
-
<span id="menu-item4">
+
-
<li>
+
-
<a href="#">Extras</a>
+
-
</li>
+
-
</span>
+
-
<span id="menu-item5">
+
-
<li>
+
-
<a href="#">Team</a>
+
-
</li>
+
-
</span>
+
-
</ul>
+
-
</div> <!-- End of main menu -->
+
-
 
+
-
 
+
-
</body>
+
</html>
</html>
 +
{{:Team:NTNU_Trondheim/Test/Templates/Footer}}

Latest revision as of 15:30, 17 September 2012

Search and Destroy
NTNU IS B.A.C.K.
Bacterial Anti-Cancer-Kamikaze

    • Project

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.

    View details »

    • Achievements

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.

    View details »

    • Experiments

    Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo.

    View details »

    • Matchmaker

    We created a tool to make it easy for all iGEM teams to find other teams to collaborate with.

    Read more »

Countdown to the European jamboree:





Retrieved from "http://2012.igem.org/Team:NTNU_Trondheim/Test"