Team:IIT Madras/Templates/Menu

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<CENTER>
 +
<H1>Indian Institute of Technology Madras</H1>
 +
[[Image: Header_changed.png]]
 +
</CENTER>
 +
<html>
<html>
<style>
<style>
Line 34: Line 39:
#menubar:hover li a {
#menubar:hover li a {
     color: white;}
     color: white;}
-
</style>
 
 +
#nav {
 +
width: 100%;
 +
float: left;
 +
margin: 0 0 3em 0;
 +
padding: 0;
 +
list-style: none;
 +
background-color: #f2f2f2;
 +
border-bottom: 1px solid #ccc;
 +
border-top: 1px solid #ccc; }
 +
#nav li {
 +
float: left; }
 +
#nav li a {
 +
display: block;
 +
padding: 8px 15px;
 +
text-decoration: none;
 +
font-weight: bold;
 +
color: #069;
 +
border-right: 1px solid #ccc; }
 +
#nav li a:hover {
 +
color: #c00;
 +
background-color: #fff; }
 +
</style>
 +
 +
<ul id="nav">
 +
<li><a href="#">About Us</a></li>
 +
<li><a href="#">Our Products</a></li>
 +
<li><a href="#">FAQs</a></li>
 +
<li><a href="#">Contact</a></li>
 +
<li><a href="#">Login</a></li>
 +
</ul>
</html>
</html>

Revision as of 21:46, 27 August 2013

Indian Institute of Technology Madras

Header changed.png

Retrieved from "http://2013.igem.org/Team:IIT_Madras/Templates/Menu"