<!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>