🌐 Chani Website Clone

This is a responsive clone of the official Chani website, built with HTML, CSS, and JavaScript, using Locomotive Scroll for smooth scrolling and Swiper.js for slider interactions.

📍 Live Preview:
👉 Click to View

---

📁 Project Structure

Chani-Website-Clone/
│
└───Files/
├───assets/         # Images and media
├───index.html      # Main HTML file
├───script.js       # JavaScript logic
└───style.css       # Styling and layout

---

🔧 Tech Stack

• HTML5
• CSS3
• JavaScript
• Swiper.js

---

✨ Features

• Smooth scrolling effects via Locomotive Scroll
• Interactive Swiper sliders
• Scroll-triggered animations
• Custom cursor and hover effects

---

📺 Built After Watching

This project was created after watching tutorials from Sheriyans Coding School on YouTube, for learning and practice purposes.

---

🧠 What I Learned

• Creating animated and interactive web elements
• Structuring and deploying a static project with GitHub Pages

---

📝 Notes

This is a non-commercial clone created purely for educational purposes. All original design credit goes to Chani.com.

---

📬 Contact

Shamir Ali
GitHub: @ShamirAli55