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

Line 28: Line 28:
 
font-size: 100%;
 
font-size: 100%;
 
}
 
}
 +
.navbar {
 +
margin: 0 auto;
 +
margin-top: 1em;
 +
padding: 1em;
 +
border-radius: 10px;
 +
}
 +
 
</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/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>
 
<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 = "initial-scale=1.0, width= device-width" />
+
<meta name="viewport" content="width=device-width, initial-scale=1">
 
</head>
 
</head>
  
Line 39: Line 46:
 
       <div class="container-fluid">
 
       <div class="container-fluid">
 
           <div class="navbar-header">
 
           <div class="navbar-header">
−
             <a class="navbar-brand" href="#">WebSiteName</a>
+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>                       
 +
      </button>
 +
             <a class="navbar-brand" href="https://2015.igem.org/Team:TU_Delft">WebSiteName</a>
 
           </div>
 
           </div>
−
          <div>
+
  <div class="collapse navbar-collapse" id="myNavbar">
−
            <ul class="nav navbar-nav">
+
      <ul class="nav navbar-nav">
−
              <li><a href="https://2015.igem.org/Team:TU_Delft" id="home">HOME</a></li>
+
        <li><a href="https://2015.igem.org/Team:TU_Delft">HOME</a></li>
−
                <li><a href="https://2015.igem.org/Team:TU_Delft/Team">TEAM</a></li>
+
        <li><a href="https://2015.igem.org/Team:TU_Delft/Team">TEAM</a></li>
−
                <li><a href="https://2015.igem.org/Team:TU_Delft/Project">PROJECT</a></li>
+
        <li><a href="https://2015.igem.org/Team:TU_Delft/Description">PROJECT</a></li>
−
        </ul>
+
      </ul>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</nav>
 
</nav>
 +
 
</header>
 
</header>
 
</html>
 
</html>

Revision as of 09:42, 9 July 2015

WebSiteName