Team:Oxford/layouttest

From 2014.igem.org

(Difference between revisions)
 
(42 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{Team:Oxford/Regular}}
 +
<!DOCTYPE html>
 +
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
 +
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
 +
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
 +
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<head>
<head>
-
  <meta name="generator" content="HTML Tidy for Linux (vers 25 March 2009), see www.w3.org">
 
-
  <style type="text/css">
 
-
  @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
+
<meta charset="UTF-8">
-
 
+
<title>Oxigem 2014 - Bioremediation</title>
-
  body {
+
<meta name="description" content="">
-
    background: url(https://static.igem.org/mediawiki/2014/9/90/Oxigemradcam.jpg) no-repeat center center fixed;
+
<meta name="keywords" content="">
-
    -webkit-background-size: cover;
+
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
-
    -moz-background-size: cover;
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144.png">
-
    -o-background-size: cover;
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114.png">
-
    background-size: cover;
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72.png">
-
    background-position: center top;
+
<link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57.png">
-
    margin: 10px;
+
<link rel="shortcut icon" href="images/ico/favicon.png">
-
    padding: 0;
+
<!--[if IE]><![endif]-->
-
    border: 0;
+
<link rel="stylesheet" href="css/style.css">
-
    vertical-align: baseline;
+
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
-
    font-family: 'Open Sans', 'helvetica', sans-serif;
+
-
    font-size: 10px;
+
-
    font-weight: 300;
+
-
  }
+
-
 
+
-
  #content {
+
-
    border:none;
+
-
    width:100%;
+
-
    margin:0;
+
-
    padding:0;
+
-
    background:none;
+
-
  }
+
-
 
+
-
  #catlinks {
+
-
    display:none;
+
-
  }
+
-
 
+
-
  #contentSub {
+
-
    display:none;
+
-
  }
+
-
 
+
-
  #menubar {
+
-
    width: auto;}
+
-
 
+
-
  .left-menu:hover {
+
-
    background-color: transparent;
+
-
  }
+
-
  #menubar li a {
+
-
    background-color: transparent;
+
-
  }
+
-
  #menubar:hover {
+
-
    color: gray;
+
-
  }
+
-
  #menubar li a {
+
-
    color: gray;
+
-
  }
+
-
  #menubar:hover li a {
+
-
    color: #CCC;
+
-
  }
+
-
 
+
-
 
+
-
  #search-controls {
+
-
    display:none;
+
-
  }
+
-
 
+
-
  #top-section {
+
-
    height:0px;
+
-
    width:100%;
+
-
    border:none;
+
-
  }
+
-
 
+
-
  #footer-box {
+
-
    border:none;
+
-
    display:none;
+
-
    width:100%;
+
-
  }
+
-
 
+
-
  #p-logo {
+
-
    display:none;
+
-
  }
+
-
 
+
-
  .firstHeading {
+
-
  display:none;
+
-
  }
+
-
 
+
-
  #bodyContent p{
+
-
    display:none;
+
-
  }
+
-
 
+
-
  html, div, span, applet, object, iframe,
+
-
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
-
  a, abbr, acronym, address, big, cite, code,
+
-
  del, dfn, em, img, ins, kbd, q, s, samp,
+
-
  small, strike, strong, sub, sup, tt, var,
+
-
  b, u, i, center,
+
-
  dl, dt, dd, ol, ul, li,
+
-
  fieldset, form, label, legend,
+
-
  table, caption, tbody, tfoot, thead, tr, th, td,
+
-
  article, aside, canvas, details, embed,
+
-
  figure, figcaption, footer, header, hgroup,
+
-
  menu, nav, output, ruby, section, summary,
+
-
  time, mark, audio, video {
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    border: 0;
+
-
    font-size: 100%;
+
-
    font: inherit;
+
-
    vertical-align: baseline;
+
-
  }
+
-
 
+
-
  #top-section {
