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

(Created page with "{{:Team:TU_Delft/Header_Test}} <html> <!-- Page Title --> <div class="bghardware"></div> <div class="jumbotron" id="cover"> <h1>Home</h1> <p class="lead">Subtitle<...")
 
 
(45 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
<!-- For adding buttons on hover:
 +
<a class="btn btn-default" href="http://jsfiddle.net/Zf5am/565/" role="button">Link</a>
 +
.btn{
 +
position: absolute;
 +
    z-index: 1;
 +
}
 +
-->
 +
 
{{:Team:TU_Delft/Header_Test}}
 
{{:Team:TU_Delft/Header_Test}}
 
<html>
 
<html>
−
   <!-- Page Title -->
+
<style>
 +
.glyphicon.glyphicon-chevron-down {
 +
    font-size: 50px;
 +
width:100px;
 +
}
 +
 
 +
a.glyphicon.glyphicon-chevron-down.page-scroll:link, a.glyphicon.glyphicon-chevron-down.page-scroll:visited{
 +
color: #6B6B6B
 +
}
 +
 
 +
a.glyphicon.glyphicon-chevron-down.page-scroll:hover,
 +
a.glyphicon.glyphicon-chevron-down.page-scroll:focus {
 +
    text-decoration: none;
 +
    color: #3D3D3D;
 +
}
 +
body{
 +
padding-top:75px;
 +
}
 +
</style>
 +
<body>
 +
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="20000" data-pause="hover">
 +
   <!-- 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="1"></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>
 +
 
 +
  <!-- Wrapper for slides -->
 +
  <div class="carousel-inner" role="listbox">
 +
    <div class="item active">
 +
<img class="first-slide" src="https://static.igem.org/mediawiki/2015/b/b5/TU_Delft_banner_v7.png" alt="First slide" style="height:450px;">
 +
  <!--
 +
          <div class="carousel-caption">
 +
          <h3></h3>
 +
          <p></p>
 +
        </div>
 +
-->
 +
    </div>
 +
 
 +
    <div class="item">
 +
<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">
 +
</div>
 +
-->
 +
    </div>
 +
 
 +
    <div class="item">
 +
<img class="third-slide" src="https://static.igem.org/mediawiki/2015/b/b8/TU_Delft_bannerB1.png" alt="Third slide" style="height:450px;">
 +
 
 +
    </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 class="bghardware"></div>
 
−
  <div class="jumbotron" id="cover">
 
−
    <h1>Home</h1>
 
−
    <p class="lead">Subtitle</p>
 
 
   </div>
 
   </div>
 +
 +
  <!-- Left and right controls-->
 +
  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 +
    <span class="sr-only">Previous</span>
 +
  </a>
 +
  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 +
    <span class="sr-only">Next</span>
 +
  </a>
 +
</div>
 +
<a class="glyphicon glyphicon-chevron-down page-scroll" href="#about" role="button">
 +
</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>
 +
</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!

Generic placeholder image

Our sponsoring brochure.

Check it out.

Brochure

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

Contact Details

Address:

Faculty of Applied Sciences

Room F109

TU Delft

Lorentzweg 1

2628 CJ Delft

The Netherlands

Phone:

+31 15 278 18 62

Email:

tudelft.igem@gmail.com