Looking for both html structure for this study and css styling structure as well
ID: 3736711 • Letter: L
Question
Looking for both html structure for this study and css styling structure as well. WEBSITE CASE STUDY Implementing a CSS Two-Column Page Layout Each of the following case studies continues throughout most of the textbook chapter implements a CSS two-column page layout in the websites. JavaJam Coffee House See Chapter 2 for an introduction to the JavaJam Coffee House case study. Figure 2.30 shows a site map for the JavaJam. In this case study, you will implement a new two- column CSS page layout for JavaJam. Figure 6.49 shows a wireframe for a two-column page layout with wrapper, header, navigation, main content, hero image, and footer ares wra Figure 6.49 Wireframe for a two-column page layout for the JavaJam website header nav main hero image footerExplanation / Answer
HTML Code:
<!DOCTYPE html>
<html lang="en">
<head>
<title> JavaJam Coffee House </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="new.css">
</head>
<body>
<div id="wrapper">
<header>
<h1>JavaJam Coffee House</h1>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="Menu.html">Menu</a></li>
<li><a href="Music.html">Music</a></li>
<li><a href="Jobs.html">Jobs</a></li>
</ul>
</nav>
<main>
<div id="heroroad"></div>
<h2>
Follow the Winding Road to JavaJam
</h2>
<p>
We're a little out of the way, but take a drive down Route 42
to JavaJam today! Indulge in our locally roasted free-trade coffee
and home-made patries. You'll feel right at home at JavaJam!
</p>
<h3>
JavaJam Coffee House features:
</h3>
<ul>
<li>Specialty coffee and teas </li>
<li>Bagels, Muffins, and Organic Snacks</li>
<li>Music and Poetry Readings </li>
<li>Open Mic Night</li>
</ul>
<p>
54321 Route 42 <br>
Ellison Bau, WI 54210 <br>
<a id="mobile" href="tel:888-555-5555">888-555-5555</a>
<span id="desktop">888-555-5555</span>
</p>
</main>
<footer>
<p>
Copyright © 2016 JavaJam Coffee House
<br>
<a href="email_fake.html">William@Taylor.com</a>
</p>
</footer>
</div>
</body>
</html>
CSS code for image files:
Related Questions
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.