Build a Restaurant Menu Page
🌐 HTMLProject: create a full restaurant menu page with sections, images, and tables.
0/7 completed
Project: Restaurant Menu Page
Create a beautiful restaurant menu page for "The Golden Fork" restaurant.
Requirements
- Restaurant name as
<h1> - A tagline paragraph (e.g., "Authentic Nigerian cuisine since 1990")
- An image of the restaurant (use placeholder)
- Appetizers section with an unordered list and prices
- Main Courses section with a table (Dish | Price | Spice Level)
- Desserts section
- A footer with contact info and a "mailto:" link
Grading Criteria
| Criteria | Points |
|---|---|
| Correct HTML structure | 2 |
| Proper heading hierarchy | 2 |
| At least one image with alt text | 2 |
| Table with headers | 2 |
| Working mailto link | 2 |
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>The Golden Fork - Menu</title>
</head>
<body>
<h1>The Golden Fork</h1>
<p><em>Authentic Nigerian cuisine since 1990</em></p>
<img src="https://picsum.photos/600/300" alt="Restaurant interior" width="600">
<h2>Appetizers</h2>
<ul>
<li>Suya Skewers — ₦1,500</li>
<li>Puff Puff — ₦800</li>
</ul>
<h2>Main Courses</h2>
<table border="1">
<tr><th>Dish</th><th>Price</th><th>Spice</th></tr>
<tr><td>Jollof Rice</td><td>₦3,000</td><td>Mild</td></tr>
<tr><td>Pepper Soup</td><td>₦2,500</td><td>Hot</td></tr>
</table>
<hr>
<p>Call us: <a href="tel:+2348012345678">0801-234-5678</a></p>
<p>Email: <a href="mailto:info@goldenfork.com">info@goldenfork.com</a></p>
</body>
</html>
🚀 Project
Build a Restaurant Menu Page
Project: create a full restaurant menu page with sections, images, and tables.
Requirements
🚀 Start Project
- 1. Restaurant name as an h1 heading
- 2. A tagline paragraph (e.g. "Authentic Nigerian cuisine since 1990")
- 3. An image with alt text
- 4. Appetizers section with an unordered list and prices
- 5. Main Courses section with a table (Dish | Price | Spice Level)
- 6. A Desserts section
- 7. A footer with contact info and a mailto link