Sweet Avenue - Dessert Shop HTML Template

Sweet Avenue is a modern and responsive HTML template designed for dessert shops, coffee shops, ice cream shops, pancake shops, waffle shops and similar sweet food businesses.

The template includes clean and well-organized pages for presenting products, categories, business information, contact details and a simple checkout flow. It also includes a shopping cart using localStorage, product search, category filters, a custom dessert builder, configurable delivery price and currency settings.

Sweet Avenue is built with HTML5, CSS3, JavaScript and Bootstrap 5. The code is organized and easy to customize, making it suitable for small food businesses, dessert stores, cafes, bakeries and sweet product websites.

All images are represented with clear placeholders, so buyers can easily replace them with their own product and business images.

Features

- Responsive design - Home, Menu, About, Contact and Checkout pages - Product search and category filters - Shopping cart with localStorage - Custom dessert builder - Dynamic price calculation - Collection and delivery options - Success and cancel pages - Configurable currency and delivery price - Formspree-ready contact form - Image placeholders for easy customization - Bootstrap 5 - Bootstrap Icons - Google Fonts - Clean and organized code - Easy to customize

Requirements

- Modern web browser - Basic knowledge of HTML, CSS and JavaScript for customization - Code editor such as Visual Studio Code - Optional: Live Server extension for local testing - Optional: Formspree account for the contact form - Optional: backend/payment gateway integration for real payment processing

Instructions

1. Download and extract the ZIP file. 2. Keep the original folder structure. 3. Open index.html in a browser to view the template. 4. For local testing, open the project folder in Visual Studio Code and use the Live Server extension. 5. Edit the HTML files to update text, links, products and page content. 6. Edit css/style.css to customize colors, spacing and visual styles. 7. Edit js/script.js to update cart settings, delivery price, currency and checkout endpoint. 8. Replace the image placeholders with your own images. 9. To activate the contact form, replace the Formspree form ID in contact.html. 10. To process real payments, connect the checkout form to a secure backend/payment gateway.