Team:Oxford/layouttest

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
<!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">
+
<!-- Website Template designed by www.downloadwebsitetemplates.co.uk -->
-
  <style type="text/css">
+
<meta charset="UTF-8">
-
 
+
<title>Oxigem 2014 - Bioremediation</title>
-
  @import url(http://fonts.googleapis.com/css?family=PT+Serif|Open+Sans:300italic,400,300);
+
<meta name="description" content="">
-
 
+
<meta name="keywords" content="">
-
  /* Enforce a lack of horizontal scrollbar so that the social section doesn't mess with the viewport. */
+
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
-
  html, body {
+
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144.png">
-
    max-width: 100%;
+
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114.png">
-
    overflow-x: hidden;
+
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72.png">
-
  }
+
<link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57.png">
-
 
+
<link rel="shortcut icon" href="images/ico/favicon.png">
-
  body {
+
<!--[if IE]><![endif]-->
-
    background-color: #EBEBEB;
+
<link rel="stylesheet" href="css/style.css">
-
    margin: 0px;
+
<script src="js/jquery.js"></script>
-
    padding: 0;
+
<script src="js/owlcarousel.js"></script>
-
    border: 0;
+
<script src="js/scripts.js"></script>
-
    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;
+
-
    margin-top:0.5%;
+
-
}
+
-
 
+
-
  .left-menu:hover {
+
-
    background-color: transparent;
+
-
  }
+
-
  #menubar li a {
+
-
    background-color: transparent;
+
-
  }
+
-
  #menubar:hover {
+
-
    color: gray;
+
-
  }
+
-
  #menubar li a {
+
-
    color: #B5B5B5;
+
-
  }
+
-
  #menubar:hover li a {
+
-
    color: gray;
+
-
  }
+
-
 
+
-
  #menubar.left-menu.noprint ul li:last-child {
+
-
  display:none;
+
-
  }
+
-
 
+
-
  #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 { 
+
-
    position:fixed;
+
-
    width:100%;
+
-
    height:100%;
+
-
  }
+
-
 
+
-
  img.supercoil {
+
-
    width:65%;
+
-
    display: block;
+
-
    margin-left: auto;
+
-
    margin-right: auto }
+
-
 
+
-
  .Heading {
+
-
    position:absolute;
+
-
    display: block;
+
-
  }
+
-
 
+
-
 
+
-
  </style>
+
-
  <script type="text/javascript">
+
-
 
+
-
  function iconleft(x) {
+
-
    x.style.left="6%";
+
-
  }
+
-
  function iconnormal(x) {
+
-
    x.style.left="9%";
+
-
  }
+
-
$(document).ready(function(){
+
-
  $("#arrowr").click(function(){
+
-
    $("#grey").animate({right:'-13%'}, "fast");
+
-
  });
+
-
});
+
-
$(document).ready(function(){
+
-
  $("#arrowl").click(function(){
+
-
    $("#grey").animate({right:'-9%'}, "fast");
+
-
  });
+
-
});
+
-
 
+
-
  </script>
+
-
 
+
-
  <title></title>
+
</head>
</head>
 +
<body id="pagetop">
-
<body>
 
-
  <div class="outer" style="overflow-y: scroll; overflow-x: hidden;">
 
 +
<div class="container clearfix">
 +
<div id="headercont" class="bodycontainer clearfix">
 +
<h1><a title="" href="#">Aperture <span>Free Website Template</span></a></h1>
 +
       
 +
</div>
 +
</div>
 +
<div class="container bg1 clearfix">
 +
<div id="gallerycont" class="fullbodycontainer clearfix">
-
<div id="stuff" style="float:left;position:absolute;margin-left:200px;margin-right:100px; margin-top:50px;">
+
<div class="demo cleafix">
 +
<div id="owl-demo" class="owl-carousel">
 +
<div class="item">
 +
<div class="itemcont">
 +
<h3>Urna eget vulputate egestas</h3>
 +
<span class="hrline"></span>
 +
<p>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 class="item">
 +
<div class="itemcont">
 +
<h3>Quisque eget condimentum</h3>
 +
<span class="hrline"></span>
 +
<p>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 class="item">
 +
<div class="itemcont">
 +
<h3>Donec massa diam consectetur</h3>
 +
<span class="hrline"></span>
 +
<p>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>
-
<img src="https://static.igem.org/mediawiki/2014/0/08/Oxigemradcamcrop.jpg" style="position:absolute; width:100%;min-width:320px;z-index:-1; border-radius:15px;"/>
+
<div class="container clearfix">
-
 
+
<div id="section1" class="bodycontainer section clearfix">
-
<div style="background-color:#D9D9D9; opacity:0.7; z-index:5; margin-left:7%; Height:75px; width:35%;min-width:200px;font-size:65px;font-family:Helvetica;padding-top:5px; font-weight: 450;">
+
   
-
<div style="background-color:white; opacity:0.7; Height:75px; width:100%;margin-top:5px:margin-bottom:5px;min-width:200px;font-size:65px;font-family:Helvetica;padding-top:5px; color:#596C8A; font-weight: 450;"><br>Safety</div>
+
<h2>Lorem ipsum dolor sit amet consectetur</h2>
 +
<img class="imgright" alt="" src="images/600x450.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>
-
<br>
+
<div class="container colour2 clearfix">
-
<br>
+
<div id="section2" class="bodycontainer section clearfix">
 +
   
 +
<h2>Column Examples</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 style="background-color:white; border-bottom-left-radius:10px;border-bottom-right-radius:10px; margin-top:50px; padding-left:10px;padding-right:10px;min-width:300px;">
+
    </div>
