Team:INSA-Lyon

From 2014.igem.org

(Difference between revisions)
Line 9: Line 9:
<body>
<body>
-
{{:https://2014.igem.org/Team:INSA-Lyon/template_menu?action=raw&ctype=text/css}}
+
<html>
 +
<!-- ICI LE CODE DU MENU VERTICAL DE GAUCHE -->
 +
<div id="menu">
 +
<ul id="menuul">
 +
<li class="menuulli">
 +
<a class="menuullia" href="index.html" id="link-home">
 +
<img src="img/picto/home.png" alt="home"/>
 +
</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="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="img/picto/wet.png" alt="Picto Wetlab" /><br/>WETLAB</li></a>
 +
<a class="hi-icon" href="notebook.html"><li>NOTEBOOK</li></a>
 +
<a class="hi-icon" href="protocols.html"><li>PROTOCOLS</li></a>
 +
<a class="hi-icon" href="safety.html"><li>SAFETY FORM</li></a>
 +
<a class="hi-icon" href="bibliography.html"><li>BIBLIOGRAPHY</li></a>
 +
</ul>
 +
</li>
 +
 
 +
<li class="menuulli">
 +
<a class="menuullia" href="modeling.html" id="link-modeling">
 +
<span>MODELING</span>
 +
</a>
 +
<ul class="ssmenu" id="modeling">
 +
<a href="modeling.html" class="hu-icon"><li class="iconmenu"><img src="img/picto/mod.png" alt="Picto modeling" /><br/>MODELING</li></a>
 +
<a class="hi-icon" href="whatis.html"><li>WHAT IS MODELING ?</li></a>
 +
<a class="hi-icon" href="molecular.html"><li>MOLECULAR MODELISATION</li></a>
 +
<a class="hi-icon" href="formation.html"><li>CURLI FORMATION</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">
 +
<span>&nbsp;&nbsp;HUMAN PRACTICE</span>
 +
</a>
 +
<ul class="ssmenu" id="human">
 +
<a href="human.html" class="hu-icon"><li class="iconmenu"><img src="img/picto/hum.png" alt="Picto Human practice" /><br/>HUMAN<br/>PRACTICE</li></a>
 +
<a class="hi-icon" href="interest.html"><li>INTEREST OF THIS PROJECT</li></a>
 +
<a class="hi-icon" href="perception.html"><li>PERCEPTION OF THE BIOLOGY</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">
 +
<span>TEAM</span>
 +
</a>
 +
<ul class="ssmenu" id="team">
 +
<a href="team.html" class="hu-icon"><li class="iconmenu"><img src="img/picto/team.png" alt="Picto team" /><br/>TEAM</li></a>
 +
<a class="hi-icon" href="insa.html"><li>INSA</li></a>
 +
<a class="hi-icon" href="sponsors.html"><li>SPONSORS</li></a>
 +
<a class="hi-icon" href="collaborations.html"><li>COLLABORATIONS</li></a>
 +
<a class="hi-icon" href="havefun.html"><li>HAVE FUN WITH IGEM</li></a>
 +
</ul>
 +
</li>
 +
</ul>
 +
</div>
 +
 
 +
<!-- FIN DU MENU -->
 +
 
 +
</html>
<!-- PAGE D'ACCUEIL -->
<!-- PAGE D'ACCUEIL -->

Revision as of 10:52, 28 September 2014

Curly'on - IGEM 2014 INSA-LYON


<img src="img/menu/insa.png" alt="INSA" /><img src="img/menu/igem.png" alt="IGEM" />

CURLY'ON

<img src="img/traits.png" alt="Décoration liée au titre" />

  • <a href="project.html" class="hu-icon"><img src="img/picto/proj.png" alt="Picto project" />
    PROJECT</a>
  • <a href="wetlab.html" class="hu-icon"><img src="img/picto/wet.png" alt="Picto Wetlab" />
    WETLAB</a>
  • <a href="modeling.html" class="hu-icon"><img src="img/picto/mod.png" alt="Picto modeling" />
    MODELING</a>
  • <a href="human.html" class="hu-icon"><img src="img/picto/hum.png" alt="Picto Human practice" />
    HUMAN
    PRACTICE</a>
  • <a href="team.html" class="hu-icon"><img src="img/picto/team.png" alt="Picto team" />
    TEAM</a>