Difference between revisions of "Template:EPFL/Head"

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>
 
  
−
   <body>
+
<head>
 +
  <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>
  
−
<div class="container">
+
<style>
−
   <h1>My First Bootstrap Page</h1>
+
   .navbar {
−
  <p>This is some text.</p>
+
    margin-top:+10px;
−
</div>
+
    margin-bottom: 0;
 +
    background-color: #2d2d30;
 +
    border: 0;
 +
    font-size: 11px !important;
 +
    letter-spacing: 4px;
 +
    opacity: 0.9;
 +
  }
  
−
</body>
+
  .navbar li a,
 +
  .navbar .navbar-brand {
 +
    color: #d5d5d5 !important;
 +
  }
  
−
</html>
+
  .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>

Revision as of 08:46, 1 August 2018

iGEM EPFL 2018