This project is a high-fidelity frontend clone of the Snitch e-commerce website. It is built using modern web technologies to provide a responsive and seamless shopping experience for men's fashion.
- Responsive Navigation: A sticky navbar featuring pincode entry, brand logo, search functionality, and user profile/cart actions.
- Automated Image Slider: A dynamic banner slider on the homepage that automatically cycles through the latest collections.
- Product Catalog: A dedicated
shirt-collection.htmlpage displaying a grid of products with hover animations and wishlist icons. - Category Sections: Includes "Featured Categories" and "Shop Your Size" sections to help users navigate to specific collections easily.
- User Authentication UI: A clean and modern login/signup interface (
profile.html) designed for OTP-based mobile authentication. - Mobile-First Design: Optimized for all screen sizes (Mobile, Tablet, and Desktop) using CSS media queries.
- HTML5: Used for creating the semantic structure of all pages.
- CSS3: Used for advanced styling, animations, and layout responsiveness.
- Flexbox & Grid: Utilized for organizing complex components and product layouts efficiently.
The project consists of the following files:
| File Name | Description |
|---|---|
index.html |
The main landing page featuring banners, categories, and new arrivals. |
shirt-collection.html |
The product listing page for viewing shirts and other items. |
profile.html |
The user login and signup interface. |
style.css |
Main styling rules and layout for the homepage. |
shirt-collection.css |
Specific styling for product cards and the shopping grid. |
profile.css |
Layout and design for the authentication box and form. |