Team:NTNU Trondheim/Test

From 2012.igem.org

(Difference between revisions)
 
(99 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">
+
-
</head>
+
-
<body>
 
-
<!-- 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="hero-unit">
+
<div class="span9">
-
<h1>Hi, there!</h1>
+
           
-
<p>Welcome to the Wiki of the 2012 iGem team from NTNU!</p>
+
<!--            <div class="alert alert-success">-->
-
<p><a class="btn btn-primary btn-large" href="#">Click me &raquo;</a></p>
+
<!--                <button type="button" class="close" data-dismiss="alert">×</button>-->
-
</div>
+
<!--                <strong>Hi, there!</strong> Looking for a quick tour? Click me!-->
-
<div class="row">
+
<!--            </div>                             -->
-
<div class="span6">
+
-
<h2>Banan</h2>
+
-
<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>
+
-
<p><a class="btn" href="#">Finn kompendier &raquo;</a></p>
+
-
</div>
+
-
<div class="span4">
+
-
<h2>Eple</h2>
+
-
<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>
+
-
<p><a class="btn" href="./faglig.html">Les mer om LaTeX &raquo;</a></p>
+
-
</div>
+
-
</div>
+
-
<div class="row">
+
<div id="myCarousel" class="carousel slide">
-
<div class="span10">
+
<div class="carousel-inner">
-
<h2>Blåbær</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="#">Finn kompendier &raquo;</a></p>
+
                <div class="carousel-caption">
-
</div>
+
                  <h4>First Thumbnail label</h4>
-
</div>
+
                  <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>
-
<footer class="footer">
+
              </div>
-
<p class="pull-right"><a href="#">Til toppen</a></p>
+
              <div class="item">
-
<p>Designed and built with <a href="http://www.mediawiki.org">MediaWiki</a>, <a href="http://jquery.com/" target="_blank">jQuery</a> and <a href="http://twitter.github.com/bootstrap/" target="_blank">Twitter Bootstrap</a>.</p>
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt="">
-
<!--<p>Icons from <a href="http://glyphicons.com">Glyphicons Free</a>, licensed under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>-->
+
                <div class="carousel-caption">
-
</footer>
+
                  <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> <!--container-->
+
              </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>
-
<!-- Le javascript
+
                <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>
-
<!-- Placed at the end of the document so the pages load faster -->
+
              </div>
-
<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>
+
            </div>
-
<script src="bootstrap/js/jquery.js"></script>
+
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
-
<script src="bootstrap/js/prettify.js"></script>
+
            <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
-
<script src="bootstrap/js/bootstrap-transition.js"></script>
+
</div>
-
<script src="bootstrap/js/bootstrap-alert.js"></script>
+
<div class="row-fluid">
-
<script src="bootstrap/js/bootstrap-modal.js"></script>
+
<ul class="thumbnails">
-
<script src="bootstrap/js/bootstrap-dropdown.js"></script>
+
<li class="span3">
-
<script src="bootstrap/js/bootstrap-scrollspy.js"></script>
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
<script src="bootstrap/js/bootstrap-tab.js"></script>
+
</li>
-
<script src="bootstrap/js/bootstrap-tooltip.js"></script>
+
<div class="span3">
-
<script src="bootstrap/js/bootstrap-popover.js"></script>
+
<h2><i class="icon-info-sign"></i> Project</h2>
-
<script src="bootstrap/js/bootstrap-button.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-collapse.js"></script>
+
<p><a class="btn" href="#">View details &raquo;</a></p>
-
<script src="bootstrap/js/bootstrap-carousel.js"></script>
+
</div>
-
<script src="bootstrap/js/bootstrap-typeahead.js"></script>
+
<li class="span3">
-
<script src="bootstrap/js/application.js"></script>
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
 
+
</li>
-
 
+
<div class="span3">
-
</body>
+
<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 &raquo;</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 &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"