Difference between revisions of "Team:UChile Biotec/HP/Silver"

Line 6: Line 6:
 
<body>
 
<body>
  
 +
<div class="container">
 +
  <h2>Trip</h2> 
 +
  <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>
 +
      <li data-target="#myCarousel" data-slide-to="4"></li>
 +
      <li data-target="#myCarousel" data-slide-to="5"></li>
 +
      <li data-target="#myCarousel" data-slide-to="6"></li>
 +
    </ol>
  
<div class="col-lg-6">
+
    <!-- Wrapper for slides -->
<!-- Carousel -->
+
    <div class="carousel-inner">
    <div id="carousel-outreach" class="carousel slide" data-ride="carousel">
+
      <div class="item active">
<!-- Indicators -->
+
        <img src="https://static.igem.org/mediawiki/2017/b/b8/T--Uchile_Biotec--Surx.jpg" alt="Los Angeles" style="width:100%;">
<ol class="carousel-indicators">
+
      </div>
  <li data-target="#carousel-outreach" data-slide-to="0" class="active"></li>
+
    <li data-target="#carousel-outreach" data-slide-to="1"></li>
+
    <li data-target="#carousel-outreach" data-slide-to="2"></li>
+
                            <li data-target="#carousel-outreach" data-slide-to="3"></li>
+
    <li data-target="#carousel-outreach" data-slide-to="4"></li>
+
    <li data-target="#carousel-outreach" data-slide-to="5"></li>
+
                            <li data-target="#carousel-outreach" data-slide-to="6"></li>
+
    <li data-target="#carousel-outreach" data-slide-to="7"></li>
+
    <li data-target="#carousel-outreach" data-slide-to="9"></li>
+
</ol>
+
<!-- Wrapper for slides -->
+
<div class="carousel-inner">
+
    <div class="item active">
+
    <img src="https://static.igem.org/mediawiki/2017/5/58/T--Uchile_Biotec--Sur-h.jpg" alt="First slide">
+
                   
+
    </div>
+
    <div class="item">
+
    <img src="https://static.igem.org/mediawiki/2017/1/16/T--Uchile_Biotec--Sur-g.jpg" alt="Second slide">
+
   
+
    </div>
+
    <div class="item">
+
    <img src="https://static.igem.org/mediawiki/2017/7/75/T--Uchile_Biotec--Sur-f.jpg" alt="Third slide">
+
    </div>
+
<div class="item">
+
    <img src="https://static.igem.org/mediawiki/2017/6/62/T--Uchile_Biotec--Sur_e.jpg" alt="Fourth slide">
+
    </div>
+
<div class="item">
+
    <img src="https://static.igem.org/mediawiki/2017/a/a3/T--Uchile_Biotec--Sur_a.jpg" alt="Fifth slide">
+
    </div>
+
<div class="item">
+
    <img src="https://static.igem.org/mediawiki/2017/d/dc/T--Uchile_Biotec--Surc.jpg" alt="Sixth slide">
+
    </div>
+
<div class="item">
+
    <img src="https://static.igem.org/mediawiki/2017/b/b8/T--Uchile_Biotec--Sur_d.jpg" alt="Seventh slide">
+
    </div>
+
<div class="item">
+
    <img src="https://static.igem.org/mediawiki/2017/d/db/T--Uchile_Biotec--Surb.jpg" alt="Eighth slide">
+
    </div>
+
<div class="item">
+
    <img src="https://static.igem.org/mediawiki/2017/3/3c/T--Uchile_Biotec--Surp.jpg" alt="Ninth slide">
+
    </div>
+
<div class="item">
+
    <img src="https://static.igem.org/mediawiki/2017/b/b8/T--Uchile_Biotec--Surx.jpg" alt="Tenth slide">
+
    </div>
+
 
+
</div>
+
<!-- Controls -->
+
<a class="left carousel-control" href="#carousel-outreach" data-slide="prev">
+
    <i class="fa fa-arrow-left fa-3x" aria-hidden="true"></i>
+
</a>
+
<a class="right carousel-control" href="#carousel-outreach" data-slide="next">
+
    <i class="fa fa-arrow-right fa-3x" aria-hidden="true"></i>
+
</a>
+
</div><!-- /carousel -->
+
</div>
+
</div>
+
 
+
</body>
+
  
 +
      <div class="item">
 +
        <img src="https://static.igem.org/mediawiki/2017/3/3c/T--Uchile_Biotec--Surp.jpg" alt="Chicago" style="width:100%;">
 +
      </div>
 +
   
 +
      <div class="item">
 +
        <img src="https://static.igem.org/mediawiki/2017/d/db/T--Uchile_Biotec--Surb.jpg" alt="New york" style="width:100%;">
 +
      </div>
 +
      <div class="item">
 +
        <img src="https://static.igem.org/mediawiki/2017/d/db/T--Uchile_Biotec--Surb.jpg" alt="New york" style="width:100%;">
 +
      </div>
 +
      <div class="item">
 +
        <img src="https://static.igem.org/mediawiki/2017/d/db/T--Uchile_Biotec--Surb.jpg" alt="New york" style="width:100%;">
 +
      </div>
 +
      <div class="item">
 +
        <img src="https://static.igem.org/mediawiki/2017/d/db/T--Uchile_Biotec--Surb.jpg" alt="New york" style="width:100%;">
 +
      </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>
 +
</head>
 
</html>
 
</html>

Revision as of 14:39, 29 October 2017