Nike Landing Page

A responsive Nike Landing Page built using HTML and CSS.
The page highlights a Nike Limited Edition collection with product cards, hover animations, and a modern layout.

---

✨ Features

🔹 Responsive Navbar

• Logo + navigation links + icons
• Interactive hover effects
• Dropdown menu with multiple categories
• Collapses on smaller screens

🔹 Hero Section

• Catchy headline
• Description text
• Call-to-action button with hover animation

🔹 Product Showcase

• Scrollable product cards on desktop
• Converts to a grid layout on tablets and mobile
• Smooth hover effects with card lift and image zoom

🔹 Hover Animations

• Navbar links lift + change color
• Icons scale up
• Button glows + changes color
• Product cards zoom with shadows

---

📱 Responsiveness

• Desktop (≥1024px) → Left (text) + Right (horizontal product cards)
• Tablet (768px–1023px) → Stacked layout, larger text, grid products
• Mobile (≤480px) → Centered text, smaller button, product grid

---

🛠️ Tech Stack

• HTML5
• CSS3 (Flexbox & Media Queries)
• PNG Icons (from assets)

---

📂 Project Structure

│── index.html # Main HTML file │── style.css # Styling and responsiveness │── README.md # Project documentation │── assets/ # Images, icons, screenshots

---

👀 Preview

---

👩‍💻 Author

Designed and Developed by Krish

---

ℹ️ About

This project was created as a modern, responsive landing page concept for Nike’s Limited Edition collection.