File: /home/vmasmheia229/domains/davidgkeith.com/html/about.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<!--Page Title-->
<title>Off the Shelf - eBook Landing Page</title>
<!--Device Width Check-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
<!--Meta Keywords and Description-->
<meta name="keywords" content="">
<meta name="description" content="">
<!--Favicon-->
<link rel="shortcut icon" href="images/favicon.ico" title="Favicon" />
<!--Fixes for Internet Explorer CSS3 and HTML5-->
<!--[if gte IE 9]>
<style type="text/css">
.gradient { filter: none!important;}
</style>
<![endif]-->
<!--[if lt IE 9]>
<script>
'article aside footer header nav section time'.replace(/\w+/g,function(n){document.createElement(n)})
</script>
<![endif]-->
<!--Main CSS-->
<link rel="stylesheet" href="css/style.css" media="screen, projection">
<!--Icon Fonts-->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!--[if IE 7]>
<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
<![endif]-->
<!--Google Webfonts-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,600|Bree+Serif' rel='stylesheet' type='text/css'>
</head>
<body class="content_page">
<!--Start of Product Banner-->
<section id="banner" role="banner">
<div class="row">
<!--Start of Header Logo-->
<div id="logo" class="two_thirds">
<hgroup>
<h1><img src="images/logo.png" alt="Off the Shelf eBook Landing Page" title="Off the Shelf eBook Landing Page" height="41" width="41"/>Off the Shelf</h1>
<h2>An eBook landing page</h2>
</hgroup>
</div>
<!--End of Header Logo-->
<!--Start of Social Elements-->
<aside id="social_elements" class="one_third last">
<ul>
<li><a class="twitter" target="_blank" title="Twitter" href=""><span>Twitter</span></a></li>
<li><a class="facebook" target="_blank" title="Facebook" href=""><span>Facebook</span></a></li>
<li><a class="googleplus" target="_blank" title="Google Plus" href=""><span>Google Plus</span></a></li>
<li><a class="feedback" target="_blank" title="Feedback Form" href=""><span>Feedback Form</span></a></li>
</ul>
</aside>
<!--End of Social Elements-->
</div>
</section>
<!--End of Product Banner-->
<!--Start of Main Content-->
<article role="main">
<div id="main_content">
<section>
<div class="row">
<h1>A super cool eBook Landing Page</h1>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<p>Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut.</p>
</div>
</section>
</div>
</article>
<!--End of Main Content-->
<!--Start of Landing Page Footer-->
<footer role="contentinfo">
<div id="page_footer" class="row">
<ul>
<li><a href="about.html">About</a></li>
<li><a href="#">Press</a></li>
<li><a href="#">Contact</a></li>
</ul>
<p>
© Off the Shelf eBook Landing Page 2013. All rights reserved.
</p>
</div>
</footer>
<!--End of Landing Page Footer-->
<!--Beginning of Contact form-->
<div id="contact" class="reveal-modal medium">
<a href="javascript:closecontact();" id="contact_close"><span>Close</span></a>
<div id="contactmessages"></div>
<div id="formwrapper">
<form method="post" action="contact.php" id="contactform">
<label>Your Name</label>
<input id="contactname" name="name" required>
<label>Your Email</label>
<input id="contactemail" name="email" type="email" required>
<label>Your Message</label>
<textarea name="message" required></textarea>
<label>What is <span id="captcha">???</span> (Anti-spam)</label>
<input id="humanornot" name="humanornot" placeholder="Type Here" required>
<input name="s" id="s" value="blank" type="hidden">
<input id="submitcontact" name="submit" type="submit" value="Submit" class="gradient">
</form>
</div>
</div>
<!--End of Contact form-->
<a href="#" class="scrollup">Scroll up</a>
<!-- Included JS Files (Compressed) -->
<script src="js/foundation.min.js"></script>
<script src="js/phrases.js"></script>
<script src="js/site.min.js"></script>
</body>
</html>