I created a clone of Razorpay, a popular payment gateway platform, using HTML, CSS, and Tailwind CSS. With HTML, I structured the content of the website and used CSS to define the layout and styling of the page elements. I used Tailwind CSS, a utility-first CSS framework, to speed up the development process and create a responsive design that works seamlessly across different devices. The clone website features a clean and modern design that closely resembles the original Razorpay platform. I made sure to use similar color schemes, typography, and icons to maintain consistency with the brand.
⚡️HTML
⚡️Tailwind CSS
⚡️Vite
⚡️Node
⭐ Star this repo on GitHub — it helps!
To run the project locally, follow these steps:
✔️ Clone the repository.
✔️ Install the dependencies using npm install.
✔️ Start the development server using npm run dev,
✔️ Open the development server URL in your browser to view
the landing page.
The Razorpay landing page features a clean and modern design, with a user-friendly layout that highlights the various payment solutions offered by Razorpay. The page also includes customer testimonials and a section showcasing Razorpay's partnerships with popular businesses.
Using Tailwind CSS, the design of the page is easily customizable, and the Vite development server makes it easy to quickly iterate on changes.