Nike-Inspired E-commerce Website 🏀👟

A modern, responsive, and interactive Nike-style e-commerce website built with HTML, CSS, and JavaScript. This project features a multi-page layout, dark mode toggle, cart functionality using localStorage, smooth animations, and a responsive checkout process.

🌐 Live Demo

Coming soon... (optional GitHub Pages deployment)

---

📦Nike-Store ├── index.html ├── Men.html ├── Women.html ├── shop.html ├── cart.html ├── checkout.html ├── contact.html ├── style.css ├── scirpt.js └── im

📂 Pages & Features

🏠 Home Page (index.html)

• Hero section highlighting Nike branding
• Navigation with links to Men, Women, Shop, Contact
• Dark mode toggle

👟 Men & Women Pages (Men.html, Women.html)

• Sliders showcasing product collections
• Designed with smooth scroll and minimal styling
• Hover animations on products

🛍️ Shop Page (shop.html)

• Grid of products with:
  • Image, title, category, color, price
  • "Add to Cart" button
• Cart count updates dynamically

🛒 Cart Page (cart.html)

• Displays products added to cart
• Remove items from cart
• Total price calculation
• "Continue Shopping" and "Checkout" buttons

💳 Checkout Page (checkout.html)

• Shows selected products
• Input fields for card/payment (demo)
• Confirm Purchase button

📞 Contact Page (contact.html)

• Clean contact form with animation
• Location embedded map (Oxford Circus, London)
• Team Section with member cards

---

🛠️ Tech Stack

• HTML5
• CSS3 (custom + responsive + animations)
• JavaScript (DOM manipulation + localStorage)
• Remix Icon for icons
• Google Fonts - Inter

---

📱 Responsive Design

• Fully responsive across devices (mobile, tablet, desktop)
• Media queries and adaptive layouts implemented

---

🌑 Dark Mode

• Toggle switch for dark and light themes
• Preference saved in localStorage

---

🛒 Cart Functionality

• Products added via Add to Cart button
• Data stored and retrieved using localStorage
• Cart reflects real-time item count and totals

---

📌 Folder Structure

---

🚀 Getting Started

1. Clone the repo:

   git clone https://github.com/your-username/nike-store.git

🙌 Acknowledgements Nike brand inspiration for UI concept only

Tenor GIF embed (optional)

Google Maps Embed for store location

👨‍💻 Author Tanvir Farhad Student ID: 10427071 Group project with:

Prabash Dwip

Saksham Bhandari

---📄 License This project is for educational and demo purposes only. All brand assets (e.g. Nike logo/images) belong to their respective owner

Thank You