🎃 Responsive Halloween Website

A fully responsive Halloween-themed website built with HTML, CSS, and JavaScript.
This project features a modern spooky UI/UX with interactive sliders, animated sections, product showcases, and a fun seasonal design — perfect for Halloween landing pages.

---

🚀 Features

• 🎃 Responsive Design – Mobile-first, works on all devices.
• 🕸️ Home Slider – Built with Swiper.js for smooth slides.
• 👻 Category Showcase – Ghosts, Pumpkins, Witch Hats, and more.
• 🍬 Trick or Treat Store – Grid layout with products, prices, and cart icons.
• 🧛 Discount Section – Halloween sale banner.
• 🕯️ New Arrivals – Slider for latest spooky products.
• 📩 Newsletter Subscription – Simple form to collect emails.
• 🕷️ Scroll Animations – Powered by ScrollReveal.js.
• 🦇 Social Footer – Links to Facebook, Instagram, Twitter.

---

🛠️ Tech Stack

• HTML5 – Semantic markup
• CSS3 – Styling and responsive layout
• JavaScript (Vanilla) – Interactive features
• Swiper.js – Sliders & carousels
• ScrollReveal.js – Scroll animations
• Boxicons – Icon library

---

📂 Project Structure

📦 Halloween-Website
┣ 📂 assets
┃ ┣ 📂 css
┃ ┃ ┣ styles.css
┃ ┃ ┗ swiper-bundle.min.css
┃ ┣ 📂 img
┃ ┃ ┣ (all images and icons used)
┃ ┣ 📂 js
┃ ┃ ┣ main.js
┃ ┃ ┣ swiper-bundle.min.js
┃ ┃ ┗ scrollreveal.min.js
┃ ┗ favicon.png
┣ 📜 index.html
┣ 📜 halloweenpreview.png
┗ 📜 README.md

---

⚡ Installation & Usage

1. Clone the repository

   git clone https://github.com/numcodes/halloween-website.git```
   

2. Navigate to the folder

   cd halloween-website

3. Open in your browser

   Just double-click index.html or use a local server like VS Code Live Server.

🌍 Live Demo

👉 View Live Website https://halloween-website-neon.vercel.app/

📸 Preview

🎯 Future Improvements

• 🛒 Add a working shopping cart with local storage.

• 📬 Connect a real backend for newsletter subscriptions.

• 🌙 Add dark/light mode toggle.

• 🎨 Improve animations for an even spookier experience.

👨‍💻 Author

Built with ❤️ by Num Codes.