Team:INSA-Lyon
From 2014.igem.org
(Difference between revisions)
Line 9: | Line 9: | ||
<body> | <body> | ||
- | + | <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> 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
<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>