|
|
Line 1: |
Line 1: |
− | | + | {{:Team:UiOslo_Norway/Head}} |
| + | {{:Team:UiOslo_Norway/Header}} |
| <html> | | <html> |
| <head> | | <head> |
− |
| |
− | <!-- Font Awesome -->
| |
− | <link rel="stylesheet" href="https://2018.igem.org/Template:UiOslo_Norway/fa/fontawesome?action=raw&ctype=text/css"/>
| |
− | <link rel="stylesheet" href="https://2018.igem.org/Template:UiOslo_Norway/fa/brands?action=raw&ctype=text/css"/>
| |
− | <link rel="stylesheet" href="https://2018.igem.org/Template:UiOslo_Norway/fa/solid?action=raw&ctype=text/css"/>
| |
− |
| |
| <style> | | <style> |
− | .navbar { | + | .center { |
− | overflow: hidden;
| + | display: block; |
− | background-image: linear-gradient(to right, #e83f61 , #4bc0e3);
| + | margin-left: auto; |
− | width: 100%;
| + | margin-right: auto; |
| + | width: 80%; |
| } | | } |
− |
| |
− | .navbar a {
| |
− | float: left;
| |
− | color: white;
| |
− | text-align: center;
| |
− | padding: 14px 16px;
| |
− | text-decoration: none;
| |
− | font-size: 16px;
| |
− | }
| |
− |
| |
− | .dropdown {
| |
− | float: left;
| |
− | overflow: hidden;
| |
− | font-family: inherit;
| |
− | }
| |
− |
| |
− | .dropdown-right {
| |
− | float: right;
| |
− | overflow: hidden;
| |
− | font-family: inherit;
| |
− | }
| |
− |
| |
− | .dropdown .dropbtn {
| |
− | font-size: 16px;
| |
− | border: none;
| |
− | outline: none;
| |
− | color: white;
| |
− | padding: 18px 16px;
| |
− | background-color: inherit;
| |
− | font-family: inherit;
| |
− | margin: 0;
| |
− | z-index: 10;
| |
− | }
| |
− |
| |
− | .navbar a:hover, .dropdown:hover .dropbtn {
| |
− | background-color: #9CACC0;
| |
− |
| |
− | }
| |
− |
| |
− | .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: 10;
| |
− | }
| |
− |
| |
− | .dropdown-content a {
| |
− | float: none;
| |
− | color: black;
| |
− | padding: 12px 16px;
| |
− | text-decoration: none;
| |
− | display: block;
| |
− | text-align: left;
| |
− | }
| |
− |
| |
− | .dropdown a {
| |
− | float: none;
| |
− | color: black;
| |
− | padding: 12px 16px;
| |
− | text-decoration: none;
| |
− | display: block;
| |
− | text-align: left;
| |
− | z-index: 10;
| |
− | }
| |
− |
| |
− | .dropdown-content a:hover {
| |
− | background-color: #ddd;
| |
− | }
| |
− |
| |
− | .dropdown:hover .dropdown-content {
| |
− | display: block;
| |
− | z-index: 10;
| |
− | }
| |
− |
| |
| </style> | | </style> |
− |
| |
| </head> | | </head> |
− |
| |
| <body> | | <body> |
− | <header>
| |
− | <div class="navbar">
| |
| | | |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway">
| + | <div class="container"> |
− | <i class="fas fa-home"></i>
| + | <h2 class="center"> UiOslo_Norway</h2> |
− | </a>
| + | |
| | | |
− | <div class="dropdown">
| + | <img src="https://static.igem.org/mediawiki/2018/7/7f/T--UiOslo_Norway--Canditect.png" class="center"> |
− | <button class="dropbtn">Team
| + | |
− | <i class="fas fa-caret-down"></i>
| + | |
− | </button>
| + | |
− | <div class="dropdown-content">
| + | |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/Team">Team members</a>
| + | |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/Collaborations">Collaboration</a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
− | <div class="dropdown">
| |
− | <button class="dropbtn">Project
| |
− | <i class="fas fa-caret-down"></i>
| |
− | </button>
| |
− | <div class="dropdown-content">
| |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/Description">Description</a>
| |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/Design">Design</a>
| |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/Experiments">Experiments</a>
| |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/Notebook">Notebook</a>
| |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/InterLab">Interlab</a>
| |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/Attributions">Attributions</a>
| |
− | </div>
| |
− | </div>
| |
| | | |
− | <div class="dropdown">
| + | <h3 class="center"> We are still developing - please come back later! <br>In the meantime, check out our <a href="https://2018.igem.org/Team:UiOslo_Norway/Description">project description</a> </h3> |
− | <button class="dropbtn">Parts
| + | </div> |
− | <i class="fas fa-caret-down"></i>
| + | <div style="padding-bottom: 100px;"></div> |
− | </button>
| + | |
− | <div class="dropdown-content">
| + | |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/Parts">Parts Overview</a>
| + | |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/Basic_Part">Basic Parts</a>
| + | |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/Composite_Part">Composite Parts</a>
| + | |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/Part_Collection">Part Collection</a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="dropdown">
| + | |
− | <button class="dropbtn">Human Practices
| + | |
− | <i class="fas fa-caret-down"></i>
| + | |
− | </button>
| + | |
− | <div class="dropdown-content">
| + | |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/Human_Practices">Human Practices</a>
| + | |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/Public_Engagement">Education & Engagement</a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | <!-- To be filled out after the Jamboree
| + | |
− | <div class="dropdown">
| + | |
− | <button class="dropbtn">Awards
| + | |
− | <i class="fas fa-caret-down"></i>
| + | |
− | </button>
| + | |
− | <div class="dropdown-content">
| + | |
− | <a href="#">XX</a>
| + | |
− | <a href="#">XX</a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | -->
| + | |
− | | + | |
− | <div class="dropdown-right">
| + | |
− | <a href="https://igem.org/2018_Judging_Form?team=UiOslo_Norway">
| + | |
− | Judging Form
| + | |
− | <i class="fas fa-user-tie"></i>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="dropdown-right">
| + | |
− | <a href="https://2018.igem.org/Team:UiOslo_Norway/Safety">
| + | |
− | Safety
| + | |
− | <i class="fas fa-exclamation-circle"></i>
| + | |
− | </a>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
− | | + | |
− | </div>
| + | |
− | | + | |
− | </header>
| + | |
| </body> | | </body> |
− |
| |
− |
| |
− |
| |
| </html> | | </html> |
| + | {{:Team:UiOslo_Norway/Footer}} |