Team:NTNU Trondheim/Test

From 2012.igem.org

(Difference between revisions)
 
(103 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:NTNU_Trondheim/Test/Templates/Header}}
<html>
<html>
-
<head>
+
<div class="container main-container" style="margin-top:220px;">
-
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
  <style type="text/css">
+
-
  #wpTextbox1{
 
-
  width:auto;
 
-
  }
 
-
  #top-section {
+
<div class="row-fluid">
-
  width: 975px;
+
-
  height: 20px;
+
-
  background-color: #ffffff;
+
-
  border: none;
+
-
  }
+
-
 
+
-
  #menubar {
+
-
  font-size:13px;
+
-
  padding-top:5px;
+
-
  height:20px;
+
-
  }
+
-
  #p-logo {
+
<div class="span9">
-
  display: none;}
+
           
 +
<!--            <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>                              -->
-
  #search-controls {
+
<div id="myCarousel" class="carousel slide">
-
  display: none;}
+
<div class="carousel-inner">
-
 
+
              <div class="item active">
-
  .right-menu li a, .right-menu li a:hover {
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="">
-
  color: #3c6b27;
+
                <div class="carousel-caption">
-
  background-color: transparent;
+
                  <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>
-
  .firstHeading {
+
              </div>
-
    display: none;}
+
              <div class="item">
-
 
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt="">
-
  #NTNULogo {
+
                <div class="carousel-caption">
-
  position: relative;
+
                  <h4>Second Thumbnail label</h4>
-
  text-align:center;
+
                  <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>
-
  z-index:-1;
+
                </div>
-
  }
+
              </div>
-
 
+
              <div class="item">
-
  #iGEMLogo {
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt="">
-
  position:absolute;
+
                <div class="carousel-caption">
-
  top:80px;
+
    <h4>Third Thumbnail label</h4>
-
  left:15px;
+
                <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>
-
  #ImperialLogo {
+
            </div>
-
  position:absolute;
+
            <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
-
  top:100px;
+
            <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
-
  left:790px;
+
</div>
-
  }
+
<div class="row-fluid">
-
 
+
<ul class="thumbnails">
-
  body {
+
<li class="span3">
-
  background-color:#E9EEE9;
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
  }
+
</li>
-
 
+
<div class="span3">
-
  #menucontainer {
+
<h2><i class="icon-info-sign"></i> Project</h2>
-
  overflow:visible;
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
-
  position:relative;
+
<p><a class="btn" href="#">View details &raquo;</a></p>
-
  z-index:3;
+
</div>
-
  }
+
<li class="span3">
-
 
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
  #content {
+
</li>
-
  position: relative;
+
<div class="span3">
-
  width: 975px;
+
<h2><i class="icon-trophy"></i> Achievements</h2>
-
  margin: 0 auto;
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
-
  padding-top:1px;
+
<p><a class="btn" href="#">View details &raquo;</a></p>
-
  padding-left:0px;
+
</div>
-
  padding-right:0px;
+
</ul>
-
  padding-bottom:0px;
+
<ul class="thumbnails">
-
  background: #ffffff;
+
<li class="span3">
-
  color: black;
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
  border: none;
+
</li>
-
  line-height: 1.5em;
+
<div class="span3">
-
  z-index: 2;
+
<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>
-
  #contentSub {
+
</div>
-
  margin: 0 0 0 0;
+
<li class="span3">
-
  }
+
<a class="thumbnail" href="#"><img alt="" src="http://folk.ntnu.no/oyas/igem3/img/matchmaker_thumbnail.png"></a>
-
 
+
</li>
-
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
<div class="span3">
-
  margin-bottom: 0;
