Fixes

Front-end-Projects/Intermediate/Razorpay-Clone/README.md

@@ -1,35 +1,70 @@
-# 💥 RazorPay-Clone 💥
+<h1 align='center'><b>💥 RazorPay-Clone 💥</b></h1>
 
-## Tech Stack Used 🎮
-- **HTML**
-- **TailwindCSS**
+<!-- -------------------------------------------------------------------------------------------------------------- -->
 
----
+<h3 align='center'>Tech Stack Used 🎮</h3>
+<!-- enlist all the technologies used to create this project from them (Remove comment using 'ctrl+z' or 'command+z') -->
 
-## ⚡ Description 📃
-This project is a clone of the Razorpay website, built to replicate its design and layout using HTML and TailwindCSS. It serves as a practice to enhance web development skills and showcase the implementation of responsive design using modern CSS frameworks.
+<div align='center'>
 
----
+ ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white) ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E) ![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white) ![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=for-the-badge&logo=tailwind-css&logoColor=white)
 
-## ⚡ How to run it? 🕹️
+</div>
 
-1. **Clone the repository**:
-    ```bash
-    git clone https://github.com/your-username/razorpay-clone.git
-    ```
-1. **Navigate to the project directory:**:
-    ```bash
-    cd razorpay-clone
-    ```
-1. **Open the index.html file in your browser to view the project:**:
-    ```bash
-    open index.html
-    ```
 
-## ⚡ Screenshots 📸
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
 
-![alt text](image.png)
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Description 📃
+
+<div>
+  <!-- <p>Add Description of the project</p> -->
+    <p>This project is a clone of the Razorpay website, replicating its design and layout using HTML and TailwindCSS. It serves as a practice to enhance web development skills and showcase the implementation of responsive design using modern CSS frameworks.</p>
+</div>
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: How to run it? 🕹️
+
+<!-- Add steps how to run this project -->
+To run this project locally, follow these steps:
+
+1. Fork the repository.
+
+2. Clone the repository to your local computer:
+    git clone https://github.com/Shariq2003/RazorPay-Clone.git
+
+3. Open the project folder in your preferred code editor, now you can view website in live.
+
+
+
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+## :zap: Screenshots 📸
+<!-- add the screenshot of the project (Mandatory) -->
+
+<img src='./screenshot.webp'>
+
+
+![Line](https://github.com/Avdhesh-Varshney/WebMasterLog/assets/114330097/4b78510f-a941-45f8-a9d5-80ed0705e847)
 
 ## ⚡ Working Video 📹
 
-<video controls src="bandicam 2024-10-15 14-42-12-192.mp4" title="Working Video"></video>
+<video controls src="bandicam 2024-10-15 14-42-12-192.mp4" title="Working Video"></video>
+<!-- -------------------------------------------------------------------------------------------------------------- -->
+
+<h4 align='center'>Developed By <b><i>Shariq</i></b> 👦</h4>
+<p align='center'>
+  <a href='https://www.linkedin.com/in/shariq-sd'>
+    <img src='https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white' />
+  </a>
+  <a href='https://github.com/Shariq2003'>
+    <img src='https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white' />
+  </a>
+</p>
+
+<h4 align='center'>Happy Coding 🧑‍💻</h4>
+
+<h3 align="center">Show some &nbsp;❤️&nbsp; by &nbsp;🌟&nbsp; this repository!</h3>