Scribd
Upload
4 views5 pages

HOME

The document outlines the structure and content for the Keki Bora Bakery website, detailing key pages such as Home, Menu, About Us, Contact Us, and an online ordering system. It includes HTML code snippets for essential elements like the navigation bar, image insertion, menu items, a contact form, and an external link for online ordering. Additionally, it lists group members and submission details for a web technology unit.

Uploaded by

Kelvin Thamu
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
4 views5 pages

HOME

The document outlines the structure and content for the Keki Bora Bakery website, detailing key pages such as Home, Menu, About Us, Contact Us, and an online ordering system. It includes HTML code snippets for essential elements like the navigation bar, image insertion, menu items, a contact form, and an external link for online ordering. Additionally, it lists group members and submission details for a web technology unit.

Uploaded by

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

HOME MENU ABOUT US CONTACT US ORDER ONLINE

(LINK) (LINK) (LINK) (LINK) (LINK)


Question 1:KEKIBORA BAKERY WEBSITE SKETCH

WELCOME
MESSAGE
DISPLAY OF THE
CAKE

VIEW MENU

ONLINE
ORDERING
SYSTEM

FOOTER

EXPLANATIONS OF THE PAGES L

Home

 It welcomes visitors to Keki Bora Bakery.


 Displays an image of the signature cake.
 It Offers links to view the menu and place orders online.

Menu

 It displays the bakery's available products, including cakes, pastries, and other baked goods.
 It include images, descriptions, and prices of each item.
 Allows customers to explore options before placing an order.

About Us

 Shares the history and mission of Keki Bora Bakery.


 Introduces the founder.
Contact Us
 Provides contact details such as phone number, email, and address.
 May include a contact form for customers to send inquiries.

Order Online

 Directs customers to an online ordering system.

QUESTION TWO
Write the HTML code to structure the basic elements of the page, including the DOCTYPE declaration,
opening <html> tag, and essential elements in the <head> (such as the page title and character set).

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Keki Bora Backery Website</title>
<link rel="stylesheet" href="styles.css">
</head>

QUESTION THREE
Write the HTML code for a navigation bar using an unordered list (<ul>) and anchor tags (<a>).
<header>
<nav class="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="menu.html">Menu</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="order.html">Order Online</a></li>
</ul>
</nav>
</header>

QUESTION FOUR

Write the HTML code to insert this image. The image file is named signature-cake.jpg, and you should
provide an alt text of "Signature cake from Keki Bora Bakery".

<img src="signature-cake.jpg" alt="Signature cake from Keki Bora Bakery">

QUESTION FIVE

Write HTML code to list a few items under each category, along with their prices.

<h2>Our Menu</h2>

Select Item from the category-Cakes=

<select id="item" name="item">


<option value="Cheesecake">Cheesecake 80ksh</option>

<option value="Strawberry">Strawberry Shortcake 150ksh</option>

<option value="Victoria">Victoria Sponge Cake 60ksh</option>

<option value="Pineapple">Pineapple Upside Down Cake 250ksh</option>

</select>

QUESTION SIX

You need to create a simple contact <Form> for Keki Bora Bakery where users can inquire about
products.The form should include fields for name, email address, and message, and a submit button.
Write the HTML code for this form

<form action="#" method="post">

<label for="name">Name:</label>

<input type="text" id="name" name="name" required>

<label for="email">Email:</label>

<input type="email" id="email" name="email" required>

<label for="message">Message:</label>

<textarea id="message" name="message" required></textarea>

<button type="submit">Send Message</button>

</form>

QUESTION SEVEN

There should be an external link that leads to the bakery's online ordering system. Write the HTML code
for this link. The link should open in a new tab when clicked.

<section class="order">

<h2>Order Your Favorite Dishes Online</h2>

<p>Choose your meals and have them delivered right to your door!</p>

<form action="#" method="post">

<label for="item">Select Item:</label>

<select id="item" name="item">


<option value="Cheesecake">Cheesecake</option>

<option value="Strawberry">Strawberry Shortcake</option>

<option value="Victoria">Victoria Sponge Cake</option>

<option value="Pineapple">Pineapple Upside Down Cake</option>

<!-- Add more options here -->

</select>

<label for="quantity">Quantity:</label>

<input type="number" id="quantity" name="quantity" min="1" value="1" required>

<button type="submit">Place Order</button>

</form>

</section><br><br><br>
UNIT NAME: WEB TECHNOLOGY

UNIT CODE: CS/C/7153

DATE OF SUBMISSION-27/02/2025

GROUP 3 MEMBERS:

KELVIN THAMU KANIA - 2025CS161668

LANGAT ERICK - 2025CS161367

KIPROP KORIR - 2025CS162222

FAITH CHEPCHIRCHIR- 2025CS162357

FAITH NJERI MWATHI - 2025CS161465

KIPKOECH ENOCK- 2025CS162754

You might also like