code
code
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
/* CSS Styling */
body {
margin: 0;
padding: 0;
background-color: #fff8e1;
text-align: center;
header {
background-color: #d2691e;
color: white;
padding: 15px;
font-size: 24px;
nav ul {
list-style: none;
padding: 0;
background-color: #8b4513;
nav ul li {
display: inline;
margin: 10px;
nav ul li a {
color: white;
text-decoration: none;
display: inline-block;
.banner img {
width: 100%;
height: auto;
.menu {
margin: 20px;
table {
width: 80%;
margin: auto;
border-collapse: collapse;
table, th, td {
padding: 10px;
text-align: center;
img {
width: 100px;
height: auto;
footer {
background-color: #d2691e;
color: white;
padding: 10px;
</style>
</head>
<body>
<header>
</header>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
</ul>
</nav>
<section class="banner">
</section>
<section class="menu">
<h2>Our Specialties</h2>
<table>
<tr>
<th>Item</th>
<th>Price</th>
<th>Image</th>
</tr>
<tr>
<td>Chocolate Cake</td>
<td>$15</td>
</tr>
<tr>
<td>Butter Cookies</td>
<td>$10</td>
<td><img src="images/cookies.jpg" alt="Cookies"></td>
</tr>
</table>
</section>
<footer>
</footer>
</body>
</html>