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>
   .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}}

Revision as of 15:03, 13 September 2018

UiOslo_Norway

We are still developing - please come back later!
In the meantime, check out our project description