Advanced Search

Return to Snippet

Revision: 19596
at November 8, 2009 17:28 by morvan
Updated Code 
<!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>

Revision: 19595
at November 2, 2009 17:41 by morvan
Updated Code 
<!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="headerWrapper">
	
		<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="title">
			<h1>Om Julemarked</h1>
		</div><!-- END TITLE -->
		
	</div><!-- END HEADERWRAPPER -->
	
	
	<div id="contentWrapper">
	
		<div id="content">
			<div id="mainContent">
				<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>
				<p>
					Fusce bibendum placerat consequat. Maecenas id congue lorem. Vestibulum tristique scelerisque tellus, ut venenatis mi fermentum sed. Nulla id urna dapibus est condimentum congue. Aenean non felis vel metus convallis lobortis et nec augue. Maecenas risus elit, congue eu sollicitudin ac, porttitor eget nisl. Curabitur placerat purus ut lectus ullamcorper accumsan. Sed blandit justo a augue vehicula mattis. Curabitur sodales varius dignissim. Sed fermentum dictum auctor. Cras nisi libero, volutpat quis ultricies vitae, iaculis quis ante. Nullam rutrum lorem eget ligula venenatis ultricies. Pellentesque eros dui, auctor nec scelerisque et, molestie eget velit. Nulla condimentum velit non odio accumsan viverra. Morbi rhoncus magna lacus. Donec cursus condimentum massa vel euismod. Etiam imperdiet tellus magna, sit amet ultricies arcu. Pellentesque eros nibh, euismod in adipiscing vitae, tincidunt ut sem. Vestibulum congue lacinia leo eget suscipit.
				</p>
				<p>
					Nam hendrerit luctus pellentesque. Duis viverra porta dui, ac pulvinar purus lacinia molestie. Nullam viverra orci a leo interdum auctor. Donec dapibus consequat felis quis blandit. Integer urna justo, malesuada sed rutrum vel, elementum et magna. Proin arcu felis, fermentum id vestibulum a, accumsan id erat. Integer interdum sem non lacus auctor aliquam. Praesent lacinia ligula venenatis velit lacinia iaculis. Curabitur iaculis augue eget velit condimentum vitae ultrices nisi porta. Mauris eu vehicula urna. Nullam bibendum est vitae purus semper vel varius nisl pharetra. Curabitur ac mauris quam, a consectetur nibh.
				</p>
			</div>
			<div id="modules">
				
				<div class="moduleWrapper">
					<div id="moduleHeader">
						<h2>Program</h2>
					</div><!-- END moduleHeader -->
					<div id="moduleContent">
						<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.
						</p>
					</div><!-- END MODULECONTENT -->
				</div><!-- END moduleWrapper -->
				
			</div><!-- END MODULES -->
		</div><!-- END CONTENT -->
		
	</div><!-- END CONTENTWRAPPER -->
	
	
	<div id="footerWrapper">
		<div id="footer">
		</div><!-- END FOOTER -->
	</div><!-- END FOOTERWRAPPER -->

</body>
</html>

Revision: 19594
at October 26, 2009 16:31 by morvan
Initial Code 
<!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>
	<link rel="stylesheet" href="style.css" type="text/css"></link>
</head>
<body>

	<div id="headerWrapper">
	
		<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="title">
			<h1>Om Julemarked</h1>
		</div><!-- END TITLE -->
		
	</div><!-- END HEADERWRAPPER -->
	
	
	<div id="contentWrapper">
	
		<div id="content">
			<div id="mainContent">
				<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>
				<p>
					Fusce bibendum placerat consequat. Maecenas id congue lorem. Vestibulum tristique scelerisque tellus, ut venenatis mi fermentum sed. Nulla id urna dapibus est condimentum congue. Aenean non felis vel metus convallis lobortis et nec augue. Maecenas risus elit, congue eu sollicitudin ac, porttitor eget nisl. Curabitur placerat purus ut lectus ullamcorper accumsan. Sed blandit justo a augue vehicula mattis. Curabitur sodales varius dignissim. Sed fermentum dictum auctor. Cras nisi libero, volutpat quis ultricies vitae, iaculis quis ante. Nullam rutrum lorem eget ligula venenatis ultricies. Pellentesque eros dui, auctor nec scelerisque et, molestie eget velit. Nulla condimentum velit non odio accumsan viverra. Morbi rhoncus magna lacus. Donec cursus condimentum massa vel euismod. Etiam imperdiet tellus magna, sit amet ultricies arcu. Pellentesque eros nibh, euismod in adipiscing vitae, tincidunt ut sem. Vestibulum congue lacinia leo eget suscipit.
				</p>
				<p>
					Nam hendrerit luctus pellentesque. Duis viverra porta dui, ac pulvinar purus lacinia molestie. Nullam viverra orci a leo interdum auctor. Donec dapibus consequat felis quis blandit. Integer urna justo, malesuada sed rutrum vel, elementum et magna. Proin arcu felis, fermentum id vestibulum a, accumsan id erat. Integer interdum sem non lacus auctor aliquam. Praesent lacinia ligula venenatis velit lacinia iaculis. Curabitur iaculis augue eget velit condimentum vitae ultrices nisi porta. Mauris eu vehicula urna. Nullam bibendum est vitae purus semper vel varius nisl pharetra. Curabitur ac mauris quam, a consectetur nibh.
				</p>
			</div>
			<div id="modules">
				
				<div class="moduleWrapper">
					<div id="moduleHeader">
						<h2>Program</h2>
					</div><!-- END moduleHeader -->
					<div id="moduleContent">
						<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.
						</p>
					</div><!-- END MODULECONTENT -->
				</div><!-- END moduleWrapper -->
				
			</div><!-- END MODULES -->
		</div><!-- END CONTENT -->
		
	</div><!-- END CONTENTWRAPPER -->
	
	
	<div id="footerWrapper">
		<div id="footer">
		</div><!-- END FOOTER -->
	</div><!-- END FOOTERWRAPPER -->

</body>
</html>
Initial URL 









Initial Description





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









Initial Title





XHTML 1.0 Template - header - content - modules - footer









Initial Tags





template, xhtml









Initial Language





XHTML