Line 2: | Line 2: | ||
<html> | <html> | ||
+ | |||
+ | <head> | ||
+ | <meta charset="utf-8" /> | ||
+ | <style> | ||
+ | .photos img { | ||
+ | -webkit-transition: all 0.5s ease-out; | ||
+ | -moz-transition: all 0.5s ease-out; | ||
+ | -o-transition: all 0.5s ease-out; | ||
+ | transition: all 0.5s ease-out; | ||
+ | padding: 10px 10px 30px 10px; | ||
+ | background: white; | ||
+ | border: solid 1px black; | ||
+ | } | ||
+ | .photos img:nth-of-type(1) { | ||
+ | left: 50px; | ||
+ | top: 50px; | ||
+ | -webkit-transform: rotate(5deg); | ||
+ | -moz-transform: rotate(5deg); | ||
+ | -o-transform: rotate(5deg); | ||
+ | transform: rotate(5deg); | ||
+ | } | ||
+ | |||
+ | .photos img:nth-of-type(2) { | ||
+ | left: 50px; | ||
+ | top: 50px; | ||
+ | -webkit-transform: rotate(-10deg); | ||
+ | -moz-transform: rotate(-10deg); | ||
+ | -o-transform: rotate(-10deg); | ||
+ | transform: rotate(-10deg); | ||
+ | } | ||
+ | |||
+ | .photos img:nth-of-type(3) { | ||
+ | left: 250px; | ||
+ | top: 50px; | ||
+ | -webkit-transform: rotate(7deg); | ||
+ | -moz-transform: rotate(7deg); | ||
+ | -o-transform: rotate(7deg); | ||
+ | transform: rotate(7deg); | ||
+ | } | ||
+ | |||
+ | .photos img:nth-of-type(4) { | ||
+ | left: 350px; | ||
+ | top: 150px; | ||
+ | -webkit-transform: rotate(-3deg); | ||
+ | -moz-transform: rotate(-3deg); | ||
+ | -o-transform: rotate(-3deg); | ||
+ | transform: rotate(-3deg); | ||
+ | } | ||
+ | |||
+ | .photos img:nth-of-type(5) { | ||
+ | left: 450px; | ||
+ | top: 50px; | ||
+ | -webkit-transform: rotate(2deg); | ||
+ | -moz-transform: rotate(2deg); | ||
+ | -o-transform: rotate(2deg); | ||
+ | transform: rotate(2deg); | ||
+ | } | ||
+ | .photos img:nth-of-type(6) { | ||
+ | left: 550px; | ||
+ | top: 100px; | ||
+ | -webkit-transform: rotate(10deg); | ||
+ | -moz-transform: rotate(10deg); | ||
+ | -o-transform: rotate(10deg); | ||
+ | transform: rotate(10deg); | ||
+ | } | ||
+ | .photos img:nth-of-type(7) { | ||
+ | left: 650px; | ||
+ | top: 50px; | ||
+ | -webkit-transform: rotate(-7deg); | ||
+ | -moz-transform: rotate(-7deg); | ||
+ | -o-transform: rotate(-7deg); | ||
+ | transform: rotate(-7deg); | ||
+ | } | ||
+ | .photos img:nth-of-type(8) { | ||
+ | left: 750px; | ||
+ | top: 150px; | ||
+ | -webkit-transform: rotate(-10deg); | ||
+ | -moz-transform: rotate(-10deg); | ||
+ | -o-transform: rotate(-10deg); | ||
+ | transform: rotate(-10deg); | ||
+ | } | ||
+ | .photos img:nth-of-type(9) { | ||
+ | left: 850px; | ||
+ | top: 50px; | ||
+ | -webkit-transform: rotate(6deg); | ||
+ | -moz-transform: rotate(6deg); | ||
+ | -o-transform: rotate(6deg); | ||
+ | transform: rotate(6deg); | ||
+ | } | ||
+ | .photos img:nth-of-type(10) { | ||
+ | left: 950px; | ||
+ | top: 100px; | ||
+ | -webkit-transform: rotate(-4deg); | ||
+ | -moz-transform: rotate(-4deg); | ||
+ | -o-transform: rotate(-4deg); | ||
+ | transform: rotate(-4deg); | ||
+ | } | ||
+ | .photos img:nth-of-type(11) { | ||
+ | left: 10950px; | ||
+ | top: 50px; | ||
+ | -webkit-transform: rotate(5deg); | ||
+ | -moz-transform: rotate(5deg); | ||
+ | -o-transform: rotate(5deg); | ||
+ | transform: rotate(5deg); | ||
+ | } | ||
+ | .photos img:nth-of-type(12) { | ||
+ | left: 1150px; | ||
+ | top: 150px; | ||
+ | -webkit-transform: rotate(-4deg); | ||
+ | -moz-transform: rotate(-4deg); | ||
+ | -o-transform: rotate(-4deg); | ||
+ | transform: rotate(-4deg); | ||
+ | } | ||
+ | .photos img:hover { | ||
+ | -webkit-transform: rotate(380deg) scale(1.5); | ||
+ | -moz-transform: rotate(380deg) scale(1.5); | ||
+ | -o-transform: rotate(380deg) scale(1.5); | ||
+ | transform: rotate(380deg) scale(1.5); | ||
+ | z-index: 10; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | <title>Premiers tests du CSS</title> | ||
+ | </head> | ||
+ | |||
<!-- JQUERY for bubble title --> | <!-- JQUERY for bubble title --> | ||
<script src="http://savandara.besse.emi.u-bordeaux.fr/Wiki/jquery-1.12.3.min.js"></script> | <script src="http://savandara.besse.emi.u-bordeaux.fr/Wiki/jquery-1.12.3.min.js"></script> | ||
Line 373: | Line 499: | ||
<div id="MascotComic"></div> | <div id="MascotComic"></div> | ||
</div> | </div> | ||
+ | <div class="photos"> | ||
+ | <img src="http://image.noelshack.com/fichiers/2016/42/1476740806-dsc-0101.jpg" width="250" height="250" /> | ||
+ | <img src="http://image.noelshack.com/fichiers/2016/42/1476740807-dsc-0123.jpg" width="250" height="250" /> | ||
+ | <img src="http://image.noelshack.com/fichiers/2016/42/1476740810-dsc-0127.jpg" width="250" height="250" /> | ||
+ | <img src="http://image.noelshack.com/fichiers/2016/42/1476740814-dsc-0131.jpg" width="250" height="250" /> | ||
+ | <img src="http://image.noelshack.com/fichiers/2016/42/1476740806-dsc-0136.jpg" width="250" height="250" /> | ||
+ | <img src="http://image.noelshack.com/fichiers/2016/42/1476740806-dsc-0147.jpg" width="250" height="250" /> | ||
+ | <img src="http://image.noelshack.com/fichiers/2016/42/1476741052-img-5112-1.jpg" width="250" height="250" /> | ||
+ | <img src="http://image.noelshack.com/fichiers/2016/42/1476741082-img-8826.jpg" width="250" height="250" /> | ||
+ | <img src="http://image.noelshack.com/fichiers/2016/42/1476741084-img-8804.jpg" width="250" height="250" /> | ||
+ | <img src="http://image.noelshack.com/fichiers/2016/42/1476740879-dsc-0527.jpg" width="250" height="250" /> | ||
+ | <img src="http://image.noelshack.com/fichiers/2016/42/1476740849-dsc-0501.jpg" width="250" height="250" /> | ||
+ | <img src="http://image.noelshack.com/fichiers/2016/42/1476740879-dsc-0535.jpg" width="250" height="250" /> | ||
+ | </div> | ||
</div> | </div> | ||
Revision as of 22:43, 17 October 2016
Our supervisors
Denis DUPUY
Denis DUPUY is a Research officer (CR1) at the National Institute of Health and Medical Research (INSERM). He works at the European Institute of Chemistry and Biology on tools and methods needed to perform systematic analysis of spatiotemporal gene expression in vivo in Caenorhabditis elegans.
Marie BEURTON-AIMAR
Marie BEURTON AIMAR is is the head of the Bioformatics Master of Bordeaux University. She is also a Research officer at the Bordeaux Laboratory of Research and Informatics (LaBRI) and works on the modeling and simulation of biochemical reactions and on the processing and analysis of biological images.
Together, they have been participating in the iGEM competition since 2012 and they have been supporting the student initiatives through the creation of the iGEM Bordeaux team.
The members
Hiba BEN MOHAMED, a real iGEM addict!
Hiba is the oldest member of our team.
24 years old, currently in her 5th year of Agroscience Biology specialized in Phytopathology and Mycology (Bordeaux University), she started her first iGEM adventure in 2014. Against winds and tides, she is always there (we can't get rid of her!), supporting the team with her happiness and her smile. Money (for sponsoring!) and handsome guys can't resist to her charms.
Click on the pictures to know more about each team!
(Or wait few seconds and something will appear..)
Team Survivor
Team Valor
Team Mystic
Team Instinct
The mascots
Bioo
Click on the picture to know more about him!
Foo
Click on the picture to know more about him!