Preview - HTML - CSS

<!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 &amp; 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>