Weronika77 (Talk | contribs) (Created page with "<html> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .navbar { overflow: hidden; background-color: #333; } .navbar a { flo...") |
Weronika77 (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
− | <style> | + | |
− | .navbar { | + | <style> |
− | + | ||
− | + | /* font voor alles*/ | |
− | } | + | * { |
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | } | ||
+ | /* achtergrond kleur */ | ||
+ | body {background-color: #c6dac3;} | ||
+ | |||
+ | |||
+ | /* menu bar */ | ||
+ | .navbar { | ||
+ | overflow: hidden; | ||
+ | background-color: #333; | ||
+ | } | ||
.navbar a { | .navbar a { | ||
− | + | float: left; | |
− | + | font-size: 16px; | |
− | + | color: white; | |
− | + | text-align: center; | |
− | + | padding: 14px 16px; | |
− | + | text-decoration: none; | |
− | } | + | } |
− | + | ||
− | .dropdown { | + | .dropdown { |
− | + | float: left; | |
− | + | overflow: hidden; | |
− | } | + | } |
+ | |||
+ | .dropdown .dropbtn { | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | outline: none; | ||
+ | color: white; | ||
+ | padding: 14px 16px; | ||
+ | background-color: inherit; | ||
+ | font-family: inherit; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .navbar a:hover, .dropdown:hover .dropbtn { | ||
+ | background-color: #7A9E7E; | ||
+ | } | ||
+ | |||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #f9f9f9; | ||
+ | min-width: 160px; | ||
+ | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a { | ||
+ | float: none; | ||
+ | color: black; | ||
+ | padding: 12px 16px; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .dropdown-content a:hover { | ||
+ | background-color: #ddd; | ||
+ | } | ||
− | .dropdown . | + | .dropdown:hover .dropdown-content { |
− | + | display: block; | |
− | + | } | |
− | + | </style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <body> | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | .dropdown: | + | <!--de lijst |
− | + | –––––––––––––––––––––––––––––––––––––––––––––––––– --> | |
− | + | <div class="navbar"> | |
− | + | <a href="https://2019.igem.org/Team:TUDelft">Home</a> | |
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Project | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Description">Description</a> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Motivation">Motivation</a> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Design">Design</a> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Demonstrate">Demonstrate</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Wetlab | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Experiments">Experiments</a> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Safety">Safety</a> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Notebook">Notebook</a> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Results">Results</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Modeling | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="#">Codon Optimization</a> | ||
+ | <a href="#">Reaction Kinetics</a> | ||
+ | <a href="#">Link 3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Parts | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Parts">Parts Overview</a> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Basic_Part">Basic Parts</a> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Composite_Part">Parts Composite</a> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Part_Collection">Parts Collection</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Human Practices | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Human_Practices">Integrated Human Practices</a> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Public_Engagement">Education & Engagement</a> | ||
+ | <a href="#">Link 3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Team | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Team">Team Members</a> | ||
+ | <a href="#">Supervisors</a> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Collaborations">Collaborations</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="dropdown"> | ||
+ | <button class="dropbtn">Acknowledgements | ||
+ | <i class="fa fa-caret-down"></i> | ||
+ | </button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2019.igem.org/Team:TUDelft/Attributions">Attributions</a> | ||
+ | <a href="#">Sponsors</a> | ||
+ | </div> | ||
+ | </div> | ||
− | + | </div> | |
− | + | </body> | |
− | + | </html> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </body> | + | |
− | + |
Revision as of 08:38, 15 June 2019