Team:Duesseldorf/Test2

• Home
• Project
• Achievements v
  Results Medal Fulfilment Parts
• Cooperations
• Outreach v
  Results Medal Fulfilment Parts
• Lab book
• Safety
• Team v
  Results Medal Fulfilment Parts

}

nav li {

   float: left;

text-decoration: none; }

nav li a, .dropbtn {

   display: inline-block;
   color: white;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;

}

nav li a:hover, .dropdown:hover .dropbtn {

   background-color: red;

}

nav li.dropdown {

   display: inline-block;

}

.dropdown-content {

   display: none;
   position: absolute;
   background-color: #f9f9f9;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

}

.dropdown-content a {

   color: black;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
   text-align: left;

}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {

   display: block;

} </style> </head>

<nav>

• <a href="#home">Home</a>
• <a href="#news">Project</a>
• <a href="#" class="dropbtn">Achievements v</a>

       <a href="#">Results</a>
       <a href="#">Medal Fulfilment</a>
       <a href="#">Parts</a>
  

• <a href="#news">Cooperations</a>
• <a href="#" class="dropbtn">Outreach v</a>

       <a href="#">Results</a>
       <a href="#">Medal Fulfilment</a>
       <a href="#">Parts</a>
  

• <a href="#news">Lab book</a>
• <a href="#news">Safety</a>
• <a href="#" class="dropbtn">Team v</a>

       <a href="#">Results</a>
       <a href="#">Medal Fulfilment</a>
       <a href="#">Parts</a>
  

</nav> </html>