index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<!-- #BeginTemplate "Template/pub.dwt" -->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- #BeginEditable "doctitle" -->
<title>O'Bannon</title>
<!-- #EndEditable -->
<link rel="stylesheet" type="text/css" href="site.css" />
<!-- #BeginEditable "headsection" -->
<style type="text/css"></style>
<!-- #EndEditable -->

</head>

<body>

<div id="container">
	<img alt="" src="images/outside-250.jpg" width="187" height="250" class="ftleft" />
	<h1>O'Bannon's <br />
	<span class="tagline">Traditional Irish Pub</span></h1>
	<img src="images/beer-on-bar.jpg" width="180" height="271" alt="" class="ftright" />
	<div id="navbar">
		<ul>
			<li><a href="index.html">Home</a></li>
			<li><a href="beers.html">On Tap</a></li>
			<li><a href="map.html">Directions</a></li>
			<li><a href="contact.php">Contact</a></li>
		</ul>
	</div>
	<div id="content">
		<p class="textctr"><strong class="pour">Where we proudly 
		pour  Imperial Pints </strong><em><br />
		(20oz not the smaller 16oz American Pints)</em></p>
		<!-- #BeginEditable "maincontent" -->
		<h2 class="drinkspecials">Drink Specials</h2>
		<ul class="specials">
			<li>Guinness</li>
			<li>Harp</li>
			<li>Scrum </li>
		</ul>
		<h2>Entertainment</h2>
		<img src="images/band-225.jpg" width="225" height="149" class="ftleft" alt="live music" />
		<ul class="entertain">
			<li><strong>Friday Night: </strong>Sarah Jan</li>
			<li><strong>Saturday Night: </strong>Kalen's Herders</li>
			<li><strong>Sunday Night: </strong>Dart's Tournament</li>
			<li><strong>Monday Night: </strong>Daniel Mitchell</li>
			<li><strong>Tuesday Night: </strong>Open Mike</li>
			<li><strong>Wednesday Night: </strong>Snooker</li>
			<li><strong>Thursday Night: </strong>Open Mike</li>
		</ul>
		<h2>What's New?</h2>
		<p>The simple answer is: nothing at all. Which is why filler text is 
		being used on the rest of this page. It is well known that people are 
		distracted by readable text, so when displaying a typeface, publishers 
		use lipsum to make people focus on the typeface and not on the content. 
		Additionally, lipsum has a more-or-less normal distribution of letters 
		as is seen in English. This also helps to get people to not concentrate 
		on the content. You can get yours at <a href="http://www.lorem-ipsum.info/generator">
		http://www.lorem-ipsum.info/generator</a>
		</p>
		<p>
		<img alt="microphone" class="imgright" height="133" 
		src="images/open-mike.jpg" width="200" /><strong>Open Mike: </strong>Due 
		to popular demand to celebrate ther diversity of talent in  our 
		area we have added a second open mike night. When Thursday was our only 
		open mike night we had to turn away performers. Now that we have two 
		open mike nights we hope that everyone who wants to perform may do so. 
		While we will add people to the performance schedule when they arrive at 
		the pub  on a first come, first server basis. We have a limited 
		number of reservations that will be accepted up to four days in advance. 
		To reserve your slot we recomment that you call (555) 555-5555 between 
		the hours of 2 and 4:30 p.m.</p>
		<p><a href="obannons.zip">Download this template</a></p>

	<!-- #EndEditable -->
	</div>
	<div id="footer">
				<address>21487 S. Wayland, Wayside, MA</address>
<p>� 2007 <a href="http://by-expression.com/">by-expression.com</a></p>
	</div>
</div>

</body>

<!-- #EndTemplate -->

</html>