diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md index 11314b1..cae7140 100644 --- a/CONTRIBUTING.md +++ b/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. diff --git a/style.css b/style.css index 556b16e..1ac1103 100644 --- a/style.css +++ b/style.css @@ -334,15 +334,15 @@ label[for="toggler"] { /* footer section styles */ :root { - --deep-teal: #003d4d; + --deep-teal: #84cadc; --off-white: #f8f9fa; - --dark-slate: #2f4f4f; + --dark-slate: #14b7b7; --soft-gold: #d9c79e; } .footer { width: 100%; - background-color: var(--deep-teal); + background:var(--deep-teal); color: white; padding: 13px 0; } @@ -357,10 +357,10 @@ label[for="toggler"] { .footer .footer-section h3 { font-size: 18px; - margin-bottom: 20px; + margin-bottom: 10px; font-weight: 600; color: #fff; - border-bottom: 2px solid #3f10ea; + border-bottom: 2px solid #84cadc; padding-bottom: 10px; } @@ -369,15 +369,13 @@ label[for="toggler"] { list-style: none; font-family: Verdana, Geneva, Tahoma, sans-serif; text-align: center; - -.ul { +} +/*.ul{ padding: 0; list-style: none; font-family: Verdana, Geneva, Tahoma, sans-serif; text-align: center; - - -} + }*/ .footer-bottom { text-align: center; @@ -392,7 +390,7 @@ label[for="toggler"] { color: rgb(88, 88, 88); - color: #2f4f4f; + color:var(--off-white); text-decoration: none; transition: color 0.3s ease; } @@ -400,21 +398,22 @@ label[for="toggler"] { .footer .footer-section ul li a:hover { color: white; text-decoration: none; - - color: #3f10ea; + font-size: 20px; + color: var(--dark-slate); } .footer .footer-section .social-icons a { margin-right: 10px; - color: #2f4f4f; + color: var(--off-white);; text-decoration: none; font-size: 18px; transition: color 0.3s ease; } .footer .footer-section .social-icons a:hover { - color: #3f10ea; + color:var(--dark-slate); text-decoration: none; + font-size:20px; } .footer a { @@ -426,11 +425,11 @@ label[for="toggler"] { .social-icons { display: flex; justify-content: space-between; - margin-top: 20px + margin-top: 20px; } .social-icons a:hover { - color: var(--light-grey); + color: var(--off-white); transform: scale(1.2) translateY(-5px); }