|
|
| Line 7: |
Line 7: |
| | <head> | | <head> |
| | <style> | | <style> |
| − | div.jumbotron.carousel-hero {
| |
| − | color:#fff;
| |
| − | text-align:center;
| |
| − | background-size:cover;
| |
| − | background-position:center;
| |
| − | padding-top:100px;
| |
| − | padding-bottom:100px;
| |
| − | margin-bottom:0;
| |
| − | }
| |
| | | | |
| − | div.jumbotron.hero-nature {
| |
| − | background-image:url(https://static.igem.org/mediawiki/2017/5/5b/T--TP-CC_San_Diego--HumanPracticesHomePage.jpg);
| |
| − | }
| |
| − |
| |
| − | div.jumbotron.hero-photography {
| |
| − | background-image:url(https://static.igem.org/mediawiki/2017/9/9c/T--TP-CC_San_Diego--StartingATeam.jpg);
| |
| − | }
| |
| − |
| |
| − | div.jumbotron.hero-technology {
| |
| − | background-image:url(https://static.igem.org/mediawiki/2017/0/0d/T--TP-CC_San_Diego--BasicTeamStructure.jpg);
| |
| − | }
| |
| − |
| |
| − | h1.hero-title, h2.hero-title, h3.hero-title {
| |
| − | text-shadow:0 3px 3px rgba(0,0,0,0.4);
| |
| − | color:#fff;
| |
| − | }
| |
| − |
| |
| − | p.hero-subtitle {
| |
| − | max-width:600px;
| |
| − | margin:25px auto;
| |
| − | padding:10px 15px;
| |
| − | color:#fff;
| |
| − | }
| |
| | </style> | | </style> |
| | </head> | | </head> |
| | <body> | | <body> |
| − | <div class="carousel slide" data-ride="carousel" id="carousel-1">
| + | <img src = "https://2017.igem.org/File:T--TP-CC_San_Diego--HumanPracticesHomePage.jpg"> |
| − | <div class="carousel-inner" role="listbox" style="height:550px;">
| + | |
| − | <div class="item" style="height:550px;">
| + | |
| − | <div class="jumbotron hero-nature carousel-hero" style="height:550px;">
| + | |
| − | <h1 class="hero-title"> </h1>
| + | |
| − | <p class="hero-subtitle"> </p>
| + | |
| − | <p></p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="item active" style="height:550px;">
| + | |
| − | <div class="jumbotron hero-photography carousel-hero" style="height:550px;">
| + | |
| − | <h1 class="hero-title"> </h1>
| + | |
| − | <p class="hero-subtitle"> </p>
| + | |
| − | <p></p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="item" style="height:550px;">
| + | |
| − | <div class="jumbotron hero-technology carousel-hero" style="height:550px;">
| + | |
| − | <h1 class="hero-title"> </h1>
| + | |
| − | <p class="hero-subtitle"> </p>
| + | |
| − | <p></p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div><a class="left carousel-control" href="#carousel-1" role="button" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i><span class="sr-only">Previous</span></a>
| + | |
| − | <a class="right carousel-control" href="#carousel-1" role="button" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i><span class="sr-only">Next</span></a>
| + | |
| − | </div>
| + | |
| − | <ol class="carousel-indicators">
| + | |
| − | <li data-target="#carousel-1" data-slide-to="0"></li>
| + | |
| − | <li data-target="#carousel-1" data-slide-to="1" class="active"></li>
| + | |
| − | <li data-target="#carousel-1" data-slide-to="2"></li>
| + | |
| − | </ol>
| + | |
| − | </div>
| + | |
| | </body> | | </body> |
| | </html> | | </html> |
