buildHtml
baseUrl https://water.scroll.pub
metaTags
editButton /edit.html
title AquaFlow - Smart Water Delivery
style.css
header
 class hero-section
 nav
  div AquaFlow
   class logo
  div
   class nav-links
   a Home
    href #home
   a Products
    href #products
   a Subscribe
    href #subscribe
   a Cart
    class cart-icon
    onclick toggleCart()
    span 0
     id cartCount
main
 section
  id home
  class hero-content
  h1 Pure Water, Delivered Fresh
  p Never run out of water again with our smart delivery service
  button Get Started
   class cta-button
   onclick showSubscribeModal()
 section
  id products
  class products-grid
  h2 Our Products
  div
   class product-card
   img water-basic.jpg
    alt Premium Water Bottle
   h3 Premium Spring Water
   p 5L Bottle
   span $4.99
   button Add to Cart
    onclick addToCart(1)
  div
   class product-card
   img water-premium.jpg
    alt Mineral Water Bottle
   h3 Mineral Water Plus
   p 5L Bottle
   span $6.99
   button Add to Cart
    onclick addToCart(2)
  div
   class product-card
   img water-sparkling.jpg
    alt Sparkling Water Bottle
   h3 Sparkling Water
   p 5L Bottle
   span $5.99
   button Add to Cart
    onclick addToCart(3)
 section
  id subscribe
  class subscription-section
  h2 Subscription Plans
  div
   class plan-cards
   div
    class plan-card
    h3 Basic
    p Weekly Delivery
    span $18.99/month
    button Choose Plan
     onclick selectPlan('basic')
   div
    class plan-card
    h3 Family
    p Bi-weekly Delivery
    span $34.99/month
    button Choose Plan
     onclick selectPlan('family')
   div
    class plan-card
    h3 Premium
    p Custom Delivery
    span $49.99/month
    button Choose Plan
     onclick selectPlan('premium')
div
 id cart-sidebar
 class cart-sidebar hidden
 h3 Shopping Cart
 div
  id cartItems
  class cart-items
 div
  class cart-total
  span Total:
  span $0.00
   id cartTotal
 button Checkout
  class checkout-button
  onclick checkout()
div
 id subscribeModal
 class modal hidden
 div
  class modal-content
  h3 Start Your Subscription
  form
   id subscribeForm
   input
    type text
    placeholder Name
    required
   input
    type email
    placeholder Email
    required
   input
    type tel
    placeholder Phone
    required
   button Submit
    type submit
footer
 div
  class footer-content
  div
   class footer-links
   a About Us
    href #about
   a Contact
    href #contact
   a Terms
    href #terms
  p Made with 💧 by AquaFlow
script.js