Difference between revisions of "Team:Lethbridge HS"

Line 14: Line 14:
 
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
<style>
 
<style>
  
Line 40: Line 43:
  
  
−
 
+
.carousel-inner {height: 500px;}
 
</style>
 
</style>
  
Line 46: Line 49:
  
 
<body>
 
<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">
 +
      <div class="item active">
 +
        <img src="https://static.igem.org/mediawiki/2017/1/13/T--Lethbridge_HS--attributions.jpeg" alt="Los Angeles">
 +
        <div class="carousel-caption">
 +
        <h3>Los Angeles</h3>
 +
        <p>LA is always so much fun!</p>
 +
      </div>
 +
      </div>
 +
 +
      <div class="item">
 +
        <img src="https://static.igem.org/mediawiki/2017/d/db/T--Lethbridge_HS--Teamcover2.jpg" alt="Chicago">
 +
        <div class="carousel-caption">
 +
        <h1>Lethbridge High School iGEM</h1>
 +
        <p>LA is always so much fun!</p>
 +
      </div>
 +
      </div>
 +
 +
      <div class="item">
 +
        <img src="https://static.igem.org/mediawiki/2017/1/13/T--Lethbridge_HS--attributions.jpeg" alt="New York">
 +
        <div class="carousel-caption">
 +
        <h3>Los Angeles</h3>
 +
        <p>LA is always so much fun!</p>
 +
      </div>
 +
      </div>
 +
    </div>
 +
<div>
 +
    <!-- Left and right controls -->
 +
    <a class="left carousel-control" href="#myCarousel" data-slide="prev">
 +
      <span class="glyphicon glyphicon-chevron-left"></span>
 +
      <span class="sr-only">Previous</span>
 +
    </a>
 +
    <a class="right carousel-control" href="#myCarousel" data-slide="next">
 +
      <span class="glyphicon glyphicon-chevron-right"></span>
 +
      <span class="sr-only">Next</span>
 +
    </a>
 +
  </div>
  
 
<div class="jumbotron" style="background-image: url(https://static.igem.org/mediawiki/2017/9/9e/T--Lethbridge_HS--homepage.jpg);text-align:center;  
 
<div class="jumbotron" style="background-image: url(https://static.igem.org/mediawiki/2017/9/9e/T--Lethbridge_HS--homepage.jpg);text-align:center;  
Line 152: Line 199:
  
  
−
 
+
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
 +
  <script src="js/bootstrap.min.js"></script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 15:04, 8 October 2017