Difference between revisions of "Template:TU Delft/Header"

Line 37: Line 37:
 
}
 
}
 
body { padding-top: 70px; }
 
body { padding-top: 70px; }
 +
 
.carousel-inner > .item > img,
 
.carousel-inner > .item > img,
 
   .carousel-inner > .item > a > img {
 
   .carousel-inner > .item > a > img {
Line 66: Line 67:
 
</nav>
 
</nav>
 
</header>
 
</header>
 +
 
<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>
 +
    <li data-target="#myCarousel" data-slide-to="3"></li>
 +
  </ol>
  
−
<div class="container">
+
   <!-- Wrapper for slides -->
−
   <br>
+
  <div class="carousel-inner" role="listbox">
−
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
+
    <div class="item active">
−
    <!-- Indicators -->
+
       <img src="https://2015.igem.org/File:TU_Delft_Banner_Team1.jpg" alt="Team>
−
    <ol class="carousel-indicators">
+
     </div>
−
      <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>
+
−
     </ol>
+
  
−
    <!-- Wrapper for slides -->
+
     <div class="item">
−
     <div class="carousel-inner" role="listbox">
+
       <img src="img_chania2.jpg" alt="Chania">
−
 
+
    </div>
−
       <div class="item active">
+
−
        <img src="https://www.facebook.com/profile.php?id=588074280" alt="Team" width="460" height="345">
+
−
        <div class="carousel-caption">
+
−
          <h3>Chania</h3>
+
−
          <p>The atmosphere in Chania has a touch of Florence and Venice.</p>
+
−
        </div>
+
−
      </div>
+
  
−
      <div class="item">
+
    <div class="item">
−
        <img src="img_chania2.jpg" alt="Chania" width="460" height="345">
+
       <img src="img_flower.jpg" alt="Flower">
−
        <div class="carousel-caption">
+
−
          <h3>Chania</h3>
+
−
          <p>The atmosphere in Chania has a touch of Florence and Venice.</p>
+
−
        </div>
+
−
       </div>
+
−
   
+
−
      <div class="item">
+
−
        <img src="img_flower.jpg" alt="Flower" width="460" height="345">
+
−
        <div class="carousel-caption">
+
−
          <h3>Flowers</h3>
+
−
          <p>Beatiful flowers in Kolymbari, Crete.</p>
+
−
        </div>
+
−
      </div>
+
−
 
+
−
      <div class="item">
+
−
        <img src="img_flower2.jpg" alt="Flower" width="460" height="345">
+
−
        <div class="carousel-caption">
+
−
          <h3>Flowers</h3>
+
−
          <p>Beatiful flowers in Kolymbari, Crete.</p>
+
−
        </div>
+
−
      </div>
+
−
 
+
 
     </div>
 
     </div>
  
−
     <!-- Left and right controls -->
+
     <div class="item">
−
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
+
       <img src="img_flower2.jpg" alt="Flower">
−
       <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+
     </div>
−
      <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>
 
   </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>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 11:43, 9 July 2015