+
<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>
-
  a {color:#93B825;}
+
</div>
-
  a:link {color:#93B825;}
+
-
  a:visited {color:#728F1D;}
+
-
  a:hover {color:#93B825;}
+
-
  a:active {color:#93B825;}
+
-
  a[name]:hover {text-decoration:none;}
+
-
 
+
-
  a.sitemap:link,a.sitemap:visited {color:#000000;font-decoration:none;}
+
-
  a.sitemap:hover,a.sitemap:active {color:#000000;font-decoration:underline;}
+
-
 
+
-
  .border {
+
-
  border:1px solid #B2B2B2;
+
-
  z-index:101;
+
-
  }
+
-
 
+
-
  .borderMagnify {
+
-
  border:1px solid #B2B2B2;
+
-
  z-index:101;
+
-
  margin-left:-9px;
+
-
  margin-right:9px;
+
-
  }
+
-
 
+
-
  .imgbox {
+
-
  margin:20px;
+
-
  padding:10px;
+
-
  border:1px solid black;
+
-
  text-align:center;
+
-
  }
+
-
 
+
-
  .vidbox {
+
-
  margin:20px;
+
-
  padding:10px;
+
-
  border:1px solid black;
+
-
  text-align:center;
+
-
  }
+
-
 
+
-
  .newouterbox {
+
-
  background-color:#FF944D;border:1px solid #CCCCCC;margin:20px;padding-bottom:0px;
+
-
  }
+
-
 
+
-
  .newinnerbox {
+
-
  border:1px solid #CCCCCC;margin:10px 20px 20px 20px;padding-top:0px;padding-bottom:13px;background-color:#ffffff;
+
-
  }
+
-
 
+
-
  .newtext {
+
-
  text-align:center;background-color:#FF944D;color:#000000;
+
-
  }
+
-
 
+
-
  ul.a {
+
-
  margin: 0 0 0 40px;
+
-
  list-style-image: none;
+
-
  list-style-type:disc;
+
-
  font-family: arial,sans-serif;
+
-
  color: #000000;
+
-
  background: #ffffff;
+
-
  font-weight: normal;
+
-
  font-size: 1em;
+
-
  line-height: 1.7em;
+
-
  text-align: justify;
+
-
  padding: 5px 20px 0px 20px;
+
-
  }
+
-
 
+
-
  ol.a {
+
-
  margin: 0 0 0 30px;
+
-
  list-style-position:inside;
+
-
  font-family: arial,sans-serif;
+
-
  color: #000000;
+
-
  background: #ffffff;
+
-
  font-weight: normal;
+
-
  font-size: 1em;
+
-
  line-height: 1.7em;
+
-
  text-align: justify;
+
-
  padding: 5px 20px 0px 20px;
+
-
  }
+
-
 
+
-
  iframe {
+
-
  padding: 10px 20px 10px 20px;
+
-
  }
+
-
 
+
-
  #BackToTop {
+
-
  position:fixed;
+
-
  bottom:0;
+
-
  right:0;
+
-
  }
+
-
 
+
-
  #Sitemap {
+
-
  position:fixed;
+
-
  bottom:0;
+
-
  left:0;
+
-
  }
+
-
 
+
-
  </style>
+
-
  <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">
+
-
  </head>
+
-
 
+
-
<body>
+
-
<!-- Navbar
+
-
================================================== -->
+
-
<div class="navbar navbar-fixed-top">
+
-
  <div class="navbar-inner">
+
-
<div class="container">
+
-
  <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
-
<span class="icon-bar"></span>
+
-
<span class="icon-bar"></span>
+
-
<span class="icon-bar"></span>
+
-
  </a>
+
-
  <a class="brand" href="http://folk.ntnu.no/oyas">folk.ntnu.no/oyas</a>
+
-
  <div class="nav-collapse">
+
-
<ul class="nav">
+
-
  <li class="active">
+
-
<a href="http://folk.ntnu.no/oyas/index.html"><i class="icon-home icon-white"></i> Hjem</a>
+
-
  </li>
+
-
  <li class="">
+
-
<a href="http://folk.ntnu.no/oyas/om.html"><i class="icon-info-sign"></i> Om</a>
+
-
  </li>
+
-
  <li class="">
+
-
<a href="http://folk.ntnu.no/oyas/faglig.html"><i class="icon-pencil"></i> Faglig</a>
+
-
  </li>
+
-
  <!--<li class="dropdown">
+
-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Faglig<b class="caret"></b></a>
+
-
<ul class="dropdown-menu">
+
-
<li class="nav-header">MTKJ</li>
+
-
<li><a href="#">1. klasse</a></li>
+
-
<li><a href="#">2. klasse</a></li>
+
-
<li><a href="#">3. klasse</a></li>
+
-
<li><a href="#">4. klasse</a></li>
+
-
<li class="divider"></li>
+
-
<li class="nav-header">Annet</li>
+
-
<li><a href="#">Andre emner</a></li>
+
-
<li><a href="#">LaTeX</a></li>
+
-
</ul>
+
-
  </li>-->
+
</ul>
</ul>
-
<form class="navbar-search pull-right" method="get" action="http://www.google.com/search" target="_blank">
 
-
  <input type="text" name="q" class="input-medium search-query" placeholder="Søk etter fag">
 
-
    <input type="hidden" name="q" value="site:folk.ntnu.no/oyas OR site:folk.ntnu.no/oyvindju OR site:folk.ntnu.no/einarjba OR site:folk.ntnu.no/askeland OR site:folk.ntnu.no/sonerud">
 
-
          </form>
 
-
  </div>
 
</div>
</div>
-
  </div>
+
</div> <!-- /span9 -->
-
</div>  
+
-
 
+
<div class="span3 well well-small visible-desktop" style="background-color: #ffffff;">
-
    <div class="container">
+
<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/>
-
    <!-- Row of columns -->
+
<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();
-
<div class="row">
+
</script><br/>
-
<div class="span6">
+
<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>
-
<h2>Kompendier</h2>
+
</div> <!-- /span3 -->
-
<p>Høiskolens Chemikerforening har nylig stiftet en kompendiumskomité, KomKom. Første kompendium, som selges for 100 kr på HC-kontoret, tar for seg uorganisk kjemi og er skrevet av Trond Brandvik. Det vil etter hvert komme kompendier i flere fag. I mellomtiden kan enkelte kompendier jeg har laget hentes gratis fra denne siden. Disse utgavene vil imidlertid ikke bli oppdatert.</p>
+
-
<p><a class="btn" href="#">Finn kompendier &raquo;</a></p>
+
-
</div>
+
-
        <div class="span6">
+
-
<h2>Innføring i LaTeX</h2>
+
-
<p>Jeg har holdt et lynkurs i LaTeX sammen med Kjetil Sonerud med fokus på skriving av labrapporter i organisk kjemi. Et hefte med kjapp innføring i LaTeX ble lagd i forbindelse med kurset og dette kan finnes ved å følge lenken under.</p>
+
-
<p><a class="btn" href="./faglig.html">Les mer om LaTeX &raquo;</a></p>
+
-
</div>
+
-
</div>
+
-
    -->
+
-
 
+
-
     
+
-
    <footer class="footer">
+
-
        <p class="pull-right"><a href="#">Til toppen</a></p>
+
-
        <p>Designet og bygget med <a href="http://php.net/" target="_blank">PHP</a>, <a href="http://jquery.com/" target="_blank">jQuery</a> og <a href="http://twitter.github.com/bootstrap/" target="_blank">Bootstrap</a> fra <a href="http://twitter.com" target="_blank">Twitter</a>.</p>
+
-
        <p>Ikoner fra <a href="http://glyphicons.com">Glyphicons Free</a>, lisensert under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
+
-
    </footer>
+
-
 
+
-
    </div><!-- /container -->
+
-
 
+
-
 
+
-
 
+
-
    <!-- Le javascript
+
-
    ================================================== -->
+
-
    <!-- Placed at the end of the document so the pages load faster -->
+
-
    <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>
+
-
    <script src="bootstrap/js/jquery.js"></script>
+
-
    <script src="bootstrap/js/prettify.js"></script>
+
-
    <script src="bootstrap/js/bootstrap-transition.js"></script>
+
-
    <script src="bootstrap/js/bootstrap-alert.js"></script>
+
-
    <script src="bootstrap/js/bootstrap-modal.js"></script>
+
-
    <script src="bootstrap/js/bootstrap-dropdown.js"></script>
+
-
    <script src="bootstrap/js/bootstrap-scrollspy.js"></script>
+
-
    <script src="bootstrap/js/bootstrap-tab.js"></script>
+
-
    <script src="bootstrap/js/bootstrap-tooltip.js"></script>
+
-
    <script src="bootstrap/js/bootstrap-popover.js"></script>
+
-
    <script src="bootstrap/js/bootstrap-button.js"></script>
+
-
    <script src="bootstrap/js/bootstrap-collapse.js"></script>
+
-
    <script src="bootstrap/js/bootstrap-carousel.js"></script>
+
-
    <script src="bootstrap/js/bootstrap-typeahead.js"></script>
+
-
    <script src="bootstrap/js/application.js"></script>
+
-
 
+
-
    <!-- Analytics
+
-
    ================================================== -->
+
-
    <script>
+
-
      var _gauges = _gauges || [];
+
-
      (function() {
+
-
        var t  = document.createElement('script');
+
-
        t.type  = 'text/javascript';
+
-
        t.async = true;
+
-
        t.id    = 'gauges-tracker';
+
-
        t.setAttribute('data-site-id', '4f0dc9fef5a1f55508000013');
+
-
        t.src = '//secure.gaug.es/track.js';
+
-
        var s = document.getElementsByTagName('script')[0];
+
-
        s.parentNode.insertBefore(t, s);
+
-
      })();
+
-
    </script>
+
-
 
+
-
 
+
-
 
+
-
</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"