buildHtml
baseUrl https://donutopia.scroll.pub
metaTags
editButton /edit.html
title Donutopia | Fresh Donuts Delivered
style.css
header
 class hero
 nav
  div Donutopia
   class logo
  div
   class nav-links
   a Menu
    href #menu
   a How It Works
    href #how-it-works
   a Locations
    href #locations
   a Order Now
    class cta-button
    href #order
 div
  class hero-content
  h1 Artisanal Donuts Delivered Fresh
  p Handcrafted daily using premium ingredients. Delivered to your door in minutes.
  a Order Now
   class primary-button
   href #order
main
 section
  id menu
  class menu-section
  h2 Our Signature Donuts
  div
   class donut-grid
   div
    class donut-card
    div 🍩
     class donut-icon
    h3 Classic Glazed
    p Our signature light and fluffy donut with perfect glaze
    span $3.50
   div
    class donut-card
    div 🍫
     class donut-icon
    h3 Chocolate Dream
    p Rich chocolate dough with chocolate glaze and sprinkles
    span $4.00
   div
    class donut-card
    div 🍓
     class donut-icon
    h3 Berry Blast
    p Filled with fresh berry jam and topped with glaze
    span $4.50
   div
    class donut-card
    div 🥥
     class donut-icon
    h3 Tropical Twist
    p Coconut glaze with toasted coconut flakes
    span $4.00
 section
  id how-it-works
  class steps-section
  h2 How It Works
  div
   class steps-grid
   div
    class step-card
    div 1
     class step-number
    h3 Choose Your Donuts
    p Select from our daily fresh-baked menu
   div
    class step-card
    div 2
     class step-number
    h3 Customize Your Order
    p Add toppings, fillings, or special requests
   div
    class step-card
    div 3
     class step-number
    h3 Fast Delivery
    p Get your donuts delivered in under 30 minutes
 section
  id locations
  class locations-section
  h2 Serving These Areas
  div
   class locations-grid
   div
    class location-card
    h3 Downtown
    p Open 7am-7pm daily
   div
    class location-card
    h3 Uptown
    p Open 6am-8pm daily
   div
    class location-card
    h3 Westside
    p Open 7am-6pm daily
 section
  id order
  class order-section
  h2 Ready to Order?
  form
   class order-form
   div
    class form-group
    label Donut Selection
    select
     option Classic Glazed
     option Chocolate Dream
     option Berry Blast
     option Tropical Twist
   div
    class form-group
    label Quantity
    input
     type number
     min 1
     max 12
     value 1
   div
    class form-group
    label Delivery Address
    input
     type text
     placeholder Enter your address
   button
    type submit
    class primary-button
    Place Order
footer
 div
  class footer-content
  div
   class footer-links
   a About Us
    href about.html
   a Careers
    href careers.html
   a Contact
    href contact.html
  p Fresh donuts made with love since 2023
script.js