Team:INSA-Lyon/template head

From 2014.igem.org

(Difference between revisions)

Latest revision as of 19:34, 17 October 2014

Curly'on - IGEM 2014 INSA-LYON

@@ Line 3: / Line 3: @@
       <meta http-equiv="content-type" content="text/html; charset="utf-8" />
       <title>Curly'on - IGEM 2014 INSA-LYON</title>
+     <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
+     <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
       <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:INSA-Lyon/css_global?action=raw&ctype=text/css" />
+     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+<script src="http://potopov.fr/js/jquery-1.4.2.min.js"></script>
    </head>
-</head>
 <body>
 <html>
 <!-- ICI LE CODE DU MENU VERTICAL DE GAUCHE -->
-		<div id="menu">
+	<div id="menu">
-			<ul id="menuul">
+		<ul id="menuul">
+			<li class="menuulli">
+				<a class="menuullia" href="https://2014.igem.org/Team:INSA-Lyon" id="link-home">
+					<img src="https://static.igem.org/mediawiki/2014/9/93/Insa_home.png" alt="home"/>
+				</a>
+			</li>
+			<li class="menuulli">
+				<a class="menuullia" href="https://2014.igem.org/Team:INSA-Lyon/Project" id="link-project">
+					<span><p>PROJECT</p></span>
+				</a>
+				<ul class="ssmenu" id="project">
+					<li class="iconmenu"><img src="https://static.igem.org/mediawiki/2014/d/de/Insa_proj.png" alt="Picto project" /><br/>PROJECT</li>
+					<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Project"><li>PROJECT SUMMARY</li></a>
+					<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Achievements"><li>ACHIEVEMENTS</li></a>
+				</ul>
+			</li>
 				<li class="menuulli">
-					<a class="menuullia" href="index.html" id="link-home">
+					<a class="menuullia" href="https://2014.igem.org/Team:INSA-Lyon/Biology" id="link-wetlab">
-						<img src="http://potopov.fr/igem/img/picto/home.png" alt="home"/>
+						<span><p>WETLAB</p></span>
-					</a>
-				</li>
-				<li class="menuulli">
-					<a class="menuullia" href="project.html" id="link-project">
-						<span>PROJECT</span>
-					</a>
-					<ul class="ssmenu" id="project">
-						<a class="hu-icon" href="project.html" ><li class="iconmenu"><img src="http://potopov.fr/igem/img/picto/proj.png" alt="Picto project" /><br/>PROJECT</li></a>
-						<a class="hi-icon" href="results.html"><li>RESULTS</li></a>
-						<a class="hi-icon" href="biobricks.html"><li>BIOBRFICKS</li></a>
-						<a class="hi-icon" href="device.html"><li>DEVICE</li></a>
-						<a class="hi-icon" href="achievements.html"><li>ACHIEVEMENTS</li></a>
-						<a class="hi-icon" href="future.html"><li>FUTURE WORK</li></a>
-					</ul>
-				</li>
-				<li class="menuulli">
-					<a class="menuullia" href="wetlab.html" id="link-wetlab">
-						<span>WETLAB</span>
 					</a>
 					<ul class="ssmenu" id="wetlab">
-						<a href="wetlab.html" class="hu-icon"><li class="iconmenu"><img src="http://potopov.fr/igem/img/picto/wet.png" alt="Picto Wetlab" /><br/>WETLAB</li></a>
+	<li class="iconmenu"><img src="https://static.igem.org/mediawiki/2014/3/3c/Insa_wet.png" alt="Picto Wetlab" /><br/>WETLAB</li>
-						<a class="hi-icon" href="notebook.html"><li>NOTEBOOK</li></a>
+<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Biology"><li>WETLAB SUMMARY</li></a>
-						<a class="hi-icon" href="protocols.html"><li>PROTOCOLS</li></a>
+<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Results"><li>RESULTS</li></a>
-						<a class="hi-icon" href="safety.html"><li>SAFETY FORM</li></a>
+<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Notebook"><li>NOTEBOOK</li></a>
-						<a class="hi-icon" href="bibliography.html"><li>BIBLIOGRAPHY</li></a>
+<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Protocol"><li>PROTOCOLS</li></a>
+<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/DataPage"><li>DATA PAGE</li></a>
 					</ul>
 				</li>
 				<li class="menuulli">
