|
|
| (5 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | [[Media:TUDelft_glyphicons-halflings-regular.eot]]
| |
| | <html> | | <html> |
| | <head> | | <head> |
| − |
| |
| − | <link rel="stylesheet" href="https://2015.igem.org/Template:TU_Delft/bootstrap.min.css?action=raw&ctype=text/css" type="text/css">
| |
| − | <script type="text/javascript" src="https://2015.igem.org/Template:TU_Delft/bootstrap.min.js?action=raw&ctype=text/javascript"></script>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − |
| |
| | <style type="text/css"> | | <style type="text/css"> |
| | #contentSub, #footer-box, #catlinks, #search-controls, | | #contentSub, #footer-box, #catlinks, #search-controls, |
| Line 42: |
Line 36: |
| | body { padding-top: 65px; } | | body { padding-top: 65px; } |
| | | | |
| − | .carousel-inner > .item > img,
| + | </style> |
| − | .carousel-inner > .item > a > img {
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| | | | |
| − | .slider-size { | + | <link rel="stylesheet" href="https://2015.igem.org/Template:TU_Delft/bootstrap.min.css?action=raw&ctype=text/css" type="text/css"> |
| − | height: 400px; /* This is your slider height */
| + | <link rel="stylesheet" href="https://2015.igem.org/Template:TU_Delft/stylesheet.css?action=raw&ctype=text/css" type="text/css"> |
| − | }
| + | <script type="text/javascript" src="https://2015.igem.org/Template:TU_Delft/bootstrap.min.js?action=raw&ctype=text/javascript"></script> |
| − | .carousel { | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| − | width:100%;
| + | |
| − | margin:0 auto; /* center your carousel if other than 100% */
| + | |
| − | }
| + | |
| − | | + | |
| − | </style> | + | |
| | </head> | | </head> |
| | | | |
| Line 81: |
Line 66: |
| | </header> | | </header> |
| | | | |
| − | <body>
| |
| − | <div id="myCarousel" class="carousel slide" data-ride="carousel">
| |
| − | <!-- 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>
| |
| − | </ol>
| |
| − |
| |
| − | <!-- Wrapper for slides -->
| |
| − | <div class="carousel-inner" role="listbox">
| |
| − | <div class="item active">
| |
| − | <div style="background:url(https://static.igem.org/mediawiki/2015/8/8b/TU_Delft_Banner_Team1.jpg) center center;
| |
| − | background-size:cover;" class="slider-size">
| |
| − | <div class="carousel-caption">
| |
| − | <h3>TU Delft iGEM Team</h3>
| |
| − | <p></p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <div style="background:url(https://static.igem.org/mediawiki/2015/6/6e/TU_Delft_Printer.JPG) center center;
| |
| − | background-size:cover;" class="slider-size">
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="item">
| |
| − | <img src="https://static.igem.org/mediawiki/2015/c/c0/TU_Delft_Team2.JPG" alt="Team2">
| |
| − | </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>
| |
| − | </body>
| |
| | </html> | | </html> |