Difference between revisions of "Team:ETH Zurich/Team"

Line 8: Line 8:
 
   <div class="container">
 
   <div class="container">
  
     <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+
     <div class="carousel fade-carousel slide" data-ride="carousel" data-interval="4000" id="bs-carousel">
      <!-- Indicators -->
+
  <!-- Overlay -->
      <ol class="carousel-indicators">
+
  <div class="overlay"></div>
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
      </ol>
+
  
      <!-- Wrapper for slides -->
+
  <!-- Indicators -->
      <div class="carousel-inner">
+
  <ol class="carousel-indicators">
        <div class="item active">
+
    <li data-target="#bs-carousel" data-slide-to="0" class="active"></li>
          <img src="http://placehold.it/800x400" alt="...">
+
    <li data-target="#bs-carousel" data-slide-to="1"></li>
          <div class="carousel-caption">
+
    <li data-target="#bs-carousel" data-slide-to="2"></li>
             <h2>Heading</h2>
+
  </ol>
          </div>
+
 
         </div>
+
  <!-- Wrapper for slides -->
         <div class="item">
+
  <div class="carousel-inner">
          <img src="http://placehold.it/800x400" alt="...">
+
    <div class="item slides active">
          <div class="carousel-caption">
+
      <div class="slide-1"></div>
             <h2>Heading</h2>
+
      <div class="hero">
          </div>
+
        <hgroup>
         </div>
+
             <h1>We are creative</h1>      
         <div class="item">
+
            <h3>Get start your next awesome project</h3>
          <img src="http://placehold.it/800x400" alt="...">
+
         </hgroup>
          <div class="carousel-caption">
+
         <button class="btn btn-hero btn-lg" role="button">See all features</button>
             <h2>Heading</h2>
+
      </div>
          </div>
+
    </div>
         </div>
+
    <div class="item slides">
 +
      <div class="slide-2"></div>
 +
      <div class="hero">       
 +
        <hgroup>
 +
             <h1>We are smart</h1>      
 +
            <h3>Get start your next awesome project</h3>
 +
         </hgroup>      
 +
         <button class="btn btn-hero btn-lg" role="button">See all features</button>
 +
      </div>
 +
    </div>
 +
    <div class="item slides">
 +
      <div class="slide-3"></div>
 +
      <div class="hero">       
 +
        <hgroup>
 +
             <h1>We are amazing</h1>      
 +
            <h3>Get start your next awesome project</h3>
 +
         </hgroup>
 +
        <button class="btn btn-hero btn-lg" role="button">See all features</button>
 
       </div>
 
       </div>
 
      <!-- Controls -->
 
      <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
 
        <span class="glyphicon glyphicon-chevron-left"></span>
 
      </a>
 
      <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
 
        <span class="glyphicon glyphicon-chevron-right"></span>
 
      </a>
 
 
     </div>
 
     </div>
 +
  </div>
 +
</div>
  
 
   </div>
 
   </div>

Revision as of 18:52, 18 August 2017