Difference between revisions of "Team:SVCE Chennai"
Aakashkumar (Talk | contribs) m (Replaced content with "<html> <body> hi </body> </html>") |
Aakashkumar (Talk | contribs) m |
||
Line 1: | Line 1: | ||
+ | <!DOCTYPE html> | ||
+ | <!-- | ||
+ | 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> | <html> | ||
− | <body> | + | <head> |
− | + | <title>Safety</title> | |
− | </body> | + | <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> | </html> |
Revision as of 06:09, 7 August 2015
<!DOCTYPE html>
IGEM-SVCE