buildHtml
baseUrl https://fresh.scroll.pub
metaTags
editButton /edit.html
title Fresh Scroll - Grocery Delivery Made Simple
style.css
header
class hero
nav
div Fresh
class logo
div
class nav-links
a Home
href #home
a Categories
href #categories
a How It Works
href #how-it-works
a Sign In
class auth-button
href #login
a Get Started
class cta-button
href #signup
div
class hero-content
h1 Fresh Groceries Delivered to Your Door
p Get your favorite groceries delivered in under 60 minutes
div
class search-container
input
type text
placeholder Enter your delivery address...
button Search
class search-button
main
section
id categories
class categories
h2 Shop by Category
div
class category-grid
div
class category-card
img
src images/fruits.svg
alt Fruits & Vegetables
h3 Fruits & Vegetables
div
class category-card
img
src images/dairy.svg
alt Dairy & Eggs
h3 Dairy & Eggs
div
class category-card
img
src images/meat.svg
alt Meat & Seafood
h3 Meat & Seafood
div
class category-card
img
src images/bakery.svg
alt Bakery
h3 Bakery
section
id how-it-works
class process
h2 How It Works
div
class process-grid
div
class process-card
div 1
class step-number
h3 Choose Your Items
p Browse through thousands of fresh products
div
class process-card
div 2
class step-number
h3 Schedule Delivery
p Pick a convenient delivery time
div
class process-card
div 3
class step-number
h3 Get Your Groceries
p Enjoy fresh groceries at your doorstep
footer
div
class footer-content
div
class footer-links
a About Us
href #about
a Help Center
href #help
a Become a Shopper
href #careers
a Privacy Policy
href #privacy
p Making grocery shopping easier for everyone
script.js