Difference between revisions of "Team:TP-CC San Diego/HumanPractices"

Line 5: Line 5:
  
 
<html>
 
<html>
 +
<head>
 +
<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>
 +
</head>
 
<body>
 
<body>
 
     <div class="carousel slide" data-ride="carousel" id="carousel-1">
 
     <div class="carousel slide" data-ride="carousel" id="carousel-1">
−
         <div class="carousel-inner" role="listbox">
+
         <div class="carousel-inner" role="listbox" style="height:550px;">
−
             <div class="item"><img src="https://static.igem.org/mediawiki/2017/5/5b/T--TP-CC_San_Diego--HumanPracticesHomePage.jpg" alt="Slide Image" height="600" style="background-image:url(&quot;/T--TP-CC_San_Diego--HumanPracticesHomePage.jpg&quot;);"></div>
+
             <div class="item" style="height:550px;">
−
             <div class="item"><img src="https://static.igem.org/mediawiki/2017/9/9c/T--TP-CC_San_Diego--StartingATeam.jpg" alt="Slide Image" height="600"></div>
+
                <div class="jumbotron hero-nature carousel-hero" style="height:550px;">
−
             <div class="item active"><img src="https://static.igem.org/mediawiki/2017/6/68/T--TP-CC_San_Diego--ChoosingAProjectIdea.jpg" alt="Slide Image" height="600"></div>
+
                    <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>
 
         <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>
 
         <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>
Line 17: Line 72:
 
         <ol class="carousel-indicators">
 
         <ol class="carousel-indicators">
 
             <li data-target="#carousel-1" data-slide-to="0"></li>
 
             <li data-target="#carousel-1" data-slide-to="0"></li>
−
             <li data-target="#carousel-1" data-slide-to="1"></li>
+
             <li data-target="#carousel-1" data-slide-to="1" class="active"></li>
−
             <li data-target="#carousel-1" data-slide-to="2" class="active"></li>
+
             <li data-target="#carousel-1" data-slide-to="2"></li>
 
         </ol>
 
         </ol>
 
     </div>
 
     </div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 07:50, 22 September 2017