Difference between revisions of "Team:TU Delft/Home"

Line 1: Line 1:
 +
<!-- For adding buttons on hover:
 +
<a class="btn btn-default" href="http://jsfiddle.net/Zf5am/565/" role="button">Link</a>
 +
.btn{
 +
position: absolute;
 +
    z-index: 1;
 +
}
 +
-->
 +
 
{{:Team:TU_Delft/Header_Test}}
 
{{:Team:TU_Delft/Header_Test}}
 
<html>
 
<html>
−
  <!-- Page Title -->
+
<style>
 +
.glyphicon.glyphicon-chevron-down {
 +
    font-size: 50px;
 +
width:100px;
 +
}
  
−
  <div class="bghardware"></div>
+
a.glyphicon.glyphicon-chevron-down.page-scroll:link, a.glyphicon.glyphicon-chevron-down.page-scroll:visited{
−
  <div class="jumbotron" id="cover">
+
color: #6B6B6B
−
    <h1>Home</h1>
+
}
−
    <p class="lead">Subtitle</p>
+
−
  </div>
+
  
−
<span class="anchor" id="overview"></span>
+
a.glyphicon.glyphicon-chevron-down.page-scroll:hover,
−
   <div id="white">
+
a.glyphicon.glyphicon-chevron-down.page-scroll:focus {
−
     <div class="jumbotron">
+
    text-decoration: none;
−
      <div class="container">
+
    color: #3D3D3D;
−
        <h1>Overview</h1>
+
}
−
        <p class="lead text-muted"> Subtitle or summary goes here. Should be short - two or three sentences.</p>
+
body{
−
      </div>
+
padding-top:75px;
−
    </div>
+
}
 +
</style>
 +
<body>
 +
<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="4000" data-pause="hover">
 +
  <!-- 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>
 +
  </ol>
  
 
   <!-- Wrapper for slides -->
 
   <!-- Wrapper for slides -->

Revision as of 16:34, 27 August 2015