Team:UCLA/Template

From 2014.igem.org

(Difference between revisions)

Revision as of 22:03, 19 September 2014

iGEM UCLA

1

@@ Line 1: / Line 1: @@
-{{:Team:UCLA/Template/CSS}}
+{{:Team:UCLA/anuved_verma_ucla2014_workspace/Javascript}}
+{{:Team:UCLA/anuved_verma_ucla2014_workspace/CSS}}
-<html>
+<html lang="en">
-<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
+  <head>
-<script type="text/javascript">
+    <!-- META TAGS -->
-$(document).ready(function() {
+    <meta charset="utf-8">
-	$("#menu > li > ul").hide();
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-	$("#menu > li").mouseenter(function() {
+    <meta name="viewport" content="width=device-width, initial-scale=1">
-		$(this).children("li > ul").slideDown(250);
+    <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
-	});
+    <title>iGEM UCLA</title>
-        $("#menu > li").mouseleave(function() {
+  </head>
-		$(this).children("li > ul").slideUp(250);
-	});
-});
-</script>
+<!--TOP NAVIGATION MENU BAR-->
+<div id = "top_menu" >
 <ul id = "menu">
 	<li><a href="/Team:UCLA">Home</a></li>
@@ Line 57: / Line 57: @@
          <li><a href="/Team:UCLA/Attributions">Attributions</a></li>
 </ul>
-<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"/></a>
+<a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" width="55px"/></a>
+</div><br><br><br>
+<!--SIDEBAR NAV-->
+<div id="side_menu">
+<h3>1</h3>
+<h3>2</h3>
+<h3>3</h3>
+<h3>4</h3>
+<h3>5</h3>
+<h3>6</h3>
+</div>
+<!-- Spider click to top button -->
+     <div class= "spider">
+        <div class= "spiderline"></div>
+        <div class= "spiderbutton"></div>
+        <img class= "backtotop" src = "http://www.acessnapshots.com/top.png"/>
+     </div>
+     <img class= "spiderweb" src= "https://static.igem.org/mediawiki/2014/b/bb/Web3.png"/>
 </html>