Skip to content

Zerodha Website UI Design using HTML AND CSS My 5rd WebSite During the Learning of the Frontend Development

Notifications You must be signed in to change notification settings

sandeepMcodeX/Zerodha-UI

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

2 Commits
Β 
Β 
Β 
Β 

Repository files navigation

πŸ“ˆ Zerodha Landing Page Clone

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.


πŸ”— Live Demo

πŸ‘‰ Click Here to View Live Project


✨ Features

  • 🎯 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 Stack

Tech Description
HTML5 Semantic and structured markup
CSS3 Styling, layout, responsiveness
Flexbox Layout management
Media Queries Responsive breakpoints

πŸ“ Folder Structure

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

About

Zerodha Website UI Design using HTML AND CSS My 5rd WebSite During the Learning of the Frontend Development

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published