Difference between revisions of "Team:UiOslo Norway"

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>
−
   .center {
+
   .navbar {
−
  display: block;
+
    overflow: hidden;
−
  margin-left: auto;
+
    background-image: linear-gradient(to right, #e83f61 , #4bc0e3);
−
  margin-right: auto;
+
    width: 100%;
−
  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">
  
−
<div class="container">
+
      <a href="https://2018.igem.org/Team:UiOslo_Norway">
−
<h2 class="center"> UiOslo_Norway</h2>
+
        <i class="fas fa-home"></i>
 +
      </a>
  
−
<img src="https://static.igem.org/mediawiki/2018/7/7f/T--UiOslo_Norway--Canditect.png" class="center">
+
      <div class="dropdown">
 +
        <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>
  
−
<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>
+
      <div class="dropdown">
−
</div>
+
        <button class="dropbtn">Parts
−
<div style="padding-bottom: 100px;"></div>
+
          <i class="fas fa-caret-down"></i>
 +
        </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}}
 

Revision as of 15:03, 13 September 2018

Team members Collaboration
Description Design Experiments Notebook Interlab Attributions
Parts Overview Basic Parts Composite Parts Part Collection
Human Practices Education & Engagement
Judging Form
Safety