Team:UCL PG/Parts

<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"-->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">

<head>
  <style type="text/css">
      body{ background: #000000 url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/broken_noise.png') top left repeat; overflow-x:hidden; border: none; margin: 0; padding: 0; width: 100%; height:100%; }
      #content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; height:100%;}
      #content {padding-top:70px; min-height:700px}
      #search-controls { display:none; }
      #top-section {height: 10px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; padding:0; border: none; font-size: 10px;}
      #p-logo { height:0px; overflow:hidden; display: none;}
      #footer-box { border: none; background-color:transparent;}
      #catlinks{display:none !important;}
      //#top-section{display:none;}
      h1.firstHeading{display:none}
      a:link {color:#87CEFF; outline: 0;}    /* unvisited link */
      a:visited {color:#87CEFF; outline: 0;} /* visited link */
      a:hover {TEXT-DECORATION: none;} /*hover over a link*/

      .center{margin:auto;}
      .inline{display:inline-block;}
      .roundBorder{-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px;};
      .firstHeading{display:none;}

      @font-face {
         font-family: 'titleFont';
         src: url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.eot');
         src: url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.woff') format('woff'),
         url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.ttf') format('truetype'),
         url('https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/Fonts/duplexide-webfont.svg') format('svg');
         font-weight: normal;
         font-style: normal;}

</head>


<body>
    <style>
      #theTitle{}
      #theMenu{}
      #teamNameTitle{font-family:'titleFont'; font-size:80px; color:white ;text-shadow: 0 0 10px #fff, 0 0 20px #FF7F00, 0 0 30px #FF7F00, 0 0 40px #0000FF, 0 0 70px #0000FF, 0 0 80px #0000EE;}
      #slogan{font-family:'titleFont'; font-size:20px; color:white; margin:auto; text-shadow: 0 0 10px #fff;}
    </style>


<!-- MENUBAR -->

<style type="text/css">
a.tooltip {outline:none; } 
a.tooltip strong {line-height:30px;} 
a.tooltip:hover {text-decoration:none;} 
a.tooltip circle { z-index:10;display:none; margin-top:0px; margin-left:-80px; margin-top:-10px; width:80px; height:80px; font-size:1em;}
a.tooltip circle { border-radius:80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; -moz-box-shadow: 0px 0px 10px 5px #666; -webkit-box-shadow: 0px 0px 10px 5px #666; box-shadow: 0px 0px 10px 5px #666; opacity: 0.7; }
a.tooltip:hover circle{ display:inline; position:absolute; border:5px solid #FFF; color:#000;}

a.tooltip span { z-index:10;display:none; margin-top:0px; margin-left:-75px; margin-top:-35px; width:80px; font-size:1.5em; font-family:Georgia; text-align:center;}
a.tooltip:hover span{ display:inline; position:absolute; color:#FFF;}
</style>

   <div class="center">
   <div id="theTitle" class="inline"><a href="https://2013.igem.org/Team:UCL_PG">
      <div id="teamNameTitle">SPECTRA</div><br><br>
      <div id="slogan" class="center">Let there be Light</div>
   </a></div>
   <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
   <div id="theMenu" class="inline">
       <a href="https://2013.igem.org/Team:UCL_PG/Team" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B1%5Dbeams-aura.png" width=70><circle></circle><span>Team</span></a>
       <a href="https://2013.igem.org/Team:UCL_PG/Project" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B2%5Dfizzing-flask.png" width=70><circle></circle><span>Science</span></a>
       <a href="https://2013.igem.org/Team:UCL_PG/Social" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B3%5Dradar-dish.png" width=70><circle></circle><span>Social</span></a>
       <a href="https://2013.igem.org/Team:UCL_PG/Parts" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B4%5Dmedal.png" width=70><circle></circle><span>Achievements</span></a>
       <a href="https://2013.igem.org/Team:UCL_PG/Notebook" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B5%5Dbook-cover.png" width=70><circle></circle><span>Labbook</span></a>
       <a href="https://2013.igem.org/Team:UCL_PG/Sponsor" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B6%5Dprayer.png" width=70><circle></circle><span>Sponsors</span></a>
       <a href="https://2013.igem.org/Team:UCL_PG/Contact" class="tooltip"><input type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Menubar/%5B7%5DIGEM_basic_Logo_stylized.png" width=70><circle></circle><span>Contacts</span></a>
    </div>

    <br><br>

<div style="width:900px;color:white;font-size:1.2em;">

<lol style="font-size:2em;font-family:Georgia;"><b><i>Gallery</i></b></lol>
<br><br>

<br><br><br>
<lol style="font-size:2em;font-family:Georgia;"><b><i>Attributions</i></b></lol>
<br><br>

    <style>
        .circular{	
            width: 150px;
	    height: 150px;
	    border-radius: 150px;
	    -webkit-border-radius: 150px;
	    -moz-border-radius: 150px;
	    box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
        }
    </style>

<table border="2" style="border-radius:20px;background:#E5E5E5;width:700px;text-align:left;" cellpadding="10">
<tr>
<td style="width:120px;">
<img style="overflow:auto;width:100px;height:100px;" class="circular" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Photos/Person%20photo/Khai.jpg">
</td>
<td>
Leader of the team. Fund raiser. Design circuits, constructs and instructed most experiments. Conducted pCSTA kinetic assay. Wiki wizard. Modeller.
</td>
</tr>

<tr>
<td style="width:120px;">
<img style="overflow:auto;width:100px;height:100px;" class="circular" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Photos/Person%20photo/Cassie.jpg">
</td>
<td>
Heavily involved in cloning. Maintain e-labbook. Characterized mKeima, eGFP and RFP. Outreach.
</td>
</tr>

<tr>
<td style="width:120px;">
<img style="overflow:auto;width:100px;height:100px;" class="circular" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Photos/Person%20photo/Ranvir.jpg">
</td>
<td>
Serial cloning machine. Produced pCSTA series constructs. Powerpoint maker.
</td>
</tr>

<tr>
<td style="width:120px;">
<img style="overflow:auto;width:100px;height:100px;" class="circular" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Photos/Person%20photo/Thomas.jpg">
</td>
<td>
Ambassador. Got team T shirt from Malene. Spectroscopist.
</td>
</tr>

<tr>
<td style="width:120px;">
<img style="overflow:auto;width:100px;height:100px;" class="circular" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Photos/Person%20photo/Hugh.jpg">
</td>
<td>
Cloning in lab. Run errands on parallel. Literature miner.
</td>
</tr>

<tr>
<td style="width:120px;">
<img style="overflow:auto;width:100px;height:100px;" class="circular" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/Photos/Person%20photo/Shahin.jpg">
</td>
<td>
Helped out in lab works. Idea contributor.
</td>
</tr>

</table>

<br><br><br>
<lol style="font-size:2em;font-family:Georgia;"><b><i>Parts</i></b></lol>
<br><br>

</div>

</body>

</html>

<groupparts class="center">iGEM013 UCL_PG</groupparts>