Team:UCL-London-PG/HomeTest

<!--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;}    /* unvisited link */
      a:visited {color:#87CEFF;} /* visited 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>
    <div class="center">
    <div id="theTitle" class="inline">
       <div id="teamNameTitle">SPECTRA</div><br><br>
       <div id="slogan" class="center">Let there be Light</div>
    </div>
    <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
    <div id="theMenu" class="inline">
       <input title="Team" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/beams-aura.png" width=70>
       <input title="Science" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/fizzing-flask.png" width=70>
       <input title="Social" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/radar-dish.png" width=70>
       <input title="Achievement" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/medal.png" width=70>
       <input title="Notebook" style="opacity:0.5;" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/tied-scroll.png" width=70>
       <input title="Sponsors" type="image" src="https://dl.dropboxusercontent.com/u/45600819/SpectraWiki/HomeTest/prayer.png" width=70>
    </div>
    <br><br>

    <style>
       .boxed{margin:20px; padding:20px; box-shadow: 0 0 0 6px #EEE9E9, 0 0 0 12px #8B8989; font-family:Tahoma; }
       .boxed{text-align:left; }
    </style>
    <div>
       <div class="inline" style="width:800px; height:840px;">
          <div class="boxed roundBorder inline" style=" width:260px; height:350px;">
             <p style="color:white; font-size:2.9em;"><b>About iGEM</b></p>
             <p style="color:#CDC9C9; font-size:1.1em;">International Genetically Engineered Machine (iGEM)  is an annual world-wide synthetic biology competition aimed at university students. Each year, participating teams from all over the world are challenged to bring their innovative ideas to life by applying engineering methodology in life sciences and ultimately produce “Biobricks” which are modular biological circuit parts that can be utilized to solve global issues.</p>
          </div>
          <div class="boxed roundBorder inline" style=" width:300px; height:180px;">
             <p style="color:white; font-size:2.9em;"><b>About us</b></p>
             <p style="color:#CDC9C9; font-size:1.1em;">We are combination of dedicated graduate students and research assistants from both <a href="http://www.ucl.ac.uk/cancer">UCL Cancer Institute</a> and <a href="http://www.engineering.ucl.ac.uk/">UCL Engineering</a>.</p>
          </div>
          <div class="boxed roundBorder inline" style=" width:260px; height:300px;">
             <p style="color:white; font-size:2.9em;"><b>About idea</b></p>
             <p style="color:#CDC9C9; font-size:1.1em;">Improvising activation of the circuit with light, evolve bioluminescent proteins. Allow preclinical genetic imaging to study endogenous and disease processes in vivo and to image the genetic behaviour of life.</p>
          </div>
       </div>
       <iframe class="roundBorder boxed" src="http://www.slideshare.net/slideshow/embed_code/22956081" width="800" height="650" frameborder="100" marginwidth="0" marginheight="0" scrolling="no"></iframe>
    </div>

    </div>
</body>



</html>