buildHtml
baseUrl https://shop.scroll.pub
metaTags
editButton /edit.html
title Scroll Shop - Modern Ecommerce
style.css
header
 class main-header
 nav
  class nav-container
  div
   class logo
   a Scroll Shop
    href /
  div
   class nav-links
   input
    type search
    placeholder Search products...
    class search-input
   a Shop
    href #shop
   a Cart
    href #cart
    class cart-icon
    span 0
     class cart-count
main
 section
  class hero
  h1 Discover Quality Products
  p Curated selection of premium items for discerning customers
  a Shop Now
   href #shop
   class cta-button
 section
  id shop
  class products-grid
  div
   class product-card
   img
    src product1.jpg
    alt Premium Watch
   h3 Premium Watch
   p $299.99
   button Add to Cart
    class add-to-cart
  div
   class product-card
   img
    src product2.jpg
    alt Leather Bag
   h3 Leather Bag
   p $199.99
   button Add to Cart
    class add-to-cart
  div
   class product-card
   img
    src product3.jpg
    alt Wireless Headphones
   h3 Wireless Headphones
   p $159.99
   button Add to Cart
    class add-to-cart
  div
   class product-card
   img
    src product4.jpg
    alt Smart Watch
   h3 Smart Watch
   p $249.99
   button Add to Cart
    class add-to-cart
 section
  id cart
  class cart-section
  h2 Shopping Cart
  div
   class cart-items
  div
   class cart-summary
   h3 Total: $0.00
   button Checkout
    class checkout-btn
footer
 class main-footer
 div
  class footer-content
  div
   class footer-section
   h4 Quick Links
   a Home
    href /
   a Shop
    href #shop
   a About
    href #about
  div
   class footer-section
   h4 Customer Service
   a Contact
    href #contact
   a Shipping
    href #shipping
   a Returns
    href #returns
  div
   class footer-section
   h4 Connect
   div
    class social-links
    a Facebook
     href #
    a Instagram
     href #
    a Twitter
     href #
script.js