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

 
(24 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
<link rel="stylesheet" href="https://2015.igem.org/Template:TU_Delft/bootstrap.min.css?action=raw&ctype=text/css" type="text/css">
 
<script type="text/javascript" src="https://2015.igem.org/Template:TU_Delft/bootstrap.min.js?action=raw&ctype=text/javascript"></script>
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
 
<style type="text/css">
 
<style type="text/css">
 
#contentSub, #footer-box, #catlinks, #search-controls,
 
#contentSub, #footer-box, #catlinks, #search-controls,
Line 34: Line 31:
 
margin-top: 1em;
 
margin-top: 1em;
 
padding: 1em;
 
padding: 1em;
border-radius: 5px;
+
border-radius: 0px;
 
}
 
}
body { padding-top: 70px; }
+
 
.carousel-inner > .item > img,
+
body { padding-top: 65px; }
  .carousel-inner > .item > a > img {
+
 
      width: 100%;
+
      margin: auto;
+
  }
+
 
</style>
 
</style>
 +
 +
<link rel="stylesheet" href="https://2015.igem.org/Template:TU_Delft/bootstrap.min.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2015.igem.org/Template:TU_Delft/stylesheet.css?action=raw&ctype=text/css" type="text/css">
 +
<script type="text/javascript" src="https://2015.igem.org/Template:TU_Delft/bootstrap.min.js?action=raw&ctype=text/javascript"></script>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 
</head>
 
</head>
  
Line 66: Line 65:
 
</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>

Latest revision as of 08:23, 10 July 2015