<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta id="viewport" name="viewport" content="width=device-width, maximum-scale=1.0" />
<title>DigiCOPY</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<!--[if IE]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="js/responsiveslides.min.js"></script>
<script type="text/javascript" src="js/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/jquery.ui.widget.js"></script>
<script type="text/javascript" src="js/jquery.ui.accordion.js"></script>
<script type="text/javascript">
$(function(){
$('.paging a:last-child').css("margin-right","0");
$("#accordion").accordion({collapsible: true});
$("#banner .rslides").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 500,
maxwidth: 640
});
});
</script>
</head>
<body>
<section id="wrapper">
<header>
<a class="header_left" href="index.html"><img src="images/logo.png" alt="logo"/></a>
<aside class="header_right">
<a href="index.html">HOME</a>
</aside>
<aside class="header_bottom"></aside>
</header>
<section id="banner">
<ul class="rslides">
<li><a href="#"><img src="images/banners/1.every-door-direct-mail.jpg" alt="direct mail" /></a></li>
<li><a href="#"><img src="images/banners/2.Custom-Book-Publishing.jpg" alt="Custom book" /></a></li>
<li><a href="#"><img src="images/banners/3.Customers-Co-Workers-Community.jpg" alt="Community" /></a></li>
<li><a href="#"><img src="images/banners/4.Wedding-Graduation-Invitations.jpg" alt="Innovation" /></a></li>
<li><a href="#"><img src="images/banners/5.Find-A-Location.jpg" alt="Find a location" /></a></li>
</ul>
</section>
<section id="content">
<nav id="accordion_home">
<a href="inner.html"><h1>FIND A LOCATION <span class="ui-icon ui-icon-triangle-1-e"></span></h1></a>
<a href="inner.html"> <h1>OUR 3 C’s <span class="ui-icon ui-icon-triangle-1-e"></span></h1></a>
<a href="inner.html"> <h1>ABOUT US <span class="ui-icon ui-icon-triangle-1-e"></span></h1></a>
<a href="inner.html"> <h1>PRODUCTS & SERVICES <span class="ui-icon ui-icon-triangle-1-e"></span></h1></a>
<a href="inner.html"> <h1>SUSTAINABLE PRINTING <span class="ui-icon ui-icon-triangle-1-e"></span></h1></a>
</nav>
</section>
<footer>
<section class="footer_top">
<h1>FOLLOW DIGICOPY</h1>
<aside class="footer_top_right">
<a href="#"><img src="images/facebook.png" alt="facebook" /></a>
<a href="#"><img src="images/twitter.png" alt="twitter" /></a>
<a href="#"><img src="images/linkedin.png" alt="linkedin" /></a>
<a href="#"><img src="images/blog.png" alt="blog" /></a>
</aside>
</section>
<section class="footer_bottom">
<a href="#">View Full Site</a>
<a href="#">E-Store</a>
<a href="inner.html">Sub Page</a>
</section>
</footer>
</section>
<p style="position: fixed; top: 20px; right: 120px;" >
<a href="http://validator.w3.org/check?uri=https%3A%2F%2Fwww.psdtohtmlshop.com%2FExamples%2FExample-26%2Findex.html" rel="nofollow" target="_blank" >
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
</a>
</p>
<p style="position: fixed; top: 20px; right: 10px;">
<a href="http://jigsaw.w3.org/css-validator/" rel="nofollow" target="_blank" >
<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valide CSS!" />
</a>
</p>
</body>
</html>