Difference between revisions of "Team:TU Delft/Home"

 
(37 intermediate revisions by 3 users not shown)
Line 29: Line 29:
 
</style>
 
</style>
 
<body>
 
<body>
<div class="container">
+
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="20000" data-pause="hover">
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="4000" data-pause="hover">
+
 
   <!-- Indicators -->
 
   <!-- Indicators -->
   <ol class="carousel-indicators">
+
   <ol class="carousel-indicators" style="margin-left:0px; width:100%; left:0%">
 
     <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 
     <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="1"></li>
 
     <li data-target="#myCarousel" data-slide-to="2"></li>
 
     <li data-target="#myCarousel" data-slide-to="2"></li>
 +
<li data-target="#myCarousel" data-slide-to="3"></li>
 +
<li data-target="#myCarousel" data-slide-to="4"></li>
 
   </ol>
 
   </ol>
  
Line 41: Line 42:
 
   <div class="carousel-inner" role="listbox">
 
   <div class="carousel-inner" role="listbox">
 
     <div class="item active">
 
     <div class="item active">
<div style="background:url(https://static.igem.org/mediawiki/2015/f/fa/TUDELFT_slide_1.JPG) center center;
+
<img class="first-slide" src="https://static.igem.org/mediawiki/2015/b/b5/TU_Delft_banner_v7.png" alt="First slide" style="height:450px;">
          background-size:cover;" class="slider-size">
+
  <!--
 
           <div class="carousel-caption">
 
           <div class="carousel-caption">
           <h3>TU Delft iGEM Team</h3>
+
           <h3></h3>
 
           <p></p>
 
           <p></p>
 
         </div>
 
         </div>
</div>
+
-->
 
     </div>
 
     </div>
  
 
     <div class="item">
 
     <div class="item">
<div style="background:url(https://static.igem.org/mediawiki/2015/f/fa/TUDELFT_slide_1.JPG) center center;  
+
<img class="second-slide" src="https://static.igem.org/mediawiki/2015/0/05/TU_Delft_bannerA1.png" alt="Second slide" style="height:450px;">
 +
  <!--
 +
<div style="background:url(https://static.igem.org/mediawiki/2015/0/05/TU_Delft_bannerA1.png) center center;  
 
           background-size:cover;" class="slider-size">
 
           background-size:cover;" class="slider-size">
 
</div>
 
</div>
 +
-->
 
     </div>
 
     </div>
  
 
     <div class="item">
 
     <div class="item">
<div style="background:url(https://static.igem.org/mediawiki/2015/f/fa/TUDELFT_slide_1.JPG) center center;
+
<img class="third-slide" src="https://static.igem.org/mediawiki/2015/b/b8/TU_Delft_bannerB1.png" alt="Third slide" style="height:450px;">
          background-size:cover;" class="slider-size">
+
 
</div>
+
 
     </div>
 
     </div>
 +
 +
        <div class="item">
 +
<img class="fourth-slide" src="https://static.igem.org/mediawiki/2015/e/e0/TU_Delft_bannerC1.png" alt="Fourth slide" style="height:450px;">
 +
 +
    </div>
 +
 +
        <div class="item">
 +
<img class="fifth-slide" src="https://static.igem.org/mediawiki/2015/a/ad/TU_Delft_bannerD2.png" alt="Fifth slide" style="height:450px;">
 +
 +
    </div>
 +
 
   </div>
 
   </div>
  
Line 75: Line 89:
 
<a class="glyphicon glyphicon-chevron-down page-scroll" href="#about" role="button">
 
<a class="glyphicon glyphicon-chevron-down page-scroll" href="#about" role="button">
 
</a>
 
</a>
 +
 +
 +
<div class="container marketing">
 +
<hr class="featurette-divider" id="about">
 +
      <div class="row featurette" >
 +
        <div class="col-md-7 col-md-push-5">
 +
          <h2 class="featurette-heading">Welcome! <span class="text-muted">This is the TU Delft 2015 iGEM Team Wiki!</span></h2>
 +
          <p class="lead">For the moment, our website is under construction.</p>
 +
        </div>
 +
<!--
 +
        <div class="col-md-5 col-md-pull-7">
 +
          <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
 +
        </div>
 +
-->
 +
      </div>
 +
      <hr class="featurette-divider">
 +
 +
      <div class="row featurette">
 +
        <div class="col-md-7">
 +
          <h2 class="featurette-heading">Check out our Team page!<span class="text-muted"></span></h2>
 +
          <p class="lead"></p>
 +
        </div>
 +
        <div class="col-md-5">
 +
<a href="https://2015.igem.org/Team:TU_Delft/Team">
 +
<img class="featurette-image img-responsive center-block img-circle" src="https://static.igem.org/mediawiki/2015/c/c0/TU_Delft_Team2.JPG" alt="Generic placeholder image" style="width:400px"></a>
 +
        </div>
 +
      </div>
 +
 +
      <hr class="featurette-divider">
 +
<div class="row featurette">
 +
        <div class="col-md-7 col-md-push-5">
 +
          <h2 class="featurette-heading">Our sponsoring brochure. <span class="text-muted"></span></h2>
 +
          <p class="lead">Check it out.</p>
 +
        </div>
 +
        <div class="col-md-5 col-md-pull-7">
 +
<a class="btn btn-info btn-block" href="https://static.igem.org/mediawiki/2015/6/62/TU_Delft_2015_iGEM_Brochure.pdf" role="button">Brochure</a>
 +
        </div>
 +
      </div>
 +
    <hr class="featurette-divider">
 +
 +
      <div class="row featurette">
 +
        <div class="col-md-7">
 +
          <h2 class="featurette-heading">The international Genetically Engineered Machine. <span class="text-muted">iGEM </span></h2>
 +
          <p class="lead text-justify">The largest synthetic biology competition for collegiate students. It aims to combine and create novel biological (genetic) parts, which can be incorporated in an organism, thereby equipping it with new functions. See what iGEM is about at: <a href="https://igem.org/Main_Page">igem.org</a></p>
 +
        </div>
 +
        <div class="col-md-5">
 +
          <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
 +
        </div>
 +
      </div>
 +
    <hr class="featurette-divider">
 +
 
</div>
 
</div>
 +
</body>
 +
<script>
 +
// jQuery for page scrolling feature - requires jQuery Easing plugin
 +
$(function() {
 +
    $('a.page-scroll').bind('click', function(event) {
 +
        var $anchor = $(this);
 +
        $('html, body').stop().animate({
 +
            scrollTop: $($anchor.attr('href')).offset().top
 +
        }, 1500, 'easeInOutExpo');
 +
        event.preventDefault();
 +
    });
 +
});
 +
 +
</script>
 +
</html>
 +
<html><script>initiateNavigation("home");</script></html>
 +
{{:Team:TU_Delft/Footer}}

Latest revision as of 19:58, 16 September 2015



Welcome! This is the TU Delft 2015 iGEM Team Wiki!

For the moment, our website is under construction.


Check out our Team page!


Our sponsoring brochure.

Check it out.


The international Genetically Engineered Machine. iGEM

The largest synthetic biology competition for collegiate students. It aims to combine and create novel biological (genetic) parts, which can be incorporated in an organism, thereby equipping it with new functions. See what iGEM is about at: igem.org

Generic placeholder image