SophiaPretty
$14/per page/Negotiable
Please help.
Julio Perez is the owner of the JavaJam Coffee House, a gour-met coffee shop that serves snacks, coffee, tea, and soft drinks. Local folk music performances and poetry readings are held a few nights during the week. The customers of JavaJam are mainly college students and young professionals. Julio would like a web presence for his shop that will display his ser-vices and provide information about performances. He would like a home page, menu page, music performance schedule page, and job opportunities page. A site map for the JavaJam Coffee House website is shown in Figure 2.31. The site map describes the architecture of the website, which consists of a Home page with three main content pages: Menu, Music, and Jobs.Figure 2.32 displays a wireframe sketch of the page layout for the website. It contains a site logo, a navigation area, a main content area, and a footer area for copyright information. You have three tasks in this case study: FIGURE 2.31 JavaJam site map. FIGURE 2.32 JavaJam wireframe. FIGURE 2.33 JavaJam index.html. 1. Create a folder for the JavaJam website. 2. Create the Home page: index.html. 3. Create the Menu page: menu.html.
I did create the folder. I also did the codes but they are not working. I am new to web design. Please help!
Â
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>JavaJam Coffee House</title>
<meta charset ="utf-8">
</head>
<body>
<h1>JavaJam Coffee House</h1>
<div>
<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>
<ul>
<li>Specialty Coffee and Tea</li>
<li>Bagels, Muffins, and Organic Snacks</li>
<li>Music and Poety Readings</li>
<li>Open Mic Night Every Friday Night</li>
</ul>
<div>54321 Route 42<br>
Ellison Bay, WI 54210<br>
1-888-555-5555
<br><br>
</div>
<div>
<small><i>Copyright © 2016 JavaJam Coffee House <br>
<a h..e@email.saintleo.edu">name@email.saintleo.edu</a>
</i></small>
</div>
</body>
</html>
Â
menu.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>JavaJam Coffee House</title>
<meta charset ="utf-8">
</head>
<body>
<h1>JavaJam Coffee House</h1>
<div>
<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>
<dt><strong>Just Java
</strong></dt>
<dd>Regular house blend, decaffeinated coffee, or flavor of the day.</dd>
<dd>Endless Cup $2.00</dd>
<dt><strong>Cafe au Lait
</strong></dt>
<dd>House blended coffee infused into a smooth, steamed milk.</dd>
<dd>Single $2.00 Double $4.00</dd>
<dt><strong>Ice Cappuccino
</strong></dt>
<dd>Sweetened espresso blended with icy-cold milk and served in a chilled glass.</dd>
<dd>$4.75</dd>
</dl>
<div>54321 Route 42<br>
Ellison Bay, WI 54210<br>
1-888-555-5555
<br><br>
</div>
<div>
<small><i>Copyright © 2016 JavaJam Coffee House <br>
<a h..e@email.saintleo.edu">name@email.saintleo.edu</a>
</i></small>
</div>
</body>
</html>
Â
javajam.css
body
{
background:#F5F5DC;
color:#2E0000;
}
header
{Â Â
background:#D2B48C;
}
footer
{
background:# D2B48C;
color:#000000;
}