|
|
| Line 1: |
Line 1: |
| − | <!DOCTYPE html>
| + | hi |
| − | <!--
| + | |
| − | To change this license header, choose License Headers in Project Properties.
| + | |
| − | To change this template file, choose Tools | Templates
| + | |
| − | and open the template in the editor.
| + | |
| − | -->
| + | |
| − | <html>
| + | |
| − | <head>
| + | |
| − | <title>Safety</title>
| + | |
| − | <meta charset="UTF-8">
| + | |
| − | <meta name="viewport" content="width=device-width">
| + | |
| − | <style>
| + | |
| − | body{
| + | |
| − | margin: 0;
| + | |
| − | }
| + | |
| − | #header{
| + | |
| − | margin-top: 0px;
| + | |
| − | height: 150px;
| + | |
| − | background-color: rgba(0,0,0,1);
| + | |
| − | position: fixed;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | #header2{
| + | |
| − | height: 120px;
| + | |
| − | background-color: rgba(0,0,0,1);
| + | |
| − | }
| + | |
| − | #head-name{
| + | |
| − | color: white;
| + | |
| − | padding-left: 40%;
| + | |
| − | padding-top: 20px;
| + | |
| − | font-size: 30px;
| + | |
| − | width: 300px;
| + | |
| − | //float: left;
| + | |
| − |
| + | |
| − | }
| + | |
| − | #head-list{
| + | |
| − | color: white;
| + | |
| − | padding-top: 30px;
| + | |
| − | font-size: 20px;
| + | |
| − | padding-left: 3%
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 900px){
| + | |
| − | #head-name{
| + | |
| − | width: 100%;
| + | |
| − | padding-left: 40%;
| + | |
| − | //text-align: center;
| + | |
| − | }
| + | |
| − | #head-list{
| + | |
| − | padding-top: 30px;
| + | |
| − | }
| + | |
| − | ul{
| + | |
| − | margin-left: 0px;
| + | |
| − | padding-left: 2%;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | @media screen and (max-width: 300px){
| + | |
| − | #head-list{
| + | |
| − | padding-left: 10px;
| + | |
| − | }
| + | |
| − | ul{
| + | |
| − | padding-left: 1%;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | #content{
| + | |
| − |
| + | |
| − | height: 600px;
| + | |
| − | }
| + | |
| − | ul{
| + | |
| − | display: inline;
| + | |
| − | // padding-left: 15%;
| + | |
| − |
| + | |
| − | }
| + | |
| − | li{
| + | |
| − | display: inline;
| + | |
| − | padding: 2%;
| + | |
| − |
| + | |
| − | }
| + | |
| − | li:hover{
| + | |
| − | color: #00ff00;
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | </head>
| + | |
| − | <body>
| + | |
| − | <div id="header">
| + | |
| − | <div id="head-name">
| + | |
| − | IGEM-SVCE
| + | |
| − | </div>
| + | |
| − | <div id="head-list">
| + | |
| − | <ul>
| + | |
| − | <a href="home.html" style="text-decoration: none; color: white;"> <li id="home">Home</li></a>
| + | |
| − | <a href="team.html" style="text-decoration: none; color: white;"> <li id="about1">Team</li></a>
| + | |
| − | <a href="project.html" style="text-decoration: none; color: white;"><li>Project</li></a>
| + | |
| − | <a href="parts.html" style="text-decoration: none; color: white;"><li>Parts</li></a>
| + | |
| − | <a href="notebook.html" style="text-decoration: none; color: white;"><li>Notebook</li></a>
| + | |
| − | <a href="attribution.html" style="text-decoration: none; color: white;"><li>Attribution</li></a>
| + | |
| − | <a href="collaboration.html" style="text-decoration: none; color: white;"><li>Collaboration</li></a>
| + | |
| − | <a href="humanpractice.html" style="text-decoration: none; color: white;"><li>Human Practice</li></a>
| + | |
| − | <li style="color: #00ff00;">Safety</li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </body>
| + | |
| − | </html>
| + | |