Scribd
Upload
3 views

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
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
3 views

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
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