Scribd
Upload
9 views5 pages

code

The document is an HTML template for the Sweet Delights Bake Shop website, featuring a header, navigation menu, a banner image, and a menu section displaying specialty items with prices and images. The page is styled with CSS for a visually appealing layout. It also includes a footer with copyright information.

Uploaded by

seonphixiiav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
9 views5 pages

code

The document is an HTML template for the Sweet Delights Bake Shop website, featuring a header, navigation menu, a banner image, and a menu section displaying specialty items with prices and images. The page is styled with CSS for a visually appealing layout. It also includes a footer with copyright information.

Uploaded by

seonphixiiav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

<!

DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-


scale=1.0">

<title>Sweet Delights Bake Shop</title>

<style>

/* CSS Styling */

body {

font-family: Arial, sans-serif;

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;

padding: 10px 20px;

display: inline-block;

.banner img {

width: 100%;

height: auto;

.menu {

margin: 20px;

table {

width: 80%;

margin: auto;
border-collapse: collapse;

table, th, td {

border: 1px solid brown;

padding: 10px;

text-align: center;

img {

width: 100px;

height: auto;

footer {

background-color: #d2691e;

color: white;

padding: 10px;

</style>

</head>

<body>

<header>

<h1>Sweet Delights Bake Shop</h1>

</header>
<nav>

<ul>

<li><a href="index.html">Home</a></li>

<li><a href="order.html">Order Now</a></li>

</ul>

</nav>

<section class="banner">

<img src="images/bakery.jpg" alt="Bakery 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>

<td><img src="images/cake.jpg" alt="Chocolate Cake"></td>

</tr>

<tr>

<td>Butter Cookies</td>

<td>$10</td>
<td><img src="images/cookies.jpg" alt="Cookies"></td>

</tr>

</table>

</section>

<footer>

<p>&copy; 2025 Sweet Delights Bake Shop | <a


href="order.html">Order Now</a></p>

</footer>

</body>

</html>

You might also like