|
|
| Line 1: |
Line 1: |
| | <html lang="en"> | | <html lang="en"> |
| − |
| |
| | <head> | | <head> |
| | <title>iGEM EPFL 2018</title> | | <title>iGEM EPFL 2018</title> |
| Line 6: |
Line 5: |
| | <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;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .container {
| |
| − | padding: 80px 120px
| |
| − | }
| |
| − |
| |
| − | header {
| |
| − | width: 100%;
| |
| − | padding: 0 7%;
| |
| − | display: table;
| |
| − | margin: 0;
| |
| − | max-width: none;
| |
| − | background-color: #373B44;
| |
| − | color: white;
| |
| − | height: 100vh;
| |
| − | }
| |
| − |
| |
| − | #fph {
| |
| − | font-size: 3em;
| |
| − | display: block;
| |
| − | color: white;
| |
| − | font-weight: 300;
| |
| − | }
| |
| − |
| |
| − | .content {
| |
| − | display: table-cell;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − |
| |
| − | .project_part {
| |
| − | border: 10px solid transparent;
| |
| − | margin-bottom: 25px;
| |
| − | width: 80%;
| |
| − | height: 80%;
| |
| − | opacity: 0.7;
| |
| − | }
| |
| − |
| |
| − | .project_part:hover {
| |
| − | border-color: #f1f1f1;
| |
| − | }
| |
| − |
| |
| − | .info {
| |
| − | background-color: #2196F3;
| |
| − | }
| |
| − |
| |
| − | .info:hover {
| |
| − | background-color: #0b7dda;
| |
| − | }
| |
| − | </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>
| |
