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 > a > img {
 +
      width: 100%;
 +
      margin: auto;
 +
  }
 
</style>
 
</style>
 
</head>
 
</head>
Line 49: Line 54:
 
         <span class="icon-bar"></span>                         
 
         <span class="icon-bar"></span>                         
 
       </button>
 
       </button>
−
<a class="navbar-brand" href="https://2015.igem.org/Team:TU_Delft"><img style="height: 60px; margin-top: -15px;" src="https://static.igem.org/mediawiki/2015/a/ab/TU_Delft_logo2.gif" alt="Brand"></a>
+
<a class="navbar-brand" alt="Brand" href="https://2015.igem.org/Team:TU_Delft"><img style="height: 60px; margin-top: -15px;" src="https://static.igem.org/mediawiki/2015/a/ab/TU_Delft_logo2.gif"></a>
 
           </div>
 
           </div>
 
   <div class="collapse navbar-collapse" id="myNavbar">
 
   <div class="collapse navbar-collapse" id="myNavbar">
Line 60: Line 65:
 
   </div>
 
   </div>
 
</nav>
 
</nav>
−
 
 
</header>
 
</header>
 +
<body>
 +
 +
<div class="container">
 +
  <br>
 +
  <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>
 +
 +
    <!-- Wrapper for slides -->
 +
    <div class="carousel-inner" role="listbox">
 +
 +
      <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">
 +
        <img src="img_chania2.jpg" alt="Chania" 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">
 +
        <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>
 +
 +
    <!-- 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>
 
</html>
 
</html>

Revision as of 11:29, 9 July 2015