Difference between revisions of "Template:Cambridge-JIC/Templates/Menu"

Line 1: Line 1:
−
<!--{{Assets/plugins/bootstrap/css/bootstrap.min.css}}-->
+
<!DOCTYPE html>
−
<!--{{Assets/plugins/font-awesome/css/font-awesome.min.css}}-->
+
<html lang="en">
−
 
+
−
 
+
−
<html>
+
−
 
+
 
<head>
 
<head>
  
Line 13: Line 9:
  
 
         <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
 
         <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
 +
        <link rel="stylesheet" href="stylesheet/Cambridge-JIC.css">
 
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
         <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
 
         <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
Line 18: Line 15:
 
         <!-- Font awesome -->
 
         <!-- Font awesome -->
 
         <link rel="stylesheet" href="https://2016.igem.org/Team:Leiden/libraries/font-awesome-4-6-3/css/font-awesome-min?action=raw&ctype=text/css">
 
         <link rel="stylesheet" href="https://2016.igem.org/Team:Leiden/libraries/font-awesome-4-6-3/css/font-awesome-min?action=raw&ctype=text/css">
 +
        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
 +
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
 +
  
  
Line 25: Line 25:
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
  
−
#sideMenu, #top_title {display:none;}
+
  #sideMenu, #top_title {display:none;}
 
          
 
          
 
         #content{
 
         #content{
Line 40: Line 40:
  
 
<body>
 
<body>
−
   <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:18px">
+
  <!--Navigation Bar-->
 +
   <nav class="navbar navbar-fixed-top navbar-default navbar-custom" style="margin-top:0px">
 
       <div class="navbar-header">
 
       <div class="navbar-header">
 
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar3">
 
         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar3">
Line 51: Line 52:
 
       </div>
 
       </div>
 
       <div id="navbar3" class="navbar-collapse collapse">
 
       <div id="navbar3" class="navbar-collapse collapse">
−
         <ul class="nav navbar-nav navbar-left">
+
         <ul class="nav navbar-nav navbar-right">
−
          <li class="active"><a href="#">Home</a></li>
+
−
          <li><a href="#test">About</a></li>
+
−
          <li><a href="#">Contact</a></li>
+
 
           <li class="dropdown">
 
           <li class="dropdown">
−
             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
+
             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project <span class="caret"></span></a>
 
             <ul class="dropdown-menu" role="menu">
 
             <ul class="dropdown-menu" role="menu">
−
               <li><a href="#">Action</a></li>
+
               <li><a href="#">Description</a></li>
−
               <li><a href="#">Another action</a></li>
+
               <li><a href="#">Design</a></li>
−
               <li><a href="#">Something else here</a></li>
+
               <li><a href="#">Experiment</a></li>
−
               <li class="divider"></li>
+
               <li><a href="#">Proof Of Concept</a></li>
−
               <li class="dropdown-header">Nav header</li>
+
               <li><a href="#">Demonstration</a></li>
−
               <li><a href="#">Separated link</a></li>
+
              <li><a href="#">Results</a></li>
−
               <li><a href="#">One more separated link</a></li>
+
               <li><a href="#">Notebook</a></li>
 +
               <li><a href="#">Gallery</a></li>
 
             </ul>
 
             </ul>
 
           </li>
 
           </li>
 +
          <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Team <span class="caret"></span></a>
 +
            <ul class="dropdown-menu" role="menu">
 +
              <li><a href="#">Team Members</a></li>
 +
              <li><a href="#">Advisors</a></li>
 +
            </ul>
 +
          </li>
 +
          <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Parts <span class="caret"></span></a>
 +
            <ul class="dropdown-menu" role="menu">
 +
              <li><a href="#">Basic Parts</a></li>
 +
              <li><a href="#">Composite Parts</a></li>
 +
              <li><a href="#">Part Collection</a></li>
 +
            </ul>
 +
          </li>
 +
          <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Awards <span class="caret"></span></a>
 +
            <ul class="dropdown-menu" role="menu">
 +
              <li><a href="#">Award 1</a></li>
 +
              <li><a href="#">Award 2</a></li>
 +
              <li><a href="#">Award 3</a></li>
 +
            </ul>
 +
          </li>
 +
          <li class="dropdown">
 +
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Medals <span class="caret"></span></a>
 +
            <ul class="dropdown-menu" role="menu">
 +
              <li><a href="#">Bronze</a></li>
 +
              <li><a href="#">Silver</a></li>
 +
              <li><a href="#">Gold</a></li>
 +
            </ul>
 +
          </li>
 +
          <li><a href="#">Human Practices</a></li>
 +
          <li><a href="#">Safety</a></li>
 +
          <li><a href="#">Attributions</a></li>
 
         </ul>
 
         </ul>
 
       </div>
 
       </div>
 
       <!--/.nav-collapse -->
 
       <!--/.nav-collapse -->
 
   </nav>
 
   </nav>
 +
  <!-- End of Navigation Bar-->
 +
 +
 
 +
    <div class="jumbotron">
 +
      <p>paragraph</p>
 +
    </div>
 +
   
 +
 
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 16:09, 7 July 2016

<!DOCTYPE html> Cambridge-JIC

paragraph