-
<br>
+
-
asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjsasgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs
+
-
<br>
+
-
<br>
+
-
asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjsasgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs
+
-
<br>
+
-
<br>
+
-
asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjsasgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs
+
-
<br>
+
-
<br>
+
-
asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjsasgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs
+
-
asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjsasgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs
+
-
<br>
+
-
<br>
+
-
asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs asgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjsasgh dflagsdcgya sdfgasdfg hja sdfgh jasdgf hasdghj  fas dghcasdhjlca sdhjsad hjsas ghd flagsd cgya sdfga sdfghjasd fghjasd gfhasd ghjfasd ghcasdhjlc asdhjsa dhjs
+
-
asgh dflagsd cgyas dfg asdf ghja sdfghj asdg fhas dghjf asdg hcas dhjlc asdhj sa dhjs
+
-
as ghdfl ags dcgy asd fga sdf ghj asdf ghja sd gfhasd ghjfasdgh cas dhjlca sdhj sad hjs
+
-
<br>
+
-
<br>
+
</div>
</div>
-
<div id="sponsors" style="height:200px; width:100%;"></div>
+
<div class="container clearfix">
-
 
+
<div id="section3" class="bodycontainer clearfix">
 +
<h2>Lorem ipsum dolor sit amet consectetur</h2>
 +
<img class="imgleft" alt="" src="images/600x450.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>
 +
<div class="container colour2 clearfix">
 +
<div id="footercont" class="bodycontainer clearfix">
 +
<div class="grid">
 +
<div class="column-2">
 +
<p><a class="scrolltop" title="back to top" href="#pagetop"><span class="fa fa-angle-double-up"></span></a></p>
 +
</div>
 +
<div class="column-10 textright">
 +
<div id="socialmedia" class="clearfix">
 +
<ul>
 +
<li><a title="" href="#" rel="external"><span class="fa fa-facebook"></span></a></li>
 +
<li><a title="" href="#" rel="external"><span class="fa fa-twitter"></span></a></li>
 +
<li><a title="" href="#" rel="external"><span class="fa fa-google-plus"></span></a></li>
 +
<li><a title="" href="#" rel="external"><span class="fa fa-linkedin"></span></a></li>
 +
<li><a title="" href="#" rel="external"><span class="fa fa-pinterest"></span></a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
-
<img src="https://static.igem.org/mediawiki/2014/9/91/OxigemSidebar.png" style="float:left;position:fixed; height:100%;" />
+
<script src="js/pageslide.min.js"></script>
-
 
+
-
<img src="https://static.igem.org/mediawiki/2014/6/60/OxigemAchievements2.png" style="position:fixed; display:none; height:4%; top:37%; left:2%;" />
+
-
 
+
-
 
+
-
  <div class="iGEMlogo" style="width:6.5%; position:absolute; top:0.7%; right:0.5%; min-width:50px;">
+
-
    <a href="https://2014.igem.org/Main_Page" target="_blank"><img src="https://static.igem.org/mediawiki/2014/5/56/OxigemiGEMgrey.png" style="width:100%"/></a>
+
-
  </div>
+
-
  <a href="#"><img id="arrowl" src="https://static.igem.org/mediawiki/2014/7/77/OxigemArrowl.png" style="position:absolute; width:2.5%; top:50%;right:1.5%; opacity:0.6; z-index:4;" /></a>
+
-
  <div id="grey" style="width:14%; position:absolute; top:23%; right:-13%; z-index:4;">
+
-
    <img src="https://static.igem.org/mediawiki/2014/0/0d/OxigemGrey.png" style="position:relative;width:100%;" />
+
-
    <a href="#"><img id="arrowr" src="https://static.igem.org/mediawiki/2014/0/03/OxigemArrowr.png" style="position:absolute;width:16%;top:5%;left:10%;"></a>
+
-
    <div class="fbicon" style="position:absolute;width:23%; top:20%; left:9%;" onmouseover=
+
-
      "iconleft(this)" onmouseout="iconnormal(this)" border="0"><a href="https://www.facebook.com/oxfordigem" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/8/88/OxigemIconfacebook.png" style="width:100%;" /></a>
+
-
    </div> 
+
-
  <div class="twicon" style="position:absolute;width:23%; top:35%; left:9%;" onmouseover=
+
-
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
+
-
    <a href="https://twitter.com/OxfordiGEM" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/3/3d/OxigemIgemtwitter.png" style="width:100%;" /></a>
+
-
  </div>
+
-
  <div class="yticon" style="position:absolute;width:23%; top:50%; left:9%;" onmouseover=
+
-
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
+
-
    <a href="https://www.youtube.com/channel/UCx1QJHqQcZ09aT97V2f4Xdw" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/e/ea/OxigemIconyoutube.png" style="width:100%;" /></a>
+
-
  </div>
+
-
  <div class="oxicon" style="position:absolute;width:23%; top:65%; left:9%;" onmouseover=
+
-
      "iconleft(this)" onmouseout="iconnormal(this)" border="0">
+
-
    <a href="http://www.ox.ac.uk" target="_blank"><img src="https://static.igem.org/mediawiki/2014/8/8d/Iconoxford.png" style="width:100%;" /></a>
+
-
  </div>
+
-
  <div class="mailicon" style="position:absolute;width:23%; top:80%; left:9%;" onmouseover=
+
-
      "iconleft(this)" onmouseout="iconnormal(this)" border="0" >
+
-
    <a href="mailto:oxfordigem@bioch.ox.ac.uk" target="_blank" style="background-image: none;"><img src="https://static.igem.org/mediawiki/2014/3/35/OxigemIconmail.png" style="width:100%;" /></a>
+
-
  </div>
+
</body>
</body>
</html>
</html>

Revision as of 17:42, 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.

Column Examples

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.

Retrieved from "http://2014.igem.org/Team:Oxford/layouttest"