1.
INDEX
<!DOCTYPE html>
<html lang="en">
<head>
<title>JavaJam Coffee House</title>
<meta charset="utf-8">
<link rel="stylesheet" href="javajam.css" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo"><h1> JavaJam Coffee House </h1></div>
</div>
<div id="nav">
<ul>
<a href="index.html">Home</a>
<a href="menu.html">Menu</a>
<a href="music.html">Music</a>
<a href="jobs.html">Jobs</a>
</ul>
</div>
<div id="content">
<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>
12312 Main Street <br />
Mountain Home, CA 93923 <br />
1-888-555-5555 <br />
<br>
</div>
<div id="footer">
<p>JavaJam Copyright © 2013 Coffee House</p>
<a href="mailto:zoilobernal@gmail.com">zoilobernal@gmail.com</a>
</div>
</div>
</body>
</html>
MENU
<!DOCTYPE html>
<html lang="en">
<head>
<title>JavaJam Coffee House</title>
<meta charset="utf-8">
<link rel="stylesheet" href="javajam.css" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="logo"><h1> JavaJam Coffee House </h1></div>
</div>
<div id="nav">
<a href="index.html">Home</a>
<a href="menu.html">Menu</a>
<a href="music.html">Music</a>
<a href="jobs.html">Jobs</a>
</div>
<div id="content">
<dl><dt><strong>Just Java</strong></dt>
<dd>Regular house blend, decaffeinated coffee, or flavor of the day.
<br> Endless Cup $2.00</dd>
<dt><strong>Cafe au Lait</strong></dt>
<dd>House blend coffee infused into a smooth, steamed milk.
<br>Single $2.00 Double $3.00</dd>
<dt><strong>Iced Cappuccino</strong></dt>
<dd>Sweetened espresso blended with icy-cold milk and served in a chilled glass.
<br> Single $4.75 Double $5.75</dd>
</dl>
</div>
<div id="footer">
<p>JavaJam Copyright © 2013 Coffee House</p>
<a href="mailto:zoilobernal@gmail.com">zoilobernal@gmail.com</a>
</div>
</div>
</body>
</html>
JavaJamCSS
body{
background-color: #ffffcc;
color: #330000;
font-family: Verdana, Arial, sans-serif;
}
h1{
background-color: #ccaa66;
color:#000000;
line-height: 200%;
text-align: center;
}
#nav{
text-align:center;
}
#footer{
background-color:#ccaa66;
color:#000000;
font-size:.60em;
font-style:italic;
text-align:center;
}
#wrapper{
width: 80%;
margin-right:auto;
margin-left: auto;
}
No comments:
Post a Comment