JQuery Cycle Plugin Sample/title><br />
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" /><br />
<script type="text/javascript" src="js/jquery-1.3.js">/script>
<script type="text/javascript" src="js/jquery.cycle.all.js">/script>
<script type="text/javascript">
$(document).ready(function(){
$('#myslides').cycle({
fx: 'cover',
speed: 500,
timeout: 2000
});
});
</script></head>
<body>
<div id="myslides">
<img src="http://themeforest.s3.amazonaws.com/47_cycle/images/capitol.jpg" />
<img src="http://themeforest.s3.amazonaws.com/47_cycle/images/flowers.jpg" />
<img src="http://themeforest.s3.amazonaws.com/47_cycle/images/countryscene.jpg" />
</div>
</body>
</html>
</div>
</div>
<div class="sub-footer">
<div class="container">
<div class="four columns">
<h6 class="title">Our Location</h6>
<p class=" language-markup" rel="HTML"><a href="https://goo.gl/maps/nJDAuUZjN7u"><span style="line-height: 1.5;">500 Southwest Boulevard<br>Suite 1A<br></span>Kansas City, MO 64108</a></p>
<a href="tel:816-421-1929">816-421-1929</a>
</div>
<div class="four columns">
<h6 class="title">Retail Hours</h6>
<p><strong>Tuesday - Friday</strong> : 10am - 6pm<br><strong>Saturday</strong> : 12pm - 5pm<br><strong>Sunday + Monday</strong> : Closed<br><br><strong>Office Hours</strong><em> <br>Monday - Friday : 10 am - 6pm</em></p>
</div>
<div class="four columns">
<h6 class="title">Social</h6>
<ul class="footer_menu">
<li><a href="http://www.facebook.com/hammerpress" title="facebook" target="_blank">facebook</a></li>
<li><a href="https://twitter.com/hammerpress" title="twitter" target="_blank">twitter</a></li>
<li><a href="http://instagram.com/hammerpress" title="instagram" target="_blank">instagram</a></li>
<li><a href="https://www.pinterest.com/hammerpress/" title="pinterest" target="_blank">pinterest</a></li>
</ul>
</div>
<div class="four columns">
<h6 class="title">News & Updates</h6>
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" id="contact_tags" name="contact[tags]" value="prospect,newsletter"/>
<input type="hidden" id="newsletter-first-name" name="contact[first_name]" value="Newsletter" />
<input type="hidden" id="newsletter-last-name" name="contact[last_name]" value="Subscriber" />
<input type="email" id="contact_email" name="contact[email]" required pattern="[^ @]*@[^ @]*" placeholder="Enter your email address..." />
<input type='submit' class="action_button" id="sign_up" value="Sign Up" />
</form>
<p>Join our email list to stay up to date on Hammerpress happenings and to receive exclusive offers.</p>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="ten columns">
<p class="credits">
© 2020 HAMMERPRESS
</p>
</div>
<div class="six columns credits_right">
<div class="payment_methods ">
<a href="http://hammerpress.net/pages/policies">our policies</a>
</div>
</div>
</div>
</div>
<div id="search">
<div class="container">
<div class="sixteen columns center">
<div class="right search-close">
X
</div>
<form class="" action="/search">
<input type="hidden" name="type" value="product" />
<input type="text" name="q" placeholder="Search HAMMERPRESS" value="" autocapitalize="off" autocomplete="off" autocorrect="off" />
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript">
adroll_adv_id = "RDIXRNATJRGKXBEMVZYG4A";
adroll_pix_id = "RNFJDLN25NG7JGJY7M63GM";
(function () {
var oldonload = window.onload;
window.onload = function(){
__adroll_loaded=true;
var scr = document.createElement("script");
var host = (("https:" == document.location.protocol) ? "https://s.adroll.com" : "http://a.adroll.com");
scr.setAttribute('async', 'true');
scr.type = "text/javascript";
scr.src = host + "/j/roundtrip.js";
((document.getElementsByTagName('head') || [null])[0] ||
document.getElementsByTagName('script')[0].parentNode).appendChild(scr);
if(oldonload){oldonload()}};
}());
</script>
<a href="#" title="Back to the top" class="back-to-top">
<span>Back to the top</span> <i class="fa fa-arrow-circle-o-up fa-2x"></i>
</a>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<style>
.back-to-top {
position: fixed;
bottom: 4em;
right: 0px;
text-decoration: none;
color: #999;
background-color: #eee;
font-size: 16px;
padding: 0.3em;
display: none;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
z-index: 60000;
}
.back-to-top i {
vertical-align: middle;
}
.back-to-top span {
padding-left: 0.5em;
}
.back-to-top i + span {
padding-left: 0;
}
.back-to-top:hover {
text-decoration: none;
color: #555;
}
</style>
<script>
window.onload = function() {
jQuery(function($) {
var offset = 300;
var duration = 500;
$(window).scroll(function() {
if ($(this).scrollTop() > offset) {
$('.back-to-top').fadeIn(duration);
}
else {
$('.back-to-top').fadeOut(duration);
}
});
$('.back-to-top').unbind('click.smoothscroll').bind('click', function(e) {
e.preventDefault();
$('html, body').animate( { scrollTop: 0 }, duration);
return false;
})
});
}
</script>
</body>
</html> 