Team:Oxford/layouttest
From 2014.igem.org
m (moved Team:Oxford/jacktest to Team:Oxford/layouttest) |
|||
(86 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 charset="UTF-8"> | |
- | + | <title>Oxigem 2014 - Bioremediation</title> | |
- | + | <meta name="description" content=""> | |
- | + | <meta name="keywords" content=""> | |
- | + | <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> | |
- | + | <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144.png"> | |
- | + | <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114.png"> | |
- | + | <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"> | |
- | + | <!--[if IE]><![endif]--> | |
- | + | <link rel="stylesheet" href="css/style.css"> | |
- | + | <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</head> | </head> | ||
+ | <body id="pagetop"> | ||
- | |||
- | |||
- | + | <div class="container clearfix"> | |
- | + | <div id="headercont" class="bodycontainer clearfix"> | |
- | + | <h1><a title="" href="#">Bioremediation <span>Characterisation</span></a></h1> | |
+ | |||
+ | </div> | ||
+ | </div> | ||
- | + | <div class="container bg1 clearfix"> | |
- | + | <div id="gallerycont" class="fullbodycontainer clearfix"> | |
- | + | ||
- | + | ||
- | + | <div class="demo cleafix"> | |
- | + | <div id="owl-demo" class="owl-carousel"> | |
- | + | <div class="item"> | |
- | + | <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="container clearfix"> | |
- | + | <div id="section1" class="bodycontainer section clearfix"> | |
- | < | + | |
- | + | <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="container colour2 clearfix"> | |
- | + | <div id="section2" class="bodycontainer section clearfix"> | |
- | < | + | |
- | + | <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="container clearfix"> | |
- | + | <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"> | |
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | </div> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 18:48, 17 September 2014
<!DOCTYPE html>
Urna eget vulputate egestas
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.
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.