-					<a class="menuullia" href="modeling.html" id="link-modeling">
+					<a class="menuullia" href="https://2014.igem.org/Team:INSA-Lyon/Modeling" id="link-modeling">
-						<span>MODELING</span>
+						<span><p>MODELING</p></span>
 					</a>
 					<ul class="ssmenu" id="modeling">
-						<a href="modeling.html" class="hu-icon"><li class="iconmenu"><img src="http://potopov.fr/igem/img/picto/mod.png" alt="Picto modeling" /><br/>MODELING</li></a>
+	<li class="iconmenu"><img src="https://static.igem.org/mediawiki/2014/d/dc/Insa_mod.png" alt="Picto modeling" /><br/>MODELING</li>
-						<a class="hi-icon" href="whatis.html"><li>WHAT IS MODELING ?</li></a>
+			<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Modeling"><li>MODELING SUMMARY</li></a>
-						<a class="hi-icon" href="molecular.html"><li>MOLECULAR MODELISATION</li></a>
+			<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Molecular"><li>MOLECULAR MODELISATION</li></a>
-						<a class="hi-icon" href="formation.html"><li>CURLI FORMATION</li></a>
+			<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/CurliSynthesis"><li>CURLI SYNTHESIS</li></a>
-						<a class="hi-icon" href="chelation.html"><li>NI CHELATION</li></a>
 					</ul>
 				</li>
 				<li class="menuulli">
-					<a class="menuullia" href="human.html" id="link-human">
+					<a class="menuullia" href="https://2014.igem.org/Team:INSA-Lyon/HumanPractice" id="link-human">
 						<span>&nbsp;&nbsp;HUMAN PRACTICE</span>
 					</a>
-					<ul class="ssmenu" id="human">
+					<ul class="ssmenu" id="human"><li class="iconmenu"><img src="https://static.igem.org/mediawiki/2014/d/dc/Insa_hum.png" alt="Picto Human practice" /><br/>HUMAN<br/>PRACTICE</li>
-						<a href="human.html" class="hu-icon"><li class="iconmenu"><img src="http://potopov.fr/igem/img/picto/hum.png" alt="Picto Human practice" /><br/>HUMAN<br/>PRACTICE</li></a>
+			<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/HumanPractice"><li>HUMAN PRACTICE SUMMARY</li></a>
-						<a class="hi-icon" href="interest.html"><li>INTEREST OF THIS PROJECT</li></a>
+			<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Perception"><li>SYNBIO PERCEPTION</li></a>
-						<a class="hi-icon" href="perception.html"><li>PERCEPTION OF THE BIOLOGY</li></a>
+			<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Purpose"><li>PROJECT'S INTEREST</li></a>
-						<a class="hi-icon" href="newsletter.html"><li>NEWSLETTER</li></a>
 					</ul>
 				</li>
 				<li class="menuulli">
-					<a class="menuullia" href="team.html" id="link-team">
+					<a class="menuullia" href="https://2014.igem.org/Team:INSA-Lyon/Team" id="link-team">
-						<span>TEAM</span>
+						<span><p>TEAM</p></span>
 					</a>
 					<ul class="ssmenu" id="team">
-						<a href="team.html" class="hu-icon"><li class="iconmenu"><img src="http://potopov.fr/igem/img/picto/team.png" alt="Picto team" /><br/>TEAM</li></a>
+	<li class="iconmenu"><img src="https://static.igem.org/mediawiki/2014/archive/3/32/20141003084230%21Team.png" alt="Picto team" /><br/>TEAM</li>
-						<a class="hi-icon" href="insa.html"><li>INSA</li></a>
+				<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Team"><li>MEMBERS & ATTRIBUTIONS</li></a>
-						<a class="hi-icon" href="sponsors.html"><li>SPONSORS</li></a>
+				<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Sponsors"><li>SPONSORS</li></a>
-						<a class="hi-icon" href="collaborations.html"><li>COLLABORATIONS</li></a>
+				<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Partnership"><li>PARTNERSHIPS</li></a>
-						<a class="hi-icon" href="havefun.html"><li>HAVE FUN WITH IGEM</li></a>
+				<a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Havefun"><li>HAVE FUN WITH IGEM</li></a>
+                                <a class="hi-icon" href="https://2014.igem.org/Team:INSA-Lyon/Gallery"><li>GALLERY</li></a>
 					</ul>
 				</li>
 			</ul>
 		</div>
+<!-- FIN DU MENU -->
-		<!-- FIN DU MENU -->
+</html>