CSS
body {
background-image: url(background.gif);
color: #330000;
font-family: verdana, arial, sans-serif;
margin-left: auto;
margin-right: auto;
width: 80%;
}
img {
border: none;
}
#logo {
background-color: #ccaa66;
color: #000000;
text-align: center;
margin: 0;
}
#content {
margin-left: 150px;
background-color: #f1e8b0;
color: #000000;
padding: 10px 20px;
overflow: auto;
}
.details {
padding-left: 20%;
padding-right: 20%;
}
h1 {
background-color: #ccaa66;
color: #000000;
text-align: center;
}
#nav {
text-align: center;
font-style: bold;
}
h2 {
text-transform: uppercase;
background-color: #ffffcc;
color: #663300;
font-size: 1.2em;
margin-right: 20px;
}
#footer { background-color: #ccaa66;
color: #000000;
font-size: .60em;
font-style: italic;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
Index
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaJam Coffee House</title>
<link rel="stylesheet" type="text/css" href="javajamcss.css"/>
</head>
<body>
<center><img src="javalogo.gif" alt="JavaJam Coffee House" width="619" height="117" /></center>
<div id="nav"><p><a href="index.html">Home</a> <a href="menu.html">Menu</a> <a href="music.html">Music</a> <a href="jobs.html">Jobs</a></p></div>
<div class="content"><br />
<img src="windingroad.jpg" align="right" alt="winding road" title="winding road" height="156px" width="333px" />
<p>Follow the winding road to JavaJam</p>
<ul>
<li>Specialty coffe and tea</li>
<li>Bagels, muffins and organic snacks</li>
<li>Music and poetry readings</li>
<li>Open mic night</li>
</ul>
<br /></div>
</div>
12312 Main street<br />
Mountain Home, CA 93923<br />
1-888-555-5555<br />
<div class="footer">Copyright © 2011 JavaJam Coffee House<br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</body>
</html>
Menu
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaJam Coffee House</title>
<link rel="stylesheet" type="text/css" href="javajamcss.css"/>
</head>
<body>
<center><img src="javalogo.gif" alt="JavaJam Coffee House" width="619" height="117" /></center>
<div id="nav"><p><a href="index.html">Home</a> <a href="menu.html">Menu</a> <a href="music.html">Music</a> <a href="jobs.html">Jobs</a></p></div>
<div id="content"><br />
<dl>
<dt><b>Just Java</b></dt>
<dd>Regular house blend, decaffeinated coffee or flavour of the day.<br />
Endless cup $2.00</dd>
<dt><b>Cafe au lait</b></dt>
<dd>House blended coffee infused into a smooth, steamed milk<br />
Single $2.00 Double $4.00</dd>
<dt><b>Iced Cappaccino</b></dt>
<dd>Sweetened espresso blended with icy-cold milk and served in a chilled glass<br />
$4.75</dd>
</dl><br /></div>
<div class="footer"><em><small>Copyright © 2011 JavaJam Coffee House</small></em> <br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</body>
</html>
Music
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaJam Coffee House</title>
<link rel="stylesheet" type="text/css" href="javajamcss.css"/>
</head>
<body>
<center><img src="javalogo.gif" alt="JavaJam Coffee House" width="619" height="117" /></center>
<div id="nav"><p><a href="index.html">Home</a> <a href="menu.html">Menu</a> <a href="music.html">Music</a> <a href="jobs.html">Jobs</a></p></div>
<br />
<div id="content">
<p>
The first Friday night each month at JavaJam is a special night.
<br/>
Join us from 8pm to 11pm for some music you won't want to miss.
</p>
<h2>
January
</h2>
<a href="melanie.jpg" title="large picture melanie"><img src="melaniethumb.jpg" title="small picture melanie" alt="melanie" align="right" height="80px" /></a>
<div class="details">Melanie Morris entertains
<br/>
with her melodic folk style.
<br/>
Check out the podcast!
<br/>
CDs are now available.
</p></div>
<h2>
February
</h2>
<a href="greg.jpg" title="large picture greg"><img src="gregthumb.jpg" title="small picture greg" alt="greg" align="right" height="80px" /></a>
<div class="details">Tahoe Greg's back from his tour.
<br/>
New Songs
<br/>
New Stories
<br/>
CDs are now available.
</p>
</dl>
<br />
</div>
<br />
<div class="footer"><em><small>Copyright © 2011 JavaJam Coffee House</small></em> <br />
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</body>
</html>
No comments:
Post a Comment