Added A Template Page Where Users can See Resume Templates

CONTRIBUTING.md

@@ -1,101 +1,155 @@
-Here's the revised `CONTRIBUTING.md` file with your additional instructions:
 
----
+# LinkedIn Resume Builder ✨
+
+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, focusing on simplicity and ease of use.
+
+## Features 🚀
+
+- **Easy-to-Use Interface:** A user-friendly interface allows users to effortlessly create a resume.
+- **Instant Resume Generation:** Quickly build a resume by entering your LinkedIn profile URL.
+- **Secure Data:** Personal information is protected through encrypted communication 🔒.
+- **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:
+
+- **Navbar:** A top navigation bar with links to the homepage, resume builder, sign-up, and login pages.
+- **Hero Section:** A CTA section encouraging users to start building their resume.
+- **Features Section:** Highlights core features of the platform.
+- **Testimonials Section:** Displays user feedback and testimonials to boost credibility.
+- **Footer:** A simple footer providing basic information about the website.
 
-# Contributing to LinkedIn Resume Builder 🤝
+## Technologies Used 💻
 
-Thank you for your interest in contributing to the LinkedIn Resume Builder project! We appreciate your help in making this project better. Please follow the guidelines below to ensure a smooth contribution process.
+- **HTML5:** Structure of the webpage.
+- **CSS3:** Styling and layout, using Google Font Roboto for typography.
+- **Bootstrap 4.5:** Ensures responsiveness and aesthetic appeal.
+- **JavaScript/jQuery:** Handles dynamic behavior.
 
-## Table of Contents 📚
+## Screenshots 📸
 
