https://github.com/shrivastava-26/razorpay_clone

RazorPay Clone
https://github.com/shrivastava-26/razorpay_clone

Last synced: 28 days ago
JSON representation

RazorPay Clone

• Host: GitHub
• URL: https://github.com/shrivastava-26/razorpay_clone
• Owner: shrivastava-26
• Created: 2024-02-24T22:36:19.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-02-24T22:39:30.000Z (10 months ago)
• Last Synced: 2024-02-24T23:29:24.226Z (10 months ago)
• Language: HTML
• Homepage: https://razorpayclonne.vercel.app/
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Razorpay UI Clone

A simple, fully responsive clone of the Razorpay website's landing page built using **HTML**, **CSS**, and **Tailwind CSS**.

## 🚀 Live Demo

Check out the live version of the project: [Razorpay UI Clone](https://razorpayclonne.vercel.app/).

---

## 📌 Project Overview

This project is a clone of the **Razorpay landing page**, focusing on replicating the clean and modern design using **Tailwind CSS** for styling. The clone includes the following sections:

- **Navigation Bar**

- **Hero Section**

- **Features Section**

- **Partners Section**

- **Footer**

This project is a great practice for working with responsive layouts and using a utility-first CSS framework like Tailwind.

---

## 📂 Folder Structure

### Files:

- **index.html**: Contains the HTML structure for the page.

- **style.css**: Contains any custom styles (if needed).

- **tailwind.config.js**: Tailwind configuration file for customizations.

---

## 🛠️ Technology Used

- **HTML**: Structure and content of the webpage.

- **CSS**: Base styling for the webpage.

- **Tailwind CSS**: Utility-first CSS framework for responsive design.

---

## 📦 Setup and Installation

To get started locally, follow the steps below:

### 1. Clone the Repository

```bash

git clone https://github.com/yourusername/razorpay-ui-clone.git

## 📂 Project Structure

```bash

├── index.html

├── styles.css

├── tailwind.config.js

├── README.md

└── assets/

    └── images/