Difference between revisions of "Team:UCSC/NavBar"
| Line 3: | Line 3: | ||
<head> | <head> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| + | <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"> | ||
</head> | </head> | ||
<body> | <body> | ||
| − | < | + | <ul class="topnav" id="myTopnav"> |
| − | + | <li><a href="https://2018.igem.org/Team:UCSC" class="active">Home</a></li> | |
| − | + | <div class="dropdown"> | |
| − | + | <li class="dropbtn"><a href="https://2018.igem.org/Team:UCSC/Team">Team</a> | |
| − | + | <i class="fa fa-caret-down"></i> | |
| − | + | </li> | |
| − | < | + | <ul class="dropdown-content"> |
| − | <a href="https://2018.igem.org/Team:UCSC/Team">Meet the Team</a> | + | <li><a href="https://2018.igem.org/Team:UCSC/Team">Meet the Team</a></li> |
| − | <a href="#">Collaborations</a> | + | <li><a href="#">Collaborations</a></li> |
| − | </ | + | </ul> |
| − | + | </div> | |
| − | + | <div class="dropdown"> | |
| − | + | <li class="dropbtn"><a href="#">Project</a> | |
| − | + | <i class="fa fa-caret-down"></i> | |
| − | + | </li> | |
| − | < | + | <ul class="dropdown-content"> |
| − | <a href="#">The Project</a> | + | <li><a href="#">The Project</a></li> |
| − | <a href="#">Metabolic Engineering</a> | + | <li><a href="#">Metabolic Engineering</a></li> |
| − | <a href="#">Modeling</a> | + | <li><a href="#">Modeling</a></li> |
| − | <a href="#">Results</a> | + | <li><a href="#">Results</a></li> |
| − | <a href="#">Target Organism</a> | + | <li><a href="#">Target Organism</a></li> |
| − | <a href="#">Parts</a> | + | <li><a href="#">Parts</a></li> |
| − | </ | + | </ul> |
| − | + | </div> | |
| − | + | <li><a href="#">Parts</a></li> | |
| − | + | <li><a href="#">Safety</a></li> | |
| − | + | <li><a href="#">Human Practices</a></li> | |
| − | + | <li><a href="#">Awards</a></li> | |
| − | + | <li><a href="#contact">Contact</a></li> | |
| − | + | <li><a href="Website-PageInProgress.html">About</a></li> | |
| − | + | <li><a href="javascript:void(0);" class="icon" onclick="myFunction()"> | |
| − | + | <i class="fa fa-bars"></i> | |
| − | + | </a></li> | |
| − | </ | + | </ul> |
| − | <script type="text/javascript"> | + | <script type="text/javascript"> |
| − | /* Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon */ | + | /* Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon */ |
| − | function myFunction() { | + | function myFunction() { |
| − | + | var x = document.getElementById("myTopnav"); | |
| − | + | if (x.className === "topnav") { | |
| − | + | x.className += " responsive"; | |
| − | + | } else { | |
| − | + | x.className = "topnav"; | |
| − | + | } | |
| − | } | + | } |
| − | </script> | + | </script> |
| − | </body> | + | </body> |
| − | </html> | + | </html> |
Revision as of 21:34, 27 June 2018