Team:NTNU Trondheim/Test

From 2012.igem.org

(Difference between revisions)
 
(100 intermediate revisions not shown)
Line 1: Line 1:
-
<html lang="en"> <head>
+
{{:Team:NTNU_Trondheim/Test/Templates/Header}}
-
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<html>
-
  <style type="text/css">
+
<div class="container main-container" style="margin-top:220px;">
-
  #wpTextbox1{
 
-
  width:auto;
 
-
  }
 
-
h1, h2, h3, h4, h5, h6 {
+
<div class="row-fluid">
-
    color: black;
+
-
    background: none;
+
-
    font-weight: normal;
+
-
    margin: 0;
+
-
    padding-top: 0px;
+
-
    padding-bottom: 0px;
+
-
    border-bottom: 0px;
+
-
}
+
-
  #top-section {
+
<div class="span9">
-
  width: 975px;
+
           
-
  height: 20px;
+
<!--            <div class="alert alert-success">-->
-
  background-color: #ffffff;
+
<!--                <button type="button" class="close" data-dismiss="alert">×</button>-->
-
  border: none;
+
<!--                <strong>Hi, there!</strong> Looking for a quick tour? Click me!-->
-
  }
+
<!--            </div>                              -->
-
 
+
-
  #menubar {
+
-
  font-size:13px;
+
-
  padding-top:5px;
+
-
  height:20px;
+
-
  }
+
-
  #p-logo {
+
<div id="myCarousel" class="carousel slide">
-
  display: none;}
+
<div class="carousel-inner">
-
 
+
              <div class="item active">
-
  #search-controls {
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="">
-
  display: none;}
+
                <div class="carousel-caption">
-
 
+
                  <h4>First Thumbnail label</h4>
-
  .right-menu li a, .right-menu li a:hover {
+
                  <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>
-
  color: #3c6b27;
+
                </div>
-
  background-color: transparent;
+
              </div>
-
  }
+
              <div class="item">
-
 
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-02.jpg" alt="">
-
  .firstHeading {
+
                <div class="carousel-caption">
-
    display: none;}
+
                  <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>
-
  #NTNULogo {
+
                </div>
-
  position: relative;
+
              </div>
-
  text-align:center;
+
              <div class="item">
-
  z-index:-1;
+
                <img src="http://twitter.github.com/bootstrap/assets/img/bootstrap-mdo-sfmoma-03.jpg" alt="">
-
  }
+
                <div class="carousel-caption">
-
 
+
    <h4>Third Thumbnail label</h4>
-
  #iGEMLogo {
+
                <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>
-
  position:absolute;
+
                </div>
-
  top:80px;
+
              </div>
-
  left:15px;
+
            </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>
-
  #ImperialLogo {
+
</div>
-
  position:absolute;
+
<div class="row-fluid">
-
  top:100px;
+
<ul class="thumbnails">
-
  left:790px;
+
<li class="span3">
-
  }
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
 
+
</li>
-
  body {
+
<div class="span3">
-
  background-color:#E9EEE9;
+
<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 &raquo;</a></p>
-
  #menucontainer {
+
</div>
-
  overflow:visible;
+
<li class="span3">
-
  position:relative;
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
  z-index:3;
+
</li>
-
  }
+
<div class="span3">
-
 
+
<h2><i class="icon-trophy"></i> Achievements</h2>
-
  #content {
+
<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>
-
  width: 975px;
+
</div>
-
  margin: 0 auto;
+
</ul>
-
  padding-top:1px;
+
<ul class="thumbnails">
-
  padding-left:0px;
+
<li class="span3">
-
  padding-right:0px;
+
<a class="thumbnail" href="#"><img alt="" src="http://placehold.it/260x180"></a>
-
  padding-bottom:0px;
+
</li>
-
  background: #ffffff;
+
<div class="span3">
-
  color: black;
+
<h2><i class="icon-beaker"></i> Experiments</h2>
-
  border: none;
+
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo. </p>
-
  line-height: 1.5em;
+
<p><a class="btn" href="#">View details &raquo;</a></p>
-
  z-index: 2;
+
</div>
-
  }
+
<li class="span3">
-
 
+
<a class="thumbnail" href="#"><img alt="" src="http://folk.ntnu.no/oyas/igem3/img/matchmaker_thumbnail.png"></a>
-
  #contentSub {
+
</li>
-
  margin: 0 0 0 0;
+
<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>
-
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
<p><a class="btn" href="#">Read more &raquo;</a></p>
-
  margin-bottom: 0;
+
</div>
-
  }
+
-
 
+
-
  .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 ">
+
-
  <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>
</ul>
-
  </div>
 
</div>
</div>
-
  </div>
+
</div> <!-- /span9 -->
-
</div>  
+
-
 
+
<div class="span3 well well-small visible-desktop" style="background-color: #ffffff;">
-
<div class="hero-unit">
+
<p style="text-align: center;">Countdown to the <a href="https://2012.igem.org/Regions/Europe/Jamboree" target="_blank">European jamboree</a>:
-
<h1>Hi, there!</h1>
+
<div id="jamboreeCountdown"></div><br /><br /><br/>
-
<p>Welcome to the Wiki of the 2012 iGem team from NTNU!</p>
+
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
-
<p><a class="btn btn-primary btn-large" href="#">Click me &raquo;</a></p>
+
<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>
+
</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 class="row">
+
</div> <!-- /span3 -->
-
<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 class="span10">
+
-
<h2>Blåbær</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>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
    <!-- 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>
+
-
 
+
-
 
+
-
</body>
+
</html>
</html>
 +
{{:Team:NTNU_Trondheim/Test/Templates/Footer}}

Latest revision as of 15:30, 17 September 2012

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"