Team:Exeter/Collaborators
From 2012.igem.org
(Difference between revisions)
(Created page with "{{Template:Team:Exeter/e-candi_banner}} 475px") |
|||
Line 1: | Line 1: | ||
{{Template:Team:Exeter/e-candi_banner}} | {{Template:Team:Exeter/e-candi_banner}} | ||
- | + | <html xmlns="http://www.w3.org/1999/xhtml"> | |
+ | <head> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <title>Collaborators</title> | ||
+ | |||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?action=raw&ctype=text/js" type="text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $('ul.animated li').hover(function(){ | ||
+ | $(this).find('.thumb').stop().animate({top:'-230px'},{queue:false,duration:300}); | ||
+ | },function(){ | ||
+ | $(this).find('.thumb').stop().animate({top:'0px'},{queue:false,duration:300}); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | ul.animated { | ||
+ | width: 980px; /**Page width**/ | ||
+ | list-style: none; | ||
+ | margin: auto; | ||
+ | padding: 0; | ||
+ | } | ||
+ | ul.animated li { | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | margin: 10px; padding: 0; | ||
+ | text-align: center; | ||
+ | border: 1px solid #ffffff; | ||
+ | -moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/ | ||
+ | -khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/ | ||
+ | -webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/ | ||
+ | display: inline; /*--IE6 Fix--*/ | ||
+ | overflow: hidden;/*Important! So that the image will overlap when it slides*/ | ||
+ | } | ||
+ | ul.animated li a.thumb { | ||
+ | width: 218px; /*--Width of image--*/ | ||
+ | height: 230px; /*--Height of image--*/ | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | ul.animated li a.thumb img { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | z-index: 3; /*--Put a high number on this--*/ | ||
+ | } | ||
+ | ul.animated li h2 { | ||
+ | font-size: 2; | ||
+ | font-weight: normal; | ||
+ | text-transform: uppercase; | ||
+ | margin: 0; | ||
+ | padding: 10px; | ||
+ | background: #1d1d1b; | ||
+ | border-top: 1px solid #ffffff; | ||
+ | } | ||
+ | ul.animated li a {text-decoration: none; color: #ffffff; display: block;} | ||
+ | .description { | ||
+ | position:absolute; | ||
+ | left:0; | ||
+ | top: 0; | ||
+ | width: 218px; | ||
+ | height: 230px; | ||
+ | background-color:#1d1d1b; | ||
+ | text-align: left; | ||
+ | font-family: 'Verdana'; | ||
+ | font-size: 2; | ||
+ | color:#ffffff; | ||
+ | opacity:1; /*--Transparency--*/ | ||
+ | filter:alpha(opacity=60); /*--IE Transparency--*/ | ||
+ | z-index: -5; /*--Put a low number for this--*/ | ||
+ | } | ||
+ | .description p{ | ||
+ | font-size: 2; | ||
+ | font-family: 'Verdana'; | ||
+ | padding-top: 0; | ||
+ | color: #ffffff; | ||
+ | text-align: left; | ||
+ | padding: 3px; | ||
+ | } | ||
+ | .title { | ||
+ | font-size: +1; | ||
+ | font:Verdana; | ||
+ | color: #fffff; | ||
+ | text-align: left; | ||
+ | padding-left: 3px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <table width="980"> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <ul class="animated"> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/b/be/Exe2012Nicharmer.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Nicholas Harmer</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=nic_harmer" style="color:#ffffff"><u>Dr Nicholas Harmer</u></a></h2> | ||
+ | </li> | ||
+ | <!--Second Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/4/4f/Exe2012Johnlove.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Prof. John Love</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=john_love"><u>Prof. John Love</u></a></h2> | ||
+ | </li> | ||
+ | <!--Third Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/d/d9/Exe2012Steve_aves.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Prof. Steve Aves</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=steve_aves"><u>Prof. Steve Aves</u></a></h2> | ||
+ | </li> | ||
+ | <!--Fourth Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/e/ea/Exe2012Nick_smirnoff.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Prof. Nicholas Smirnoff</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=nick_smirnoff"><u>Prof. Nicholas Smirnoff</u></a></h2> | ||
+ | </li> | ||
+ | <!--Fifth Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/c/c6/Exe2012Michael_Page.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Michael Page</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=Michael_Page&tab=profile"><u>Dr Michael Page</u></a></h2> | ||
+ | </li> | ||
+ | <!--Sixth Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/c/ca/Exe2012Placeholder.png" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dagmara Kolak</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=Dagmara_Kolak"><u>Dagmara Kolak</u></a></h2> | ||
+ | </li> | ||
+ | <!--Seventh Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/8/8d/Exe2012Hannah_florance.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Hannah Florance</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=hannah_florance"><u>Dr Hannah Florance</u></a></h2> | ||
+ | </li> | ||
+ | <!--Eighth Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/e/ea/Exe2012Mark_wood.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Mark Wood</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=mark_wood"><u>Dr Mark Wood</u></a></h2> | ||
+ | </li> | ||
+ | <!--Nineth Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/c/c5/Exe2012Sara_burton.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Sara Burton</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=sara_burton&tab=profile"><u>Dr Sara Burton</u></a></h2> | ||
+ | </li> | ||
+ | <!--Tenth Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/b/bc/Exe2012Mark_ramsdale.jpg | ||
+ | " alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Mark Ramsdale</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=mark_ramsdale"><u>Dr Mark Ramsdale</u></a></h2> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <ul class="animated"> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/b/bd/Exe2012CPW.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Professor C Peter Winlove</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://emps.exeter.ac.uk/physics-astronomy/staff/cpwinlov"><u>Professor C Peter Winlove</u></a></h2> | ||
+ | </li> | ||
+ | <!--Second Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/7/71/Exe2012JMR.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr John Rowe</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://emps.exeter.ac.uk/physics-astronomy/staff/JRowe"><u>Dr John Rowe</u></a></h2> | ||
+ | </li> | ||
+ | <!--Second Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/4/44/Exe2012Orkunsoyer.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Orkun Soyer</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://emps.exeter.ac.uk/staff/oss203"><u>Dr Orkun Soyer</u></a></h2> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <ul class="animated"> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/7/7a/Exe2012Steve_hughes.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Prof. Steve Hughes</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://www.genomicsnetwork.ac.uk/egenis/people/academicstaff/forename,217,en.html"><u>Prof. Steve Hughes</u></a></h2> | ||
+ | </li> | ||
+ | <!--Second Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/6/64/Exe2012Sabina.JPG" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr. Sabina Leonelli</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://www.genomicsnetwork.ac.uk/egenis/people/academicstaff/forename,3875,en.html"><u>Dr. Sabina Leonelli</u></a></h2> | ||
+ | </li> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/e/e1/Exe2012David_santillo.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">David Santillo</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=david_santillo"><u>David Santillo</u></a></h2> | ||
+ | </li> | ||
+ | <!--Second Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/9/9e/Exe2012Janet_cotter.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Janet Cotter</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://biosciences.exeter.ac.uk/staff/index.php?web_id=janet_cotter"><u>Janet Cotter</u></a></h2> | ||
+ | </li> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/c/ca/Exe2012Placeholder.png" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Matthew Baker</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://www.exeter.ac.uk/research/rkt/contactsandaboutus/contactusa-z/matt_baker/"><u>Dr Matthew Baker</u></a></h2> | ||
+ | </li> | ||
+ | <!--Second Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/c/ca/Exe2012Placeholder.png" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Dr Teresa Penfield</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://www.exeter.ac.uk/research/rkt/contactsandaboutus/contactusa-z/teresa_penfield/"><u>Dr Teresa Penfield</u></a></h2> | ||
+ | </li> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/3/3c/Exe2012Markkelly218.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Mark Kelly</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://www.exeter.ac.uk/research/rkt/contactsandaboutus/contactusa-z/markkelly/"><u>Mark Kelly</u></a></h2> | ||
+ | </li> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/c/ca/Exe2012Placeholder.png" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title">Marian Littlejohn</span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="#">Marian Littlejohn</a></h2> | ||
+ | </li> | ||
+ | <!--First Image--> | ||
+ | <li> | ||
+ | <a href="#" class="thumb"><img src="https://static.igem.org/mediawiki/igem.org/0/0e/Exe2012Ed_Creed.jpg" alt="" /></a> | ||
+ | <div class='description'> | ||
+ | <!-- description content --> | ||
+ | <span class="title"><u>Ed Creed</u></span> | ||
+ | <p></p> | ||
+ | <!-- end description content --> | ||
+ | </div> | ||
+ | <h2><a href="http://lifesciences.exeter.ac.uk/staff/index.php?web_id=Ed_Creed"><u>Ed Creed</u></a></h2> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </td> | ||
+ | </tr> | ||
+ | |||
+ | </table> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Revision as of 13:53, 11 September 2012
|
|
|