Team:NTNU Trondheim/Test

From 2012.igem.org

(Difference between revisions)
 
(94 intermediate revisions not shown)
Line 1: Line 1:
-
<html lang="en">
+
{{:Team:NTNU_Trondheim/Test/Templates/Header}}
-
<head>
+
<html>
-
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
+
<div class="container main-container" style="margin-top:220px;">
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
<link href="http://folk.ntnu.no/oyas/igem/bootstrap/css/bootstrap.css" rel="stylesheet">
+
-
<link href="http://folk.ntnu.no/oyas/igem/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
+
-
<!--<link href="http://folk.ntnu.no/oyas/igem/bootstrap/css/docs.css" rel="stylesheet">-->
+
-
<link href="http://folk.ntnu.no/oyas/igem/bootstrap/css/from-docs.css" rel="stylesheet">
+
-
<link href="http://folk.ntnu.no/oyas/igem/bootstrap/css/prettify.css" rel="stylesheet">
+
-
<link href="http://folk.ntnu.no/oyas/igem/bootstrap/css/tweaks.css" rel="stylesheet">
+
-
<style type="text/css">
+
-
body {
+
-
background-color:#545454;
+
-
}
+
-
#content, #top-section, #catlinks, #footer-box {
+
-
padding-left: 10px;
+
-
padding-right: 10px;
+
-
}
+
-
</style>
+
-
</head>
+
-
<body>
 
-
<div id='NTNULogo'>
 
-
  <a href='https://2012.igem.org/Team:NTNU_Trondheim'>
 
-
    <img src="http://folk.ntnu.no/oyas/igem/ntnu_igem12_header.png"/>
 
-
  </a>
 
-
</div>
 
-
<br/>
 
-
<!-- Navbar
 
-
================================================== -->
 
-
<div class="navbar ">
 
-
<div class="navbar-inner">
 
-
<div class="container">
 
-
<div class="nav-collapse">
 
-
<ul class="nav">
 
-
<li class="active">
 
-
<a href="https://2012.igem.org/Team:NTNU_Trondheim"> Home</a>
 
-
</li>
 
-
<li class="">
 
-
<a href="https://2012.igem.org/Team:NTNU_Trondheim/Team"></i> Team</a>
 
-
</li>
 
-
  <li class="">
 
-
<a href="https://igem.org/Team.cgi?year=2012&team_name=NTNU_Trondheim"> Official team profile</a>
 
-
  </li>
 
-
<li class="">
 
-
<a href="https://2012.igem.org/Team:NTNU_Trondheim/Project"></i> Project</a>
 
-
  </li>
 
-
<li class="">
 
-
<a href="https://2012.igem.org/Team:NTNU_Trondheim/Parts"></i>Parts</a>
 
-
  </li>
 
-
<li class="">
 
-
<a href="https://2012.igem.org/Team:NTNU_Trondheim/Modeling"></i>Modeling</a>
 
-
  </li>
 
-
<li class="">
 
-
<a href="https://2012.igem.org/Team:NTNU_Trondheim/Safety"></i>Safety</a>
 
-
  </li>
 
-
<li class="">
 
-
<a href="https://2012.igem.org/Team:NTNU_Trondheim/Attributions"></i>Attributions</a>
 
-
  </li>
 
-
</ul>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
<div class="container">
+
<div class="row-fluid">
-
<div class="row">
+
<div class="span9">
-
<div class="span8 offset1">
+
           
-
<div class="hero-unit">
+
<!--            <div class="alert alert-success">-->
-
<h1>Hi, there!</h1>
+
<!--                <button type="button" class="close" data-dismiss="alert">×</button>-->
-
<p>Welcome to the wiki of the 2012 iGem team from NTNU!</p>
+
<!--                <strong>Hi, there!</strong> Looking for a quick tour? Click me!-->
-
<p><a class="btn btn-primary btn-large" href="#">Click me &raquo;</a></p>
+
<!--            </div>                              -->
-
</div>  
+
-
</div>
+
-
</div>
+
-
<div class="row">
+
<div id="myCarousel" class="carousel slide">
-
<div class="span6">
+
<div class="carousel-inner">
-
<h2>Banan</h2>
+
              <div class="item active">
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="">
-
<p><a class="btn" href="#">Click me &raquo;</a></p>
+
                <div class="carousel-caption">
-
</div>
+
                  <h4>First Thumbnail label</h4>
-
<div class="span4">
+
                  <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>
-
<h2>Eple</h2>
+
                </div>
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
              </div>
-
<p><a class="btn" href="#">Click me &raquo;</a></p>
+
              <div class="item">
-
</div>
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt="">
-
</div>
+
                <div class="carousel-caption">
-
 
+
                  <h4>Second Thumbnail label</h4>
-
<div class="row">
+
                  <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 class="span10">
+
                </div>
-
<h2>Blåbær</h2>
+
              </div>
-
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+
              <div class="item">
-
<p><a class="btn" href="#">Click me &raquo;</a></p>
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt="">
-
</div>
+
                <div class="carousel-caption">
-
</div>
+
    <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> <!--container-->
+
              </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>
-
<!-- Le javascript
+
<div class="row-fluid">
-
================================================== -->
+
<ul class="thumbnails">
-
<!-- Placed at the end of the document so the pages load faster -->
+
<li class="span3">
-
<script src="bootstrap/js/track.js" data-site-id="4f0dc9fef5a1f55508000013" id="gauges-tracker" async="" type="text/javascript"></script><script type="text/javascript" src="Filer_for_bootstrap/widgets.js"></script>
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
<script src="bootstrap/js/jquery.js"></script>
+
</li>
-
<script src="bootstrap/js/prettify.js"></script>
+
<div class="span3">
-
<script src="bootstrap/js/bootstrap-transition.js"></script>
+
<h2><i class="icon-info-sign"></i> Project</h2>
-
<script src="bootstrap/js/bootstrap-alert.js"></script>
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
-
<script src="bootstrap/js/bootstrap-modal.js"></script>
+
<p><a class="btn" href="#">View details &raquo;</a></p>
-
<script src="bootstrap/js/bootstrap-dropdown.js"></script>
+
</div>
-
<script src="bootstrap/js/bootstrap-scrollspy.js"></script>
+
<li class="span3">
-
<script src="bootstrap/js/bootstrap-tab.js"></script>
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
<script src="bootstrap/js/bootstrap-tooltip.js"></script>
+
</li>
-
<script src="bootstrap/js/bootstrap-popover.js"></script>
+
<div class="span3">
-
<script src="bootstrap/js/bootstrap-button.js"></script>
+
<h2><i class="icon-trophy"></i> Achievements</h2>
-
<script src="bootstrap/js/bootstrap-collapse.js"></script>
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
-
<script src="bootstrap/js/bootstrap-carousel.js"></script>
+
<p><a class="btn" href="#">View details &raquo;</a></p>
-
<script src="bootstrap/js/bootstrap-typeahead.js"></script>
+
</div>
-
<script src="bootstrap/js/application.js"></script>
+
</ul>
-
 
+
<ul class="thumbnails">
-
 
+
<li class="span3">
-
</body>
+
<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 &raquo;</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 &raquo;</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

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"