|
|
| 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}}
| |
| − | <html>
| |
| − | <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 class="container">
| |
| − | <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="4000" data-pause="hover">
| |
| − | <!-- Indicators -->
| |
| − | <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>
| |
| − | <li data-target="#myCarousel" data-slide-to="3"></li>
| |
| − | <li data-target="#myCarousel" data-slide-to="4"></li>
| |
| − | <li data-target="#myCarousel" data-slide-to="5"></li>
| |
| − | <li data-target="#myCarousel" data-slide-to="6"></li>
| |
| − | </ol>
| |
| − |
| |
| − |
| |
| − | <!-- Wrapper for slides -->
| |
| − | <div class="carousel-inner" role="listbox">
| |
| − | <div class="item active">
| |
| − | <div style="background:url(https://static.igem.org/mediawiki/2015/f/fa/TUDELFT_slide_1.JPG) center center;
| |
| − | background-size:cover;" class="slider-size">
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <div style="background:url(https://static.igem.org/mediawiki/2015/3/3e/TUDELFT_slide_2.JPG) center center;
| |
| − | background-size:cover;" class="slider-size">
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <div style="background:url(https://static.igem.org/mediawiki/2015/f/fb/TUDELFT_slide_3.JPG) center center;
| |
| − | background-size:cover;" class="slider-size">
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <div style="background:url(https://static.igem.org/mediawiki/2015/d/d2/TUDELFT_slide_4.JPG) center center;
| |
| − | background-size:cover;" class="slider-size">
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <div style="background:url(https://static.igem.org/mediawiki/2015/6/6e/TUDELFT_slide_5.JPG) center center;
| |
| − | background-size:cover;" class="slider-size">
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <div style="background:url(https://static.igem.org/mediawiki/2015/b/bc/TUDELFT_slide_6.JPG) center center;
| |
| − | background-size:cover;" class="slider-size">
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <div style="background:url(https://static.igem.org/mediawiki/2015/9/9d/TUDELFT_slide_7.JPG
| |
| − | ) center center;
| |
| − | background-size:cover;" class="slider-size">
| |
| − | </div>
| |
| − | </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>
| |