Mac & Cheese Recipe

A Basic Recipe Website Using Only HTML

A pure HTML website built as part of my earliest lessons in frontend development.

---

Overview

This project is a single-page recipe site built with HTML5 only. It displays a simple but structured layout for a classic Macaroni and Cheese recipe using semantic tags like <header>, <main>, <article>, and <footer>.

I included navigation links, a featured image with a caption, and organized the ingredients and cooking steps using HTML lists and sections. The project helped me learn how to build and present structured content without any CSS or JavaScript.

---

What I Learned

• How to write clean, semantic HTML from scratch
• Structuring content using <article>, <aside>, and <section>
• Using <ul> and <ol> for lists
• Creating simple navigation with anchor links
• Adding images and captions with <figure> and <figcaption>
• Writing meta tags for SEO and Open Graph previews
• Linking internally and externally using relative paths

---

Tech Used

• HTML5
• Git
• GitHub
• Netlify

---

How to Run

1. Clone the repository
2. Open index.html in your browser

---

Live Demo

Or you can check out the live website here

---

Author

Created by Elmar Chavez

Month/Year: April 2025

Journey: 1^st month of learning frontend web development.