+
-
    width: 965px;
+
-
    height: 0;
+
-
    margin: 0 auto;
+
-
    padding: 0;
+
-
    border: none;}
+
-
 
+
-
  .left-menu:hover {
+
-
    background-color: transparent;}
+
-
 
+
-
  #menubar li a {
+
-
    background-color: transparent;}
+
-
 
+
-
  .outer {
+
-
    width:100%;
+
-
    height:100%;
+
-
    padding-top:7%;
+
-
  }
+
-
 
+
-
  .inner {
+
-
    position: relative;
+
-
    width: 100%;
+
-
  }
+
-
 
+
-
  img.supercoil {
+
-
    width:65%;
+
-
    display: block;
+
-
    margin-left: auto;
+
-
    margin-right: auto }
+
-
 
+
-
  .Heading {
+
-
    position:absolute;
+
-
    display: block;
+
-
  }
+
-
 
+
-
.left {margin-top:20px; width:10%; margin-left:20%; float:left;}
+
-
.test { background: #BEBEBE; margin-top:2%; width:10%; height:100%; float:left; padding: 10px 40px; border-radius: 10px;}
+
-
.right {margin-top:20px; width:10%;float:left;}
+
-
 
+
-
 
+
-
  </style>
+
-
  <script type="text/javascript">
+
-
 
+
-
  function iconleft(x) {
+
-
    x.style.right="1.2%";
+
-
  }
+
-
  function iconnormal(x) {
+
-
    x.style.right="0.7%";
+
-
  }
+
-
 
+
-
  function DCMationbig(x) {
+
-
    x.style.height="12.5%";
+
-
    x.style.width="12.5%";
+
-
  }
+
-
  function DCMationnormal(x) {
+
-
    x.style.height="11%";
+
-
    x.style.width="11%";
+
-
  }
+
-
  function Achievementsbig(x) {
+
-
    x.style.height="12%";
+
-
    x.style.width="12%";
+
-
  }
+
-
  function Achievementsnormal(x) {
+
-
    x.style.height="11.1%";
+
-
    x.style.width="11.1%";
+
-
  }
+
-
  function Modellingbig(x) {
+
-
    x.style.height="9%";
+
-
    x.style.width="9%";
+
-
  }
+
-
  function Modellingnormal(x) {
+
-
    x.style.height="8.5%";
+
-
    x.style.width="8.5%";
+
-
  }
+
-
  function Policybig(x) {
+
-
    x.style.height="7.9%";
+
-
    x.style.width="7.9%";
+
-
  }
+
-
  function Policynormal(x) {
+
-
    x.style.height="7.3%";
+
-
    x.style.width="7.3%";
+
-
  }
+
-
  function iGEMcommbig(x) {
+
-
    x.style.height="9.4%";
+
-
    x.style.width="9.4%";
+
-
  }
+
-
  function iGEMcommnormal(x) {
+
-
    x.style.height="8.8%";
+
-
    x.style.width="8.8%";
+
-
  }
+
-
  function Interlabbig(x) {
+
-
    x.style.height="7%";
+
-
    x.style.width="7%";
+
-
  }
+
-
  function Interlabnormal(x) {
+
-
    x.style.height="6.5%";
+
-
    x.style.width="6.5%";
+
-
  }
+
-
  function Safetybig(x) {
+
-
    x.style.height="5.6%";
+
-
    x.style.width="5.6%";
+
-
  }
+
-
  function Safetynormal(x) {
+
-
    x.style.height="5%";
+
-
    x.style.width="5%";
+
-
  }
+
-
  function Teambig(x) {
+
-
    x.style.height="4.8%";
+
-
    x.style.width="4.8%";
+
-
  }
+
-
  function Teamnormal(x) {
+
-
    x.style.height="4.4%";
+
-
    x.style.width="4.4%";
+
-
  }
+
-
  function Subheadingbig(x) {
+
-
    x.style.height="40%";
+
-
    x.style.width="40%";
+
-
  }
+
-
  function Subheadingnormal(x) {
+
-
    x.style.height="38%";
+
-
    x.style.width="38%";
+
-
  }
+
-
  function DCMation() {
+
-
    document.getElementById('DCMationwrap').style.display = "block";
+
-
  }
+
-
  function DCMationHide(x) {
+
-
    document.getElementById('DCMationwrap').style.display = "none";
+
-
  }
+
-
 
+
-
$(".left, .right").click(function () {
+
-
    $(".test").animate({width: 'toggle'});;
+
-
});
+
-
 
+
-
  </script>
+
-
 
+
-
  <title></title>
+
</head>
</head>
 +
<body id="pagetop">
-
<body>
 
-
  <div class="outer">
 
-
  <div class="iGEMlogo" style="width:7.5%; position:absolute; top:0.7%; right:-0.5%;">
+
<div class="container clearfix">
-
    <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/4/49/Oxigen_IGEM.png" style="width:100%"/></a>
+
<div id="headercont" class="bodycontainer clearfix">
-
  </div>
+
<h1><a title="" href="#">Bioremediation <span>Characterisation</span></a></h1>
 +
       
 +
</div>
 +
</div>
-
  <div class="fbicon" style="width:3.2%; height:5%; position:absolute; top:14.8%; right:0.7%; opacity: 0.6;" onmouseover=
+
<div class="container bg1 clearfix">
-
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
+
<div id="gallerycont" class="fullbodycontainer clearfix">
-
    <a href="https://www.facebook.com/oxfordigem"><img src="https://static.igem.org/mediawiki/2014/8/88/OxigemIconfacebook.png" style="width:100%;" /></a>
+
-
  </div>
+
-
  <div class="twicon" style="width:3%; position:absolute; top:22.9%; right:0.7%; opacity: 0.6;" onmouseover=
+
<div class="demo cleafix">
-
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
+
<div id="owl-demo" class="owl-carousel">
-
    <a href="https://twitter.com/OxfordiGEM" ><img src="https://static.igem.org/mediawiki/2014/3/3d/OxigemIgemtwitter.png" style="width:100%;" /></a>
+
<div class="item">
-
  </div>
+
<div class="itemcont">
 +
<h3 style="padding-top:50px;color:white;margin-left:10%;">Urna eget vulputate egestas</h3>
 +
<span class="hrline"></span>
 +
<p style="padding-bottom:50px;color:white;margin-left:10%;margin-right:10%;">Quisque condimentum, urna eget vulputate egestas, justo turpis luctus massa, in malesuada arcu velit vel metus. Donec massa diam, consectetur sit amet felis sit amet, rutrum accumsan neque.</p>
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
-
  <div class="yticon" style="width:3%; position:absolute; top:30.6%; right:0.7%; opacity: 0.6;" onmouseover=
+
<div class="container clearfix">
-
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
+
<div id="section1" class="bodycontainer section clearfix">
-
     <a href="https://www.youtube.com/channel/UCx1QJHqQcZ09aT97V2f4Xdw"><img src="https://static.igem.org/mediawiki/2014/e/ea/OxigemIconyoutube.png" style="width:100%;" /></a>
+
      
-
  </div>
+
<h2>Lorem ipsum dolor sit amet consectetur</h2>
 +
<img class="imgright" alt="" src="https://static.igem.org/mediawiki/2014/c/c2/OxigemDCMation600x400.jpg" />
 +
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec dolor elit. Quisque ut rutrum arcu, at posuere odio. In hac habitasse platea dictumst. In euismod ante ut quam tempus, commodo congue urna sagittis. Nulla convallis est quis ultricies semper. Donec tempor, ligula at molestie iaculis, odio nulla faucibus mi, eu mattis mauris erat porta dui. Praesent quis turpis dui. Cras sit amet pulvinar tortor. Aliquam pretium nunc vel viverra accumsan.</p>
 +
        <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas elementum pulvinar convallis. Proin sit amet urna ligula. Vestibulum vestibulum lectus et lacus pretium hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam eu vulputate leo. Integer tincidunt leo vitae turpis volutpat imperdiet. Donec pellentesque lectus eu suscipit ultrices. Pellentesque a quam auctor, pulvinar lacus vel, euismod purus.</p>
 +
        <p>Sed vel ante a quam lacinia facilisis. Etiam gravida diam sem, ut facilisis ipsum varius vel. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie. Nam vulputate justo non metus convallis dapibus. Mauris lobortis consectetur imperdiet. Nam id eros purus. Mauris quis est elit. Cras dapibus erat quis lectus dictum egestas.</p>
 +
 +
    </div>
 +
</div>
-
  <div class="mailicon" style="width:3%; position:absolute; top:38.3%; right:0.7%; opacity: 0.6;" onmouseover=
+
<div class="container colour2 clearfix">
-
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
+
<div id="section2" class="bodycontainer section clearfix">
-
     <a href="mailto:oxfordigem@bioch.ox.ac.uk"><img src="https://static.igem.org/mediawiki/2014/3/35/OxigemIconmail.png" style="width:100%;" /></a>
+
      
-
  </div>
+
<h2>Modelling</h2>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec dolor elit. Quisque ut rutrum arcu, at posuere odio. In hac habitasse platea dictumst. In euismod ante ut quam tempus, commodo congue urna sagittis. Nulla convallis est quis ultricies semper. Donec tempor, ligula at molestie iaculis, odio nulla faucibus mi, eu mattis mauris erat porta dui. Praesent quis turpis dui. Cras sit amet pulvinar tortor. Aliquam pretium nunc vel viverra accumsan.</p>
 +
       
 +
<div class="grid">
 +
<div class="column-6">
 +
<p><strong>.column-6</strong></p>
 +
<p>Sed vel ante a quam lacinia facilisis. Etiam gravida diam sem, ut facilisis ipsum varius vel. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie. Nam vulputate justo non metus convallis dapibus.</p>
 +
</div>
 +
<div class="column-6">
 +
<p><strong>.column-6</strong></p>
 +
<p>Sed vel ante a quam lacinia facilisis. Etiam gravida diam sem, ut facilisis ipsum varius vel. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie. Nam vulputate justo non metus convallis dapibus.</p>
 +
</div>
 +
</div>
 +
<div class="grid">
 +
<div class="column-4">
 +
<p><strong>.column-4</strong></p>
 +
<p>Sed vel ante a quam lacinia facilisis. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie.</p>
 +
</div>
 +
<div class="column-4">
 +
<p><strong>.column-4</strong></p>
 +
<p>Sed vel ante a quam lacinia facilisis. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie.</p>
 +
</div>
 +
<div class="column-4">
 +
<p><strong>.column-4</strong></p>
 +
<p>Sed vel ante a quam lacinia facilisis. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie.</p>
 +
</div>
 +
</div>
 +
<div class="grid">
 +
<div class="column-6">
 +
<p><strong>.column-6</strong></p>
 +
<p>Sed vel ante a quam lacinia facilisis. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie. Donec mattis vulputate risus, a feugiat purus ultrices et.</p>
 +
</div>
 +
<div class="column-3">
 +
<p><strong>.column-3</strong></p>
 +
<p>Sed vel ante a quam lacinia facilisis. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus.</p>
 +
</div>
 +
<div class="column-3">
 +
<p><strong>.column-3</strong></p>
 +
<p>Sed vel ante a quam lacinia facilisis. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus.</p>
 +
</div>
 +
</div>
 +
    </div>
 +
</div>
-
    <div class="inner">
+
<div class="container clearfix">
-
      <img src="https://static.igem.org/mediawiki/2014/e/e3/OxigemSupercoiltop.png" class="supercoil">
+
<div id="section3" class="bodycontainer clearfix">
 +
<h2>Lorem ipsum dolor sit amet consectetur</h2>
 +
<img class="imgleft" alt="" src="https://static.igem.org/mediawiki/2014/c/c2/OxigemDCMation600x400.jpg" />
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec dolor elit. Quisque ut rutrum arcu, at posuere odio. In hac habitasse platea dictumst. In euismod ante ut quam tempus, commodo congue urna sagittis. Nulla convallis est quis ultricies semper. Donec tempor, ligula at molestie iaculis, odio nulla faucibus mi, eu mattis mauris erat porta dui. Praesent quis turpis dui. Cras sit amet pulvinar tortor. Aliquam pretium nunc vel viverra accumsan.</p>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas elementum pulvinar convallis. Proin sit amet urna ligula. Vestibulum vestibulum lectus et lacus pretium hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam eu vulputate leo. Integer tincidunt leo vitae turpis volutpat imperdiet. Donec pellentesque lectus eu suscipit ultrices. Pellentesque a quam auctor, pulvinar lacus vel, euismod purus.</p>
 +
<hr />
 +
<p>Sed vel ante a quam lacinia facilisis. Etiam gravida diam sem, ut facilisis ipsum varius vel. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie. Nam vulputate justo non metus convallis dapibus. Mauris lobortis consectetur imperdiet. Nam id eros purus. Mauris quis est elit. Cras dapibus erat quis lectus dictum egestas.</p>
 +
</div>
 +
</div>
 +
<div class="container colour2 clearfix">
 +
<div id="footercont" class="bodycontainer clearfix">
-
      <img src="https://static.igem.org/mediawiki/2014/d/dd/OxigemSupercoilbottom.png" class="supercoil" style="margin-top:-4.035%; margin-right:17.52%; width:65.15%;">
+
</div>
-
 
+
-
<div style="width:100%; margin-top:-31%; margin-left:12%; position:absolute;">
+
-
<img class="left" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemLeft.png">
+
-
<div class="test">TEST</div>
+
-
<img class="right" src="https://static.igem.org/mediawiki/2014/7/7b/OxigemRight.png">  
+
</div>
</div>
-
 
-
      <div class="Heading" style="top: 72%; left: 35.5%; width:11%;" onclick="DCMation()" onmouseover=
 
-
      "DCMationbig(this)" onmouseout="DCMationnormal(this)" border="0"><a href="#"><img src=
 
-
      "https://static.igem.org/mediawiki/2014/2/22/OxigemDCMationheading.png" style="width: 100%;"></a></div>
 
-
 
-
      <div class="Heading" style="top: 77.8%; left: 53%; width:11.1%;" onmouseover="Achievementsbig(this)" onmouseout=
 
-
      "Achievementsnormal(this)" border="0">
 
-
        <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
 
-
        "https://static.igem.org/mediawiki/2014/d/db/OxigemAchievements.png" style="width: 100%;"></a>
 
-
      </div>
 
-
 
-
      <div class="Heading" style="top: 57%; left: 22%; width:8.5%;" onmouseover="Modellingbig(this)" onmouseout=
 
-
      "Modellingnormal(this)" border="0">
 
-
        <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
 
-
        "https://static.igem.org/mediawiki/2014/c/cd/OxigemModelling.png" style="width: 100%;"></a>
 
-
      </div>
 
-
 
-
      <div class="Heading" style="top: 56.5%; left:69.3%; width:7.3%;" onmouseover="Policybig(this)" onmouseout=
 
-
      "Policynormal(this)" border="0">
 
-
        <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
 
-
        "https://static.igem.org/mediawiki/2014/0/0a/OxigemP%26P.png" style="width: 100%;"></a>
 
-
      </div>
 
-
 
-
      <div class="Heading" style="top: 27%; left: 24.5%; width:8.8%;" onmouseover="iGEMcommbig(this)" onmouseout=
 
-
      "iGEMcommnormal(this)" border="0">
 
-
        <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
 
-
        "https://static.igem.org/mediawiki/2014/6/66/OxigemIGEMcomm.png" style="width: 100%;"></a>
 
-
      </div>
 
-
 
-
      <div class="Heading" style="top: 27.5%; left: 68%; width:6.5%;" onmouseover="Interlabbig(this)" onmouseout=
 
-
      "Interlabnormal(this)" border="0">
 
-
        <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
 
-
        "https://static.igem.org/mediawiki/2014/2/27/OxigemInterlab.png" style="width: 100%;"></a>
 
-
      </div>
 
-
 
-
      <div class="Heading" style="top: 15.3%; left: 40%; width:5%;" onmouseover="Safetybig(this)" onmouseout=
 
-
      "Safetynormal(this)" border="0">
 
-
        <a href="https://2014.igem.org/Team:Oxford/safety"><img src=
 
-
        "https://static.igem.org/mediawiki/2014/e/ef/OxigemSafety.png" style="width: 100%;"></a>
 
-
      </div>
 
-
 
-
      <div class="Heading" style="top: 16.5%; left: 55.5%; width:4.4%;" onmouseover="Teambig(this)" onmouseout=
 
-
      "Teamnormal(this)" border="0">
 
-
        <a href="https://2014.igem.org/Team:Oxford/team"><img src="https://static.igem.org/mediawiki/2014/c/c1/OxigemTeam.png"
 
-
        style="width: 100%;"></a>
 
-
      </div>
 
-
 
-
      <div id="DCMationwrap" onClick="DCMationHide()"
 
-
        style="background: rgba(0,0,0,.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; display:none">
 
-
        <div class="Heading" id="DCMationpopup" style=
 
-
        "top: 15%; left: 33%; width:24%; position:absolute;">
 
-
          <img src="https://static.igem.org/mediawiki/2014/3/3c/OxigemDcmationsub.png" style="width: 100%;">
 
-
 
-
          <div class="Heading" style="top: 13.8%; left: 31%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
 
-
          "Subheadingnormal(this)" border="0">
 
-
            <a href="https://2014.igem.org/Team:Oxford/ouridea"><img src=
 
-
            "https://static.igem.org/mediawiki/2014/1/1f/OxigemAbstract.png" style="width: 100%;"></a>
 
-
          </div>
 
-
 
-
          <div class="Heading" style="top: 32.6%; left: 30.9%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
 
-
          "Subheadingnormal(this)" border="0">
 
-
            <a href="https://2014.igem.org/Team:Oxford/notebook"><img src=
 
-
            "https://static.igem.org/mediawiki/2014/4/49/OxigemBiodetection.png" style="width: 100%;"></a>
 
-
          </div>
 
-
 
-
          <div class="Heading" style="top: 50.57%; left: 31%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
 
-
          "Subheadingnormal(this)" border="0">
 
-
            <a href="https://2014.igem.org/Team:Oxford/notebook"><img src=
 
-
            "https://static.igem.org/mediawiki/2014/8/80/OxigemBioremediation.png" style="width: 100%;"></a>
 
-
          </div>
 
-
 
-
          <div class="Heading" style="top: 69.5%; left: 30%; width:38%;" onmouseover="Subheadingbig(this)" onmouseout=
 
-
          "Subheadingnormal(this)" border="0">
 
-
            <a href="https://2014.igem.org/Team:Oxford/notebook"><img src=
 
-
            "https://static.igem.org/mediawiki/2014/f/f7/OxigemRealisation.png" style="width: 100%;"></a>
 
-
          </div>
 
-
        </div>
 
-
      </div>
 
-
    </div>
 
-
  </div>
 
</body>
</body>
</html>
</html>

Latest revision as of 18:48, 17 September 2014

<!DOCTYPE html> Oxigem 2014 - Bioremediation

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec dolor elit. Quisque ut rutrum arcu, at posuere odio. In hac habitasse platea dictumst. In euismod ante ut quam tempus, commodo congue urna sagittis. Nulla convallis est quis ultricies semper. Donec tempor, ligula at molestie iaculis, odio nulla faucibus mi, eu mattis mauris erat porta dui. Praesent quis turpis dui. Cras sit amet pulvinar tortor. Aliquam pretium nunc vel viverra accumsan.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas elementum pulvinar convallis. Proin sit amet urna ligula. Vestibulum vestibulum lectus et lacus pretium hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam eu vulputate leo. Integer tincidunt leo vitae turpis volutpat imperdiet. Donec pellentesque lectus eu suscipit ultrices. Pellentesque a quam auctor, pulvinar lacus vel, euismod purus.

Sed vel ante a quam lacinia facilisis. Etiam gravida diam sem, ut facilisis ipsum varius vel. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie. Nam vulputate justo non metus convallis dapibus. Mauris lobortis consectetur imperdiet. Nam id eros purus. Mauris quis est elit. Cras dapibus erat quis lectus dictum egestas.

Modelling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec dolor elit. Quisque ut rutrum arcu, at posuere odio. In hac habitasse platea dictumst. In euismod ante ut quam tempus, commodo congue urna sagittis. Nulla convallis est quis ultricies semper. Donec tempor, ligula at molestie iaculis, odio nulla faucibus mi, eu mattis mauris erat porta dui. Praesent quis turpis dui. Cras sit amet pulvinar tortor. Aliquam pretium nunc vel viverra accumsan.

.column-6

Sed vel ante a quam lacinia facilisis. Etiam gravida diam sem, ut facilisis ipsum varius vel. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie. Nam vulputate justo non metus convallis dapibus.

.column-6

Sed vel ante a quam lacinia facilisis. Etiam gravida diam sem, ut facilisis ipsum varius vel. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie. Nam vulputate justo non metus convallis dapibus.

.column-4

Sed vel ante a quam lacinia facilisis. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie.

.column-4

Sed vel ante a quam lacinia facilisis. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie.

.column-4

Sed vel ante a quam lacinia facilisis. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie.

.column-6

Sed vel ante a quam lacinia facilisis. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie. Donec mattis vulputate risus, a feugiat purus ultrices et.

.column-3

Sed vel ante a quam lacinia facilisis. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus.

.column-3

Sed vel ante a quam lacinia facilisis. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus.

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec dolor elit. Quisque ut rutrum arcu, at posuere odio. In hac habitasse platea dictumst. In euismod ante ut quam tempus, commodo congue urna sagittis. Nulla convallis est quis ultricies semper. Donec tempor, ligula at molestie iaculis, odio nulla faucibus mi, eu mattis mauris erat porta dui. Praesent quis turpis dui. Cras sit amet pulvinar tortor. Aliquam pretium nunc vel viverra accumsan.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas elementum pulvinar convallis. Proin sit amet urna ligula. Vestibulum vestibulum lectus et lacus pretium hendrerit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam eu vulputate leo. Integer tincidunt leo vitae turpis volutpat imperdiet. Donec pellentesque lectus eu suscipit ultrices. Pellentesque a quam auctor, pulvinar lacus vel, euismod purus.


Sed vel ante a quam lacinia facilisis. Etiam gravida diam sem, ut facilisis ipsum varius vel. Fusce a metus a augue tincidunt consectetur a et enim. Donec mattis vulputate risus, a feugiat purus ultrices et. Curabitur mattis neque sit amet diam aliquam molestie. Nam vulputate justo non metus convallis dapibus. Mauris lobortis consectetur imperdiet. Nam id eros purus. Mauris quis est elit. Cras dapibus erat quis lectus dictum egestas.