File: /home/webmarketingplus.co.uk/public_html/BK/wmp/onecolumn.html
<!DOCTYPE HTML>
<!--
Imagination: A responsive HTML5 website template by HTML5Templates.com
Released for free under the Creative Commons Attribution 3.0 license (html5templates.com/license)
Visit http://html5templates.com for more great templates or follow us on Twitter @HTML5T
-->
<html>
<head>
<title>Imagination by HTML5Templates.com</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<noscript>
<link rel="stylesheet" href="css/5grid/core.css" />
<link rel="stylesheet" href="css/5grid/core-desktop.css" />
<link rel="stylesheet" href="css/5grid/core-1200px.css" />
<link rel="stylesheet" href="css/5grid/core-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<script src="css/5grid/jquery.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none"></script>
<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
</head><body>
<div id="header-wrapper">
<header id="header" class="5grid-layout">
<div class="row">
<div class="12u">
<!-- Logo -->
<h1><a href="#" class="mobileUI-site-name">Imagination</a></h1>
<!-- Nav -->
<nav class="mobileUI-site-nav"> <a href="index.html">Homepage</a> <a href="threecolumn.html">Three Column</a> <a href="twocolumn1.html">Two Column #1</a> <a href="twocolumn2.html">Two Column #2</a> <a href="onecolumn.html" class="active">One Column</a> </nav>
</div>
</div>
</header>
</div>
<div id="page-wrapper">
<div id="page" class="5grid-layout">
<div class="row">
<div class="12u">
<h2>One Column</h2>
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus ac magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed blandit. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc. Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac habitasse platea dictumst. Nullam id ante eget dui vulputate aliquam. Pellentesque erat erat, tincidunt in, eleifend accumsan, malesuada eget, augue. Suspendisse sit amet tellus in eros bibendum condimentum. Vestibulum suscipit volutpat nulla.</p>
<p> </p>
<p>Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. Pellentesque adipiscing purus ac magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque pede. Donec pulvinar ullamcorper metus. In eu odio at lectus pulvinar mollis. Vestibulum sem magna, elementum ut, vestibulum eu, facilisis quis, arcu. Mauris a dolor. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed blandit. Phasellus pellentesque, ante nec iaculis dapibus, eros justo auctor lectus, a lobortis lorem mauris quis nunc. Praesent pellentesque facilisis elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In hac habitasse platea dictumst. Nullam id ante eget dui vulputate aliquam. Pellentesque erat erat, tincidunt in, eleifend accumsan, malesuada eget, augue. Suspendisse sit amet tellus in eros bibendum condimentum. Vestibulum suscipit volutpat nulla. Pellentesque erat erat, tincidunt in, eleifend accumsan, malesuada eget, augue. Suspendisse sit amet tellus.<br>
</p>
</div>
</div>
</div>
</div>
<div id="feature-wrapper">
<div class="5grid-layout" id="feature-heading">
<h2>Featured Photo Gallery</h2>
<p class="subheading">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula.</p>
</div>
<div class="12u">
<div class="5grid-layout" id="feature-content">
<div class="row">
<div class="4u">
<section>
<p><a href="#"><img src="images/pics03.jpg" alt=""></a></p>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus.</p>
<p><a href="#" class="button">View Full Details</a></p>
</section>
</div>
<div class="4u">
<section>
<p><a href="#"><img src="images/pics05.jpg" alt=""></a></p>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus.</p>
<p><a href="#" class="button">View Full Details</a></p>
</section>
</div>
<div class="4u">
<section>
<p><a href="#"><img src="images/pics06.jpg" alt=""></a></p>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. </p>
<p><a href="#" class="button">View Full Details</a></p>
</section>
</div>
</div>
</div>
</div>
</div>
<div id="footer-content-wrapper">
<div class="5grid-layout" id="footer-content">
<div class="row">
<div class="4u">
<section>
<h2>Nulla luctus eleifend purus</h2>
<ul class="list-style2">
<li><a href="#"><img src="images/pics12.jpg" width="78" height="78" alt=""></a></li>
<li><a href="#"><img src="images/pics13.jpg" width="78" height="78" alt=""></a></li>
<li><a href="#"><img src="images/pics14.jpg" width="78" height="78" alt=""></a></li>
<li><a href="#"><img src="images/pics15.jpg" width="78" height="78" alt=""></a></li>
<li><a href="#"><img src="images/pics16.jpg" width="78" height="78" alt=""></a></li>
<li><a href="#"><img src="images/pics17.jpg" width="78" height="78" alt=""></a></li>
</ul>
<p><a href="#" class="button">View Full Details</a></p>
</section>
</div>
<div class="4u">
<section>
<h2>Nulla luctus eleifend purus</h2>
<p>Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Suspendisse dictum porta lectus. Donec placerat odio vel elit. Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>
<p> </p>
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis.</p>
<p><a href="#" class="button">View Full Details</a></p>
</section>
</div>
<div class="4u">
<section>
<h2>Nulla luctus eleifend purus</h2>
<ul class="list-style1">
<li class="first"><img src="images/pics18.jpg" width="78" height="78" alt="">
<p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p>
<p class="posted">August 11, 2002 | (10 ) Comments</p>
</li>
<li><img src="images/pics19.jpg" width="78" height="78" alt="">
<p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p>
<p class="posted">August 11, 2002 | (10 ) Comments</p>
</li>
</ul>
<p><a href="#" class="button">View Full Details</a></p>
</section>
</div>
</div>
</div>
</div>
<div class="5grid-layout">
<div id="copyright">
<p>© Your Site Name | Images: <a href="http://fotogrph.com/">Fotogrph</a> | Design: <a href="http://html5templates.com/">HTML5Templates.com</a></p>
</div>
</div>
</body>
</html>