Team:IIT Madras/Template:header

From 2011.igem.org

(Difference between revisions)
Line 16: Line 16:
</style>
</style>
 +
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"/></script>
 +
<script type="text/javascript">
 +
jQuery(document).ready(function(){
 +
 +
});
 +
</script>
 +
</head>
</head>
Line 25: Line 33:
<div id="nav_bar">
<div id="nav_bar">
<ul>
<ul>
-
<li><a href="#">Project</a>
+
<li class="menu_item" id="project"><a href="#">Project</a>
-
<ul class="drop_down">
+
<ul class="drop_down" id="project_menu">
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Principle</b></a></li>
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Principle</b></a></li>
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;"  href="#"><b>Approach</b></a></li>
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;"  href="#"><b>Approach</b></a></li>
Line 34: Line 42:
</li>
</li>
-
<li><a href="#">Parts</a></li>
+
<li class="menu_item"  id="parts"><a href="#">Parts</a></li>
-
<li><a href="#">Modelling</a>
+
<li class="menu_item" id="modelling"><a href="#">Modelling</a>
-
<ul class="drop_down">
+
<ul class="drop_down" id="modelling_menu">
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Introduction</b></a></li>
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Introduction</b></a></li>
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Tools</b></a></li>
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Tools</b></a></li>
Line 44: Line 52:
</li>
</li>
-
<li><a href="#">Archives</a>
+
<li class="menu_item" id="archives"><a href="#">Archives</a>
-
<ul class="drop_down">
+
<ul class="drop_down" id="archives_menu">
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Notebook</b></a></li>
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Notebook</b></a></li>
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Protocols</b></a></li>
<li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Protocols</b></a></li>
Line 51: Line 59:
</li>
</li>
-
<li><a href="#">Safety</a></li>
+
<li class="menu_item" id="safety"><a href="#">Safety</a></li>
-
<li><a href="#">Human Practices</a></li>
+
<li class="menu_item" id="human"><a href="#">Human Practices</a></li>
-
<li><a href="#">Attributions</a></li>
+
<li class="menu_item" id="attributions"><a href="#">Attributions</a></li>
-
<li><a href="#">About Us</a>
+
<li class="menu_item" id="aboutus"><a href="#">About Us</a>
-
<ul class="drop_down"><li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Gallery</b></a></li><li style="width:100%; background:#ec9f09;"><a href="#" style="text-decoration:none; color:#a62424;" ><b>Team</b></a></li><ul></li>
+
<ul class="drop_down" id="aboutus_menu"><li style="width:100%; background:#ec9f09;"><a style="text-decoration:none; color:#a62424;" href="#"><b>Gallery</b></a></li><li style="width:100%; background:#ec9f09;"><a href="#" style="text-decoration:none; color:#a62424;" ><b>Team</b></a></li><ul></li>
</ul>
</ul>
</div>
</div>
-
<div id="title" style="position:relative; top:-160px; font-size:4em;"><h1 align=center>Team IIT Madras</h1></div>
+
<div id="title" style="position:relative; top:-160px; font-size:3em;"><h1 align=center>Team IIT Madras</h1></div>
</body>
</body>
</html>
</html>

Revision as of 21:18, 2 October 2011

bar

Team IIT Madras