Line 1: | Line 1: | ||
<html lang="en"> | <html lang="en"> | ||
+ | |||
<head> | <head> | ||
<title>iGEM EPFL 2018</title> | <title>iGEM EPFL 2018</title> | ||
Line 7: | Line 8: | ||
</head> | </head> | ||
− | |||
− | |||
− | + | <style> | |
− | + | .navbar { | |
− | + | margin-top: +10px; | |
− | + | margin-bottom: 0; | |
+ | background-color: #2d2d30; | ||
+ | border: 0; | ||
+ | font-size: 11px !important; | ||
+ | letter-spacing: 4px; | ||
+ | opacity: 0.9; | ||
+ | } | ||
− | + | .navbar li a, | |
+ | .navbar .navbar-brand { | ||
+ | color: #d5d5d5 !important; | ||
+ | } | ||
− | </ | + | .navbar-nav li a:hover { |
+ | color: #fff !important; | ||
+ | } | ||
+ | |||
+ | .navbar-nav li.active a { | ||
+ | color: #fff !important; | ||
+ | background-color: #29292c !important; | ||
+ | } | ||
+ | |||
+ | .navbar-default .navbar-toggle { | ||
+ | border-color: transparent; | ||
+ | } | ||
+ | |||
+ | .bg-1 { | ||
+ | background-color: #373B44; | ||
+ | /*grey*/ | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <body> | ||
+ | <nav class="navbar navbar-default navbar-fixed-top"> | ||
+ | <div class="container-fluid"> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="#">Logo</a> | ||
+ | </div> | ||
+ | <div class="collapse navbar-collapse" id="myNavbar"> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <li><a href="#Home">HOME</a></li> | ||
+ | <li><a href="#Project">PROJECT</a></li> | ||
+ | <li><a href="#parts">PARTS</a></li> | ||
+ | <li><a href="#safety">SAFETY</a></li> | ||
+ | <li><a href="#HumanPractices">HUMAN PRACTICES</a></li> | ||
+ | <li><a href="#Team">TEAM</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> |
Revision as of 11:43, 1 August 2018