Team:Oxford/layouttest

From 2014.igem.org

(Difference between revisions)
 
(3 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Oxford/Regular}}
<!DOCTYPE html>
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"><![endif]-->
Line 5: Line 6:
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<head>
<head>
-
<!-- Website Template designed by www.downloadwebsitetemplates.co.uk -->
+
 
<meta charset="UTF-8">
<meta charset="UTF-8">
<title>Oxigem 2014 - Bioremediation</title>
<title>Oxigem 2014 - Bioremediation</title>
Line 18: Line 19:
<!--[if IE]><![endif]-->
<!--[if IE]><![endif]-->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style.css">
-
<script src="js/jquery.js"></script>
 
-
<script src="js/owlcarousel.js"></script>
 
-
<script src="js/scripts.js"></script>
 
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
</head>
Line 28: Line 26:
<div class="container clearfix">
<div class="container clearfix">
<div id="headercont" class="bodycontainer clearfix">
<div id="headercont" class="bodycontainer clearfix">
-
<h1><a title="" href="#">Aperture <span>Free Website Template</span></a></h1>
+
<h1><a title="" href="#">Bioremediation <span>Characterisation</span></a></h1>
          
          
</div>
</div>
Line 40: Line 38:
<div class="item">
<div class="item">
<div class="itemcont">
<div class="itemcont">
-
<h3>Urna eget vulputate egestas</h3>
+
<h3 style="padding-top:50px;color:white;margin-left:10%;">Urna eget vulputate egestas</h3>
<span class="hrline"></span>
<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>
+
<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 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>
</div>
</div>
Line 69: Line 54:
      
      
<h2>Lorem ipsum dolor sit amet consectetur</h2>
<h2>Lorem ipsum dolor sit amet consectetur</h2>
-
<img class="imgright" alt="" src="images/600x450.jpg" />
+
<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>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>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>
Line 80: Line 65:
<div id="section2" class="bodycontainer section clearfix">
<div id="section2" class="bodycontainer section clearfix">
      
      
-
<h2>Column Examples</h2>
+
<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>
<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>
          
          
Line 130: Line 115:
<div id="section3" class="bodycontainer clearfix">
<div id="section3" class="bodycontainer clearfix">
<h2>Lorem ipsum dolor sit amet consectetur</h2>
<h2>Lorem ipsum dolor sit amet consectetur</h2>
-
<img class="imgleft" alt="" src="images/600x450.jpg" />
+
<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>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>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>
Line 141: Line 126:
<div id="footercont" class="bodycontainer 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>
</div>
</div>
-
 
-
<script src="js/pageslide.min.js"></script>
 
</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.