buildHtml
baseUrl https://herbscroll.pub
metaTags
editButton /edit.html
title Herb Scroll - Natural Wellness Resource & Marketplace
style.css
header
 class hero
 nav
  div Herb Scroll
   class logo
  div
   class nav-links
   a About
    href #about
   a Resources
    href #resources
   a Shop
    href #shop
   a Contact
    href #contact
 div
  class hero-content
  h1 Natural Wellness Through Ancient Wisdom
  p Discover the healing power of herbs - Your trusted resource for herbal knowledge and premium botanical products
  div
   class cta-buttons
   a Explore Resources
    class primary-button
    href #resources
   a Shop Now
    class secondary-button
    href #shop
main
 section
  id about
  class about-section
  h2 Your Journey to Natural Wellness
  div
   class feature-grid
   div
    class feature-card
    img herb-guide.svg
     class feature-icon
    h3 Expert Guidance
    p Comprehensive guides on herbal remedies and natural healing traditions
   div
    class feature-card
    img quality.svg
     class feature-icon
    h3 Premium Quality
    p Carefully sourced herbs and botanical products from trusted suppliers
   div
    class feature-card
    img community.svg
     class feature-icon
    h3 Community
    p Connect with herbalists and natural wellness enthusiasts
   div
    class feature-card
    img education.svg
     class feature-icon
    h3 Education
    p In-depth articles and resources about herbal medicine
 section
  id resources
  class resources-section
  h2 Herbal Knowledge Base
  div
   class resource-grid
   article
    class resource-card
    img beginners-guide.svg
    h3 Beginner's Guide
    p Start your journey into herbal wellness
    a Learn More
     class link-button
   article
    class resource-card
    img herb-directory.svg
    h3 Herb Directory
    p Detailed profiles of medicinal herbs
    a Explore
     class link-button
   article
    class resource-card
    img preparation.svg
    h3 Preparation Methods
    p Learn how to make teas, tinctures, and more
    a Discover
     class link-button
 section
  id shop
  class shop-section
  h2 Herbal Marketplace
  div
   class product-grid
   div
    class product-filters
    h3 Categories
    ul
     li Dried Herbs
     li Tinctures
     li Essential Oils
     li Herbal Teas
     li Supplements
   div
    class product-display
    div
     class product-card
     img product1.svg
     h3 Organic Chamomile
     p Premium dried flowers
     span $12.99
     button Add to Cart
    div
     class product-card
     img product2.svg
     h3 Echinacea Tincture
     p Immune support blend
     span $24.99
     button Add to Cart
    div
     class product-card
     img product3.svg
     h3 Lavender Essential Oil
     p Pure therapeutic grade
     span $18.99
     button Add to Cart
 section
  id contact
  class contact-section
  h2 Connect With Us
  div
   class contact-container
   form
    class contact-form
    input
     type text
     placeholder Your Name
    input
     type email
     placeholder Your Email
    textarea
     placeholder Your Message
    button Send Message
     type submit
footer
 div
  class footer-content
  div
   class footer-links
   a About Us
    href #about
   a Terms of Service
    href /terms
   a Privacy Policy
    href /privacy
   a Contact
    href #contact
  p Built with love by the herbal wellness community
script.js