File: /home/webmarketingplus.co.uk/public_html/BK/wmp/index.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 class="homepage">
<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" class="active">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">One Column</a> </nav>
</div>
</div>
</header>
<div class="12u">
<div class="5grid-layout" id="splash">
<div class="row">
<div class="7u">
<section>
<h2>Maecenas luctus consequat</h2>
<p class="welcome">Welcome to<strong> Imagination</strong>, a free responsive HTML5 website template designed by <a href="http://html5templates.com/">HTML5Templates.com</a>. It features a soft and delicate shade with a spacious content area, and a page welcome area, making it a great design for a corporate/portfolio type of website. And like all of our templates, it is built on HTML5 and CSS3, has full responsive support for desktops, tablets, and mobile devices, and is 100% free to use personally or commercially under the <a href="http://html5templates.com/license/">Creative Commons license</a>. Be sure to check out our <a href="http://html5templates.com/">website</a> for more awesome free HTML5 templates and follow us on <a href="http://twitter.com/HTML5T">Twitter</a> for updates and new releases! Enjoy!</p>
<p><a href="#" class="button">Learn more</a></p>
</section>
</div>
<div class="5u">
<section class="image-style1"><a href="#"><img src="images/pics01.jpg" alt=""></a></section>
</div>
</div>
</div>
</div>
</div>
<div id="page-wrapper">
<div id="page" class="5grid-layout">
<div class="row">
<div class="3u">
<h2>Praesent mattis condimentum </h2>
<ul class="list-style1">
<li class="first"><img src="images/pics05.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/pics06.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/pics07.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/pics09.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>
</div>
<div class="3u">
<h2>Maecenas luctus lectus at sapien</h2>
<ul class="list-style1">
<li class="first">
<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. </p>
<p class="posted">August 11, 2002 | (10 ) Comments</p>
</li>
<li>
<p>Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor .</p>
<p class="posted">August 11, 2002 | (10 ) Comments</p>
</li>
<li>
<p>Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh.</p>
<p class="posted">August 11, 2002 | (10 ) Comments</p>
</li>
<li>
<p>Suspendisse sit amet tellus in eros condimentum. Vestibulum suscipit nulla. </p>
<p class="posted">August 11, 2002 | (10 ) Comments</p>
</li>
</ul>
</div>
<div class="6u">
<h2>Aenean elementum facilisis ligula</h2>
<ul class="list-style1">
<li class="first">
<div><img src="images/pics10.jpg" width="78" height="78" alt="">
<h2>John Smith</h2>
<p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p>
<p class="posted">August 11, 2002 | (10 ) Comments</p>
</div>
<blockquote>“Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Donec placerat odio vel elit. 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. ”</blockquote>
</li>
<li>
<div><img src="images/pics11.jpg" width="78" height="78" alt="">
<h2>John Smith</h2>
<p>Nullam non wisi a sem eleifend. Donec mattis libero eget urna. </p>
<p class="posted">August 11, 2002 | (10 ) Comments</p>
</div>
<blockquote>“Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue, nibh. Donec placerat odio vel elit. 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. ”</blockquote>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="footer-content-wrapper">
<div class="5grid-layout" id="footer-content">
<div class="row">
<div class="4u">
<section>
<h2>Looking for a high visibility online presence using an agency where you are not just another number?</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>