-- [Forking the Repository](#forking-the-repository)
-- [Setting Up the Development Environment](#setting-up-the-development-environment)
-- [Submitting Issues](#submitting-issues)
-- [Submitting Pull Requests](#submitting-pull-requests)
-- [Coding Style and Best Practices](#coding-style-and-best-practices)
-- [Running Tests](#running-tests)
-- [Code of Conduct](#code-of-conduct)
+- **Desktop and Mobile View:** Available to preview on both desktop and mobile screens.
 
-## Forking the Repository 🍴
+## Getting Started 🏁
 
-1. Click on the **Fork** button at the top right corner of the repository page.
-2. Clone your forked repository to your local machine:
+### Prerequisites
 
+- A modern web browser (Chrome, Firefox, Safari, etc.)
+- Internet connection to load external resources (Bootstrap, fonts)
+
+### Installation
+
+1. **Clone the repository:**
    ```bash
    git clone https://github.com/your-username/linkedin-resume-builder.git
+   cd linkedin-resume-builder
    ```
 
-3. Navigate to the project directory:
+2. **Open the index.html file:**
+   ```bash
+   open index.html
+   ```
+
+### File Structure 📂
+
+```plaintext
+├── index.html          # Main homepage
+├── resume.html         # Resume builder page
+├── signup.html         # Sign-up page
+├── login.html          # Log-in page
+├── about.html          # About page
+├── Hero Section.jpg    # Image displayed in the hero section
+├── styles.css          # Custom CSS styles (inlined in HTML)
+```
 
+## Developer Setup 🛠️
+
+For developers who want to contribute:
+
+1. Clone the repository:
    ```bash
+   git clone https://github.com/your-username/linkedin-resume-builder.git
    cd linkedin-resume-builder
    ```
 
+2. Install necessary dependencies if applicable (e.g., Node.js, Python).
+3. Run the development server:
+   ```bash
+   npm start   
+   ```
 
-## Submitting Issues 🐛
-
-If you find a bug or have a feature request, please submit an issue by following these steps:
+## Contributing 🤝
 
-1. Navigate to the **Issues** tab of the repository.
-2. Click on the **New Issue** button.
-3. Fill out the issue template with the necessary details. Please include:
-   - A brief description of the issue.
-   - Screenshots (if applicable) to illustrate the problem.
+We welcome contributions in various forms, including code, documentation, and feedback. Here’s how you can get started:
 
-## Submitting Pull Requests 🔄
+### How to Contribute
 
-To submit a pull request:
+1. **Fork the Repository**
 
-1. **Star the Repository** ⭐: If you find this project helpful, please star the repository to show your support!
+   Navigate to the [GitHub repository](https://github.com/your-username/linkedin-resume-builder) and click **Fork** to create your copy.
 
-2. Ensure your fork is up to date with the main repository:
+2. **Clone Your Fork**
 
    ```bash
-   git checkout main
-   git pull upstream main
+   git clone https://github.com/your-username/linkedin-resume-builder.git
+   cd linkedin-resume-builder
    ```
 
-3. Create a new branch for your feature or fix:
+3. **Create a Branch**
 
    ```bash
-   git checkout -b your-branch-name
+   git checkout -b feature/your-feature-name
    ```
 
-4. Make your changes and commit them:
+4. **Make Changes**
+
+   Implement changes or new features following the project's coding style.
+
+5. **Commit Your Changes**
 
    ```bash
    git add .
-   git commit -m "Add a brief description of your changes"
+   git commit -m "Add description of your changes"
    ```
 
-5. Push your branch to your forked repository:
+6. **Push to Your Branch**
 
    ```bash
-   git push origin your-branch-name
+   git push origin feature/your-feature-name
    ```
 
-6. Go to the original repository and create a pull request. In your pull request:
-   - Write a brief description of the changes.
-   - Include before and after screenshots (if applicable).
-   - Mention the issue number that your pull request addresses.
+7. **Open a Pull Request**
+
+   In the original repository, click **Pull Requests** and submit a pull request with a detailed description of your changes.
+
+### Reporting Issues
+
+If you encounter issues, please report them in the [Issues section](https://github.com/your-username/linkedin-resume-builder/issues) with a detailed description.
+
+### Code of Conduct
 
-7. After your pull request is merged, please delete your forked repository and fork it again to avoid clashes when merging other issues.
+By participating in this project, you agree to adhere to a respectful and inclusive code of conduct.
 
-## Coding Style and Best Practices 💻
+## Usage 📄
 
-- Follow the [JavaScript Standard Style](https://standardjs.com/) for coding conventions.
-- Write clear and concise commit messages.
-- Ensure your code is well-documented and easy to understand.
-- Add screenshot in issue and pr description.
-
+- **Home Page:** Introduces users to the service with a description and CTA button.
+- **Build Resume:** Users enter their LinkedIn URL to create a resume.
+- **Sign-Up/Login:** Users can create an account or log in to manage their resume.
+- **Features & Testimonials:** Displays platform features and user feedback.
 
+## Responsive Design 📏
 
+This project uses Bootstrap’s grid system to ensure full responsiveness across screen sizes, with additional media queries for layout fine-tuning on mobile devices.
 
-## Code of Conduct 📜
+## Thank You!
 
-By participating in this project, you agree to abide by the [Code of Conduct](CODE_OF_CONDUCT.md). Please treat everyone with respect and kindness.
+Thank you for contributing to the LinkedIn Resume Builder! Your contributions help us build a better tool for users. Happy coding!
 
 ---
 
-Thank you for contributing to the LinkedIn Resume Builder project! We appreciate your help in making it a better resource for everyone. If you have any questions, feel free to reach out!
+**Screenshot Discord Link:** [Join Discord](https://discord.gg/GJ5BfwVd)
+```
 
+Replace `your-username` in the GitHub links with the actual username if this will be published in your repository. This combined format keeps everything accessible in a single file for simplicity and easy access for contributors.

RateMyResume.html

@@ -17,6 +17,7 @@
             <a href="#home">Home</a>
             <a href="about.html">About</a>
             <a href="resume.html">Build Resume</a>
+            <a href="template_type.html">Resume Templates</a>
             <a href="RateMyResume.html">RateMyResume</a>
             <a href="signup.html">Sign Up</a>
             <a href="login.html">Login</a>

about.html

@@ -476,6 +476,7 @@
             <a href="#home">Home</a>
             <a href="about.html">About</a>
             <a href="resume.html">Build Resume</a>
+            <a href="template_type.html">Resume Templates</a>
             <!-- <a href="signup.html">Sign Up</a> -->
             <!-- <a href="login.html">Login</a> -->
         </nav>
@@ -505,6 +506,7 @@
             <a href="#home">Home</a>
             <a href="about.html">About</a>
             <a href="resume.html">Build Resume</a>
+            <a href="template_type.html">Resume Templates</a>
         </div>
         <div class="auth-links">
             <a href="signup.html">Sign Up</a>

index.html

@@ -912,6 +912,7 @@
         <a href="#home">Home</a>
         <a href="about.html">About</a>
         <a href="resume.html">Build Resume</a>
+        <a href="template_type.html">Resume Templates</a>
         <!-- <a href="signup.html">Sign Up</a> -->
         <!-- <a href="login.html">Login</a> -->
       </nav>
@@ -941,6 +942,7 @@
         <a href="#home">Home</a>
         <a href="about.html">About</a>
         <a href="resume.html">Build Resume</a>
+        <a href="template_type.html">Resume Templates</a>
       </div>
       <div class="auth-links">
         <a href="signup.html">Sign Up</a>

login.html

@@ -18,10 +18,11 @@
     <a href="index.html"><h1>Resum Resume<span>.</span></h1></a>
     <nav>
         <ul id="nav-menu">
-            <li><a href="#home">Home</a></li>
-            <li><a href="#about.html">About Us</a></li>
-            <li><a href="#resume.html">Resume</a></li>
-            <li><a href="#signup.html">Sign Up</a></li>
+            <li><a href="index.html">Home</a></li>
+            <li><a href="about.html">About Us</a></li>
+            <li><a href="resume.html">Resume</a></li>
+            <a href="template_type.html">Resume Templates</a>
+            <li><a href="signup.html">Sign Up</a></li>
             <li><a href="login.html">Login</a></li>
         </ul>
     </nav>

privacypolicy.html

@@ -320,6 +320,7 @@ <h1>Resum Resume</h1>
         <a class="tab" href="index.html">Home</a>
         <a class="tab" href="about.html">About</a>
         <a class="tab" href="resume.html">Build Resume</a>
+        <a href="template_type.html">Resume Templates</a>
         <a class="tab" href="signup.html">Sign Up</a>
         <a class="tab" href="login.html">Login</a>
         <a class="tab" href="privacypolicy.html">Privacy Policy</a>

resume.html

@@ -14,7 +14,7 @@
         <a href="#" class="logo">Resum Resume<span>.</span></a>
 
         <nav class="navbar">
-            <a href="#home">Home</a>
+            <a href="index.html">Home</a>
             <a href="about.html">About</a>
             <a href="resume.html">Build Resume</a>
             <a href="RateMyResume.html">RateMyResume</a>

resume_tips.html

@@ -297,6 +297,7 @@ <h1>Resum Resume</h1>
         <a class="tab" href="#home">Home</a>
         <a class="tab" href="about.html">About</a>
         <a class="tab" href="resume.html">Build Resume</a>
+        <a href="template_type.html">Resume Templates</a>
         <a class="tab" href="resume_tips.html">Resume Tips</a>
         <a class="tab" href="signup.html">Sign Up</a>
         <a class="tab" href="login.html">Login</a>

signup.html

@@ -328,6 +328,7 @@ <h1> Resume</h1>
             <li><a href="index.html">Home</a></li>
             <li><a href="about.html">About</a></li>
             <li><a href="resume.html">Build Resume</a></li>
+            <a href="template_type.html">Resume Templates</a>
             <li><a href="signup.html">Sign Up</a></li>
             <li><a href="login.html">Login</a></li>
         </ul>