Merge pull request #644 from Sadab-Hussain/main

Update readme.md

readme.md

@@ -3,6 +3,14 @@
 
 This project is a **LinkedIn Resume Builder** that allows users to generate professional resumes from their LinkedIn profiles in just a few clicks. The website is designed with a clean and responsive UI using **Bootstrap**, and it focuses on simplicity and ease of use. Users can sign up, log in, and create a polished resume using their LinkedIn URL.
 
+<div style="text-align: center;">
+  <a href="https://garimasingh0109.github.io/Resum-Resume/" target="_blank">
+    <img src="https://github.com/user-attachments/assets/65b4f793-08cc-4098-aa69-f8eb312205a0" alt="Screenshot" width="100%" style="border-radius: 10px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);" />
+  </a>
+</div>
+
+---
+
 **Discord Link:-** https://discord.gg/GJ5BfwVd
 
 ## Features 🚀
@@ -13,6 +21,8 @@ This project is a **LinkedIn Resume Builder** that allows users to generate prof
 - **Responsive Design**: The website is mobile-first and adjusts seamlessly to different screen sizes 📱.
 - **24/7 Support**: Support is available around the clock to assist users 💬.
 
+---
+
 ## Project Structure 📁
 
 The website consists of the following key sections:
@@ -23,13 +33,28 @@ The website consists of the following key sections:
 4. **Testimonials Section**: A section displaying user feedback and testimonials to boost credibility.
 5. **Footer**: A simple footer providing basic information about the website.
 
+---
+
 ## Technologies Used 💻
 
 - **HTML5**: For the structure of the webpage.
 - **CSS3**: For styling and layout, using the Google Font **Roboto** for typography.
 - **Bootstrap 4.5**: To make the website responsive and aesthetically pleasing.
 - **JavaScript/jQuery**: To handle dynamic behavior (included via CDN).
 
+---
+
+## 📸 Screenshots
+
+**💻Desktop and📱Mobile View**
+
+<div style="text-align: center;">
+  <img src="https://github.com/user-attachments/assets/09f4ec4d-7823-423c-8c3a-723ebbc8c900" alt="First Image" width="50%" style="border-radius: 10px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);" />
+  <img src="https://github.com/user-attachments/assets/a3bc694a-2384-45c3-9137-6b36951ba135" alt="Second Image" width="15%" style="border-radius: 10px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);" />
+</div>
+
+---
+
 ## Getting Started 🏁
 
 ### Prerequisites
@@ -66,6 +91,8 @@ The website consists of the following key sections:
 ├── styles.css          # Custom CSS styles (inlined in HTML)
 ```
 
+---
+
 ## Usage 📄
 
 1. **Home Page**: Introduces users to the service with a description and a call-to-action button.
@@ -82,4 +109,3 @@ The project uses Bootstrap’s grid system to ensure the website is fully respon
 This project is licensed under the MIT License. See the `LICENSE` file for more information.
 
 Thank you for visiting this......
-