Line 1: | Line 1: | ||
<html lang="en"> | <html lang="en"> | ||
+ | |||
<head> | <head> | ||
<title>iGEM EPFL 2018</title> | <title>iGEM EPFL 2018</title> | ||
Line 5: | Line 6: | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | ||
− | + | ||
</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> |
Latest revision as of 12:01, 1 August 2018