Difference between revisions of "Template:NAWI Graz:navbar"

(Prototype team template page)
 
Line 1: Line 1:
 
<html>
 
<html>
 +
  <head>
 +
    <!-- Required meta tags -->
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  
 +
    <!-- Bootstrap CSS -->
 +
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
 +
  </head>
 
<script>
 
<script>
  
Line 109: Line 116:
 
/* Wrapper for the menu */
 
/* Wrapper for the menu */
 
.igem_2017_menu_wrapper {  
 
.igem_2017_menu_wrapper {  
 +
                display: hidden;
 
width: 15%;  
 
width: 15%;  
 
height:100vh;  
 
height:100vh;  
Line 744: Line 752:
 
</div>
 
</div>
  
 +
<nav class="navbar navbar-expand-lg navbar-light bg-light">
 +
<a class="navbar-brand" href="https://2017.igem.org/Team:NAWI_Graz">COLIBOT</a>
 +
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
 +
<span class="navbar-toggler-icon"></span>
 +
</button>
 +
<div class="collapse navbar-collapse" id="navbarNavDropdown">
 +
<ul class="navbar-nav">
 +
    <!-- TEAM -->
 +
<li class="nav-item dropdown">
 +
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
Team
 +
</a>
 +
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Team">Team</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Collaborations">Collaborations</a>
 +
</div>
 +
</li>
 +
<!-- PROJECT -->
 +
<li class="nav-item dropdown">
 +
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
Project
 +
</a>
 +
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Description">Description</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Design">Design</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Experiments">Experiments</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Notebook">Notebook</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/InterLab">InterLab</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Contribution">Contribution</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Model">Model</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Results">Results</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Demonstrate">Demonstrate</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Improve">Improve</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Attribution">Attribution</a>
 +
</div>
 +
</li>
 +
<!-- PARTS -->
 +
<li class="nav-item dropdown">
 +
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
Parts
 +
</a>
 +
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Parts">Parts</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Basic_Part">Basic Parts</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Composite_Part">Composite Parts</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Part_Collection">Part Collection</a>
 +
</div>
 +
</li>
 +
<!-- HUMAN PRACTICES -->
 +
<li class="nav-item dropdown">
 +
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
Human Practices
 +
</a>
 +
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Silver_HP">Silver HP</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Gold_Integrated">Integrated and Gold</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Engagement">Public Engagement</a>
 +
</div>
 +
</li>
 +
<!-- AWARDS -->
 +
<li class="nav-item dropdown">
 +
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
Awards
 +
</a>
 +
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Applied_Design">Applied Design</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Entrepreneurship">Entrepreneurship</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Hardware">Hardware</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Measurement">Measurement</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Model">Model</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Plant">Plant</a>
 +
<a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Software">Software</a>
 +
</div>
 +
</li>
 +
<!-- SAFETY -->
 +
<li class="nav-item">
 +
<a class="nav-link" href="https://2017.igem.org/Team:NAWI_Graz/Safety">Safety</a>
 +
</li>
 +
<!-- JUDGING FORM -->
 +
<li class="nav-item">
 +
<a class="nav-link" href="https://igem.org/2017_Judging_Form?team=NAWI_Graz">Judging Form</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</nav>
 +
    <!-- Optional JavaScript -->
 +
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
 +
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
 +
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
  
  
Line 749: Line 847:
 
<div class="igem_2017_content_wrapper">
 
<div class="igem_2017_content_wrapper">
 
<h1>NAWI_Graz</h1>
 
<h1>NAWI_Graz</h1>
 +
</div>

Revision as of 11:14, 4 October 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
InterLab
Contribution
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Silver HP
Integrated and Gold
Public Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM

NAWI_Graz