Odin Recipes

A simple HTML-based recipe website showcasing delicious recipes with detailed ingredients and cooking instructions.

📋 Overview

This project is a collection of recipe pages built with HTML and CSS. It features a main landing page that links to individual recipe pages, each containing ingredients and step-by-step cooking instructions.

🍽️ Available Recipes

• Burger - A classic cheeseburger recipe with caramelized onions and perfectly melted cheese
• Spaghetti - A delicious pasta dish (more details coming soon)
• Steak - A premium steak recipe (more details coming soon)

📂 Project Structure

recipe/
├── index.html              # Main landing page with recipe links
├── README.md              # This file
├── food/
│   ├── burger.html        # Burger recipe page
│   ├── spaghetti.html     # Spaghetti recipe page
│   ├── steak.html         # Steak recipe page
│   └── style.css          # Shared styling for recipe pages

🚀 Getting Started

1. Clone or download this repository
2. Open index.html in your web browser
3. Click on any recipe to view the full details

📝 Features

Each recipe page includes:

• Recipe title and appetizing food image
• Complete ingredients list with descriptions
• Step-by-step cooking instructions
• Professional styling with CSS

🎓 Educational Purpose

This project is part of The Odin Project curriculum, focusing on HTML and CSS fundamentals.