Team:NTU-Taida/test

From 2013.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
-
<div class="subnav">
+
<div class="container">
-
<ul class="nav nav-pills"style="margin-left:200px">
+
<!-- Masthead
-
<li><a href="#Slide">Slide Shows</a></li>
+
================================================== -->
-
<li><a href="#Team">Team</a></li>
+
<header class="jumbotron subhead" id="overview">
-
<li><a href="#Members">Members</a></li>
+
  <div class="row">
-
<li><a href="#Instructors">Instructors</a></li>
+
<div class="span2" style="background-image:url(img/panel-new2.png)">
-
</ul>
+
<img src="img/logo5.gif" width="250px" style="position:fixed; left:20px; top:52px; z-index:1101">
-
</div>
+
</div>
 +
<div class="span9 offset2" style="background-image:url(img/Panel-new3.png); background-repeat repeat-y;">
 +
<h1>NTU-Taida</h1>
 +
<p class="lead">A Quorum Sensing Device</p>
 +
</div>
 +
<div class="span1"></div>
 +
 +
 +
<div class="span9 offset1" >
 +
<!--<img src="img/library.jpg" class="img-rounded" style="opacity:0.99">
 +
<!--      <div class="bsa well">
 +
  <div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div>
 +
  </div> -->
 +
  <!--<div class="well" style="padding: 5px 5px 0 5px;">
 +
<a href="#" target="_blank">
 +
  <span style="float: left; margin: 0 15px 15px 0;">
 +
<img src="img/logo.gif" height="135" style="border-radius: 5px;">
 +
  </span>
 +
</a>
 +
<a href="#" target="_blank">
 +
  <h4 style="margin-bottom: 0.4em; color: #fff;">QQSER</h4>
 +
</a>
 +
<div style="clear:both"></div>
 +
  </div>-->
 +
</div>
 +
  </div>
 +
  <div class="subnav">
 +
<ul class="nav nav-pills"style="margin-left:200px">
 +
  <li><a href="#Slide">Slide Shows</a></li>
 +
  <li><a href="#Team">Team</a></li>
 +
  <li><a href="#Members">Members</a></li>
 +
  <li><a href="#Instructors">Instructors</a></li>
 +
</ul>
 +
  </div>
 +
</header>
 +
<div class="row">
 +
<div class="span2">
 +
 
 +
</div>
 +
 +
 +
<!--slide
 +
======================== -->
 +
<div class="span10">
 +
<section id="Slide" style="width:640px">
 +
<div class="page-header">
 +
<h1>Slide Shows</h1>
 +
</div>
 +
<div id="myCarousel" class="carousel slide">
 +
                <ol class="carousel-indicators">
 +
                  <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 +
                  <li data-target="#myCarousel" data-slide-to="1"></li>
 +
                  <li data-target="#myCarousel" data-slide-to="2"></li>
 +
                </ol>
 +
                <div class="carousel-inner">
 +
                  <div class="item active">
 +
                    <img src="img/penguins.jpg" width="640px" alt"">
 +
                    <div class="carousel-caption" >
 +
                      <h4>Penguins</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>
 +
                  <div class="item">
 +
                    <img src="img/Koala.jpg" width="640px" alt="">
 +
                    <div class="carousel-caption">
 +
                      <h4>Koala</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>
 +
                  <div class="item">
 +
                    <img src="img/Tulips.jpg" width="640px" alt="">
 +
                    <div class="carousel-caption">
 +
                      <h4>Tulips</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>
 +
                </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>
 +
             
 +
           
 +
</section>
 +
<!--Team
 +
========================= -->
 +
<section id="Team">
 +
<div class="page-header">
 +
<h1>Team</h1>
 +
</div>
 +
<h3>Our Team</h3>
 +
<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>
 +
<section id="Members">
 +
<div class="page-header">
 +
<h1>Members</h1>
 +
</div>
 +
<h3>Our Members</h3>
 +
<img src="img/NTU_logo.gif" width="20%" style="margin:10px;">
 +
<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>
 +
<section id="Instructors">
 +
<div class="page-header">
 +
<h1>Instructors</h1>
 +
 +
</div>
 +
<h3>Our Instructors</h3>
 +
<img src="img/6sNzo.gif">
 +
<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><!--span10-->
 +
</div><!--row-->
 +
</div><!--container-->
 +
 
 +
 
</body>
</body>
</html>
</html>
{{:Team:NTU-Taida/Templates/Footer}}
{{:Team:NTU-Taida/Templates/Footer}}

Revision as of 02:59, 29 July 2013

NTU-Taida

A Quorum Sensing Device

Slide Shows

Team

Our Team

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.

Members

Our Members

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.

Instructors

Our Instructors

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.

Retrieved from "http://2013.igem.org/Team:NTU-Taida/test"