Skip to content

ShamirAli55/Chani

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

25 Commits
Β 
Β 
Β 
Β 

Repository files navigation

🌐 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

About

🎨 A responsive clone of the Chani website built using HTML, CSS, JavaScript, and Swiper.js β€” created for learning smooth scrolling and modern UI techniques.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors