|
|
| Line 3: |
Line 3: |
| | | | |
| | <link rel="stylesheet" href="https://2015.igem.org/Template:TU_Delft/bootstrap.min.css?action=raw&ctype=text/css" type="text/css"> | | <link rel="stylesheet" href="https://2015.igem.org/Template:TU_Delft/bootstrap.min.css?action=raw&ctype=text/css" type="text/css"> |
| | + | <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> | | <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"> | | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| Line 40: |
Line 41: |
| | | | |
| | body { padding-top: 65px; } | | body { padding-top: 65px; } |
| − |
| |
| − | .carousel-inner > .item > img,
| |
| − | .carousel-inner > .item > a > img {
| |
| − | width: 100%;
| |
| − | height: 100%;
| |
| − | }
| |
| − |
| |
| − | .slider-size {
| |
| − | height: 400px; /* This is your slider height */
| |
| − | }
| |
| − | .carousel {
| |
| − | width:100%;
| |
| − | margin:0 auto; /* center your carousel if other than 100% */
| |
| − | }
| |
| | | | |
| | </style> | | </style> |
| Line 80: |
Line 67: |
| | </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>
| |
| − | </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">
| |
| − | <div style="background:url(https://static.igem.org/mediawiki/2015/c/c0/TU_Delft_Team2.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>
| |
| − | </body>
| |
| | </html> | | </html> |