buildHtml
baseUrl https://recipes.scroll.pub
metaTags
editButton /edit.html
title My Recipe Collection
style.css
header
 class hero
 nav
  div RecipeScroll
   class logo
  div
   class nav-links
   a Breakfast
    href #breakfast
   a Lunch
    href #lunch
   a Dinner
    href #dinner
   a Add Recipe
    class cta-button
    href add.html
 div
  class hero-content
  h1 My Favorite Recipes
  p Simple, delicious meals to share with friends and family
main
 section
  id breakfast
  class recipe-section
  h2 Breakfast
  div
   class recipe-grid
   article
    class recipe-card
    img src pancakes.jpg
     alt Fluffy Pancakes
    div
     class recipe-content
     h3 Fluffy Pancakes
     p Light and airy pancakes with maple syrup
     a View Recipe
      href pancakes.html
   article
    class recipe-card
    img src omelette.jpg
     alt Vegetable Omelette
    div
     class recipe-content
     h3 Vegetable Omelette
     p Packed with fresh veggies and cheese
     a View Recipe
      href omelette.html
 section
  id lunch
  class recipe-section
  h2 Lunch
  div
   class recipe-grid
   article
    class recipe-card
    img src salad.jpg
     alt Summer Salad
    div
     class recipe-content
     h3 Summer Salad
     p Fresh greens with seasonal vegetables
     a View Recipe
      href salad.html
   article
    class recipe-card
    img src sandwich.jpg
     alt Club Sandwich
    div
     class recipe-content
     h3 Club Sandwich
     p Triple-decker with turkey and bacon
     a View Recipe
      href sandwich.html
 section
  id dinner
  class recipe-section
  h2 Dinner
  div
   class recipe-grid
   article
    class recipe-card
    img src pasta.jpg
     alt Creamy Pasta
    div
     class recipe-content
     h3 Creamy Pasta
     p Rich and flavorful garlic parmesan sauce
     a View Recipe
      href pasta.html
   article
    class recipe-card
    img src salmon.jpg
     alt Baked Salmon
    div
     class recipe-content
     h3 Baked Salmon
     p Lemon herb crusted salmon fillet
     a View Recipe
      href salmon.html
footer
 div
  class footer-content
  div
   class footer-links
   a About
    href about.html
   a Contact
    href contact.html
  p Made with love in my kitchen
script.js