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>
<div id="container">
<h1 id="logo">
<object width="620" height="117">
<img src="javalogo.gif">
<embed src="javalogo.swf" width="620" height="117">
</embed>
</object>
</h1>
<div id="nav">
<ul>
<li><a href="index.html" title="homepage">Home</a></li>
<li><a href="menu.html" title="menu page">Menu</a></li>
<li><a href="music.html" title="music page">Music</a></li>
<li><a href="jobs.html" title="jobs page">Jobs</a></li>
</ul>
</div>
<div id="content">
<p>
Follow the winding road to JavaJam...
<img src="windingroad.jpg" class="floatright" alt="winding road" title="winding road" height="156px" width="333px" />
</p>
<ul>
<li>Specialty Coffee and Tea</li>
<li>Bagels, Muffins, and Organic Snacks</li>
<li>Music and Poetry Readings</li>
<li>Open Mic Night</li>
</ul>
<p>
12312 Main Street
<br/>
Mountain Home, CA 93923
<br/>
1-888-555-5555
</p>
</div>
<div id="footer">
Copyright © 2011 Javajam Coffee House
<br/>
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div></div>
</body>
</html>
CSS
body { background-image: url(background.gif);
color: #330000;
font-family: verdana, arial, sans-serif;
margin-left: auto;
margin-right: auto;
width: 80%;
}
#container { background-color: #e8d882;
color: #000000;
border: 2px double #000000;
min-width: 700px;
}
img { border: none;
}
#logo { background-color: #ccaa66;
color: #000000;
text-align: center;
margin: 0;
border-bottom: 2px double #000000;
}
#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;
}
.floatright { padding-left: 20px;
float: right;
}
#nav { text-align: center;
float: left;
width: 100px;
padding-top: 10px;
}
#nav a { text-decoration: none;
margin: 15px;
text-align: center;
display: block;
}
#nav a:hover { color: #000066;
text-decoration: none;
}
#nav li {list-style-type: none;
}
h2 { text-transform: uppercase;
background-color: #ffffcc;
color: #663300;
font-size: 1.2em;
border-bottom: 1px solid #000000;
margin-right: 20px;
}
#footer { background-color: #ccaa66;
color: #000000;
font-size: .60em;
font-style: italic;
text-align: center;
border-top: 2px double #000000;
padding-top: 20px;
padding-bottom: 20px;
}
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>
<div id="container">
<h1 id="logo">
<img src="javalogo.gif" alt="java logo" title="javajam logo" width="619px" height="117px" />
</h1>
<div id="nav">
<ul>
<li><a href="index.html" title="homepage">Home</a></li>
<li><a href="menu.html" title="menu page">Menu</a></li>
<li><a href="music.html" title="music page">Music</a></li>
<li><a href="jobs.html" title="jobs page">Jobs</a></li>
</ul>
</div>
<div id="content">
<table>
<tr class="altrow">
<td class="effectt">Just Java</td>
<td>Regular house blend, decaffinated coffee, or flavor of the day.
<br/>
Endless Cup $2.00</td>
</tr>
<tr>
<td class="effectt">Cafe au Lait</td>
<td>House blened coffee infused into a smooth, steamed milk.
<br/>
Single $2.00 Double $4.00</td>
</tr>
<tr class="altrow">
<td class="effectt">Iced Cappuccino</td>
<td>Sweetened espresso blended with icy-cold milk and served in a chilled glass.
<br/>
$4.75</td>
</tr>
</table>
</div>
<div id="footer">
Copyright © 2011 Javajam Coffee House
<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>
<div id="container">
<h1 id="logo">
<img src="javalogo.gif" alt="java logo" title="javajam logo" width="619px" height="117px" />
</h1>
<div id="nav">
<ul>
<li><a href="index.html" title="homepage">Home</a></li>
<li><a href="menu.html" title="menu page">Menu</a></li>
<li><a href="music.html" title="music page">Music</a></li>
<li><a href="jobs.html" title="jobs page">Jobs</a></li>
</ul>
</div>
<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>
<p class="details">
<a href="melanie.jpg" title="large picture melanie"><img src="melaniethumb.jpg" title="small picture melanie" alt="melanie" class="floatright" height="80px" /></a>
Melanie Morris entertains
<br/>
with her melodic folk style.
<br/>
Check out the podcast!
<br/>
CDs are now available.
</p>
<h2>
February
</h2>
<p class="details">
<a href="greg.jpg" title="large picture greg"><img src="gregthumb.jpg" title="small picture greg" alt="greg" class="floatright" height="80px" /></a>
Tahoe Greg's back from his tour.
<br/>
New Songs
<br/>
<a href="greg.mp3" title="New Song">New Song</a>
<br/>
New Stories
<br/>
CDs are now available.
</p>
</div>
<div id="footer">
Copyright © 2011 Javajam Coffee House
<br/>
<a href="mailto:charlotte@gmail.com">charlotte@gmail.com</a></div>
</body>
</html>
I love you Charlotte
ReplyDelete-Someone who was stuck on JavaJam
me, too...thx!
ReplyDelete