This is a fully responsive clone of Zerodha's official landing page, built using only HTML5 and CSS3 β no frameworks, no JavaScript.
The goal of this project was to practice real-world layout building and responsive design techniques by replicating a modern fintech website.
π Click Here to View Live Project
- π― Fully responsive layout using media queries
- π§ Navbar with logo and navigation items
- π¬ Hero section with bold call-to-action
- πΈ Clean typography and spacing
- π» Pixel-perfect clone of Zerodhaβs landing page
- π Works on all modern browsers and devices
| Tech | Description |
|---|---|
| HTML5 | Semantic and structured markup |
| CSS3 | Styling, layout, responsiveness |
| Flexbox | Layout management |
| Media Queries | Responsive breakpoints |
zerodha-clone/
βββ index.html
βββ style.css
βββ images/
β βββ (all image assets used in the site)
βββ screenshot-desktop.png
βββ screenshot-mobile.png
βββ README.md
---
## π Getting Started
To run this project locally:
```bash
# Clone the repository
git clone https://github.com/yourusername/zerodha-clone.git
# Navigate to the project folder
cd zerodha-clone
# Open index.html in your browser