The "Recipes" project is part of The Odin Project's Foundations course, designed to practice and demonstrate essential HTML skills. This project focuses on creating a simple recipe website, applying various HTML concepts.
odin-recipes/
│
├── css/
│ └── style.css
│
├── recipes/
│ ├── easy-lasagna.html
│ ├── german-pancakes.html
│ ├── big-soft-ginger-cookies.html
│
├── index.html
└── README.md
- HTML Structure: Applied standard HTML document elements, including
<!DOCTYPE>,<html>,<head>,<body>, and meta tags. - File Management: Effectively organized HTML files and directories.
- Navigation: Implemented internal links using
<a>tags. - Image Integration: Added images using the
<img>tag. - Text Formatting: Used headings and formatted text within paragraphs and lists.
- Lists: Created ordered and unordered lists for structured content.
- Page Layout: Structured web pages with a combination of text, images, and links.
All images used in this project are sourced from AllRecipes. Below are the specific credits:
- Easy Lasagna: Photo by Dotdash Meredith Food Studios.
- German Pancakes: Photo by Dotdash Meredith Food Studios.
- Big Soft Ginger Cookies: Photo by ZAKIAH.
Special thanks to The Odin Project for providing the curriculum and resources for this learning journey.