buildHtml
baseUrl https://cookscroll.pub
metaTags
editButton /edit.html
title CookScroll - Share Your Recipes Beautifully
style.css
header
 class hero
 nav
  div CookScroll
   class logo
  div
   class nav-links
   a Recipes
    href #recipes
   a Categories
    href #categories
   a Share
    href share.html
   a Search
    class search-icon
    href #search
main
 section
  id search
  class search-container
  input
   type text
   placeholder Search recipes...
   id searchInput
  button Search
   class search-button
 section
  id featured
  class featured-recipe
  h2 Featured Recipe
  div
   class recipe-card featured
   img
    src recipe-placeholder.png
    alt Homemade Ramen
   div
    class recipe-content
    h3 Homemade Ramen
    p Traditional Japanese ramen with handmade noodles
    div
     class recipe-meta
     span 30 min
     span Intermediate
     span Japanese
 section
  id categories
  class category-grid
  div
   class category-card
   h3 Japanese
   img
    src japanese.png
    alt Japanese Cuisine
  div
   class category-card
   h3 Italian
   img
    src italian.png
    alt Italian Cuisine
  div
   class category-card
   h3 Mexican
   img
    src mexican.png
    alt Mexican Cuisine
  div
   class category-card
   h3 Indian
   img
    src indian.png
    alt Indian Cuisine
 section
  id recipes
  class recipe-grid
  h2 Latest Recipes
  div
   class recipe-cards
footer
 div
  class footer-content
  div
   class footer-links
   a About
    href /about
   a Submit Recipe
    href /submit
   a Guidelines
    href /guidelines
  p Made with love for home cooks everywhere
script.js