Posted By

morvan on 10/26/09

Tagged

Versions (?)

Last Edited at 10/26/09 04:31pm

Statistics

Viewed 1111 times

Favorited by 1 user(s)

Related snippets

XHTML 1.0 Template - header - content - modules - footer

/ Published in: XHTML

Simple HTML template containing a header, a content area, a moduleposition/sidebar and a footer

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<title></title>
	<link rel="stylesheet" href="reset.css" type="text/css" />
	<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
 
	<div id="wrapper">
 
		<div id="header">
 
			<div id="nav">
				<ul>
					<li><a href="#">Home</a></li>
					<li><a href="#">Products</a></li>
					<li><a href="#">About</a></li>
				</ul>
			</div>
 
		</div><!-- END header -->
 
 
		<div id="contentWrapper">
 
			<div id="content">
				<h1>Here goes the title<h1>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent volutpat pretium congue. Etiam tincidunt, arcu ut tempus molestie, massa felis molestie ipsum, eu dictum nibh tellus id mauris. Nunc ac enim augue. Vestibulum aliquet viverra arcu in vehicula. Integer convallis metus nec augue commodo porta tristique sapien malesuada. Aenean molestie ornare consequat. Ut lacinia nisi ut leo ultrices eu adipiscing nibh interdum. Ut ac diam id lorem tempor sollicitudin. Nulla et ligula at tortor mattis scelerisque. Maecenas eget neque eget leo viverra pulvinar. Maecenas ut justo enim, ac suscipit mi. Nam vel eros sit amet orci laoreet fringilla. Nunc posuere urna eu libero ultrices varius. Integer ultricies suscipit tristique. Mauris consequat fringilla nibh eget tristique.</p>
			</div><!-- END content -->
 
			<div id="modules">
 
				<div class="moduleWrapper">
					<div id="moduleHeader">
						<h2>Module Title</h2>
					</div><!-- END moduleHeader -->
					<div id="moduleContent">
 
						<!-- #### MODULE CONTENT HERE #### -->
 
					</div><!-- END MODULECONTENT -->
				</div><!-- END moduleWrapper -->
 
			</div><!-- END modules -->
 
		</div><!-- END CONTENTWRAPPER -->
 
 
		<div id="footerWrapper">
			<div id="footer">
			</div><!-- END FOOTER -->
		</div><!-- END FOOTERWRAPPER -->
 
	</div><!-- END WRAPPER -->
 
</body>
</html>