|
|
| Line 1: |
Line 1: |
| | <html lang="en"> | | <html lang="en"> |
| | + | <head> |
| | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| | + | <meta charset="utf-8"> |
| | + | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> |
| | + | |
| | + | </head> |
| | | | |
| − | <head>
| + | <body> |
| − | <title>iGEM EPFL 2018</title>
| + | |
| − | <meta charset="utf-8">
| + | |
| − | <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">
| + | |
| − | | + | |
| − | </head> | + | |
| | | | |
| − | <style> | + | <div class="container"> |
| − | .navbar { | + | <h1>My First Bootstrap Page</h1> |
| − | margin-top:+10px;
| + | <p>This is some text.</p> |
| − | margin-bottom: 0;
| + | </div> |
| − | background-color: #2d2d30;
| + | |
| − | border: 0;
| + | |
| − | font-size: 11px !important;
| + | |
| − | letter-spacing: 4px;
| + | |
| − | opacity: 0.9;
| + | |
| − | }
| + | |
| | | | |
| − | .navbar li a,
| + | </body> |
| − | .navbar .navbar-brand {
| + | |
| − | color: #d5d5d5 !important;
| + | |
| − | }
| + | |
| | | | |
| − | .navbar-nav li a:hover {
| + | </html> |
| − | 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>
| + | |
