├── moon.png ├── sun.png ├── assets ├── asset 0.png ├── asset 1.png ├── asset 18.png ├── asset 19.png ├── asset 2.png ├── asset 20.png ├── asset 21.png ├── asset 22.png ├── asset 23.png ├── asset 24.png ├── asset 25.png ├── asset 26.png ├── asset 3.png ├── asset 30.png ├── asset 38.png ├── asset 39.png ├── asset 4.png ├── asset 5.png ├── asset 6.png ├── asset 7.png ├── asset 9.png ├── asset 34.jpeg ├── asset 35.jpeg ├── asset 36.jpeg ├── asset 37.jpeg ├── signup-image.png ├── asset 32.svg ├── asset 10.svg ├── asset 11.svg ├── asset 12.svg ├── asset 13.svg ├── asset 31.svg ├── asset 16.svg ├── asset 33.svg ├── asset 14.svg ├── asset 17.svg ├── asset 28.svg ├── asset 15.svg ├── asset 29.svg ├── asset 8.svg └── asset 27.svg ├── .idea └── .gitignore ├── signin.html ├── script.js ├── signup.html ├── .github ├── issue-template │ ├── FEATURE-REQUEST.yml │ └── BUG-REPORT.yml └── contributing.md ├── customers.html ├── products.html ├── CODE_OF_CONDUCT.md ├── README.md ├── pricing.html ├── resources.html ├── Learn.md ├── index.html └── style.css /moon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/moon.png -------------------------------------------------------------------------------- /sun.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/sun.png -------------------------------------------------------------------------------- /assets/asset 0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 0.png -------------------------------------------------------------------------------- /assets/asset 1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 1.png -------------------------------------------------------------------------------- /assets/asset 18.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 18.png -------------------------------------------------------------------------------- /assets/asset 19.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 19.png -------------------------------------------------------------------------------- /assets/asset 2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 2.png -------------------------------------------------------------------------------- /assets/asset 20.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 20.png -------------------------------------------------------------------------------- /assets/asset 21.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 21.png -------------------------------------------------------------------------------- /assets/asset 22.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 22.png -------------------------------------------------------------------------------- /assets/asset 23.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 23.png -------------------------------------------------------------------------------- /assets/asset 24.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 24.png -------------------------------------------------------------------------------- /assets/asset 25.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 25.png -------------------------------------------------------------------------------- /assets/asset 26.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 26.png -------------------------------------------------------------------------------- /assets/asset 3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 3.png -------------------------------------------------------------------------------- /assets/asset 30.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 30.png -------------------------------------------------------------------------------- /assets/asset 38.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 38.png -------------------------------------------------------------------------------- /assets/asset 39.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 39.png -------------------------------------------------------------------------------- /assets/asset 4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 4.png -------------------------------------------------------------------------------- /assets/asset 5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 5.png -------------------------------------------------------------------------------- /assets/asset 6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 6.png -------------------------------------------------------------------------------- /assets/asset 7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 7.png -------------------------------------------------------------------------------- /assets/asset 9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 9.png -------------------------------------------------------------------------------- /assets/asset 34.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 34.jpeg -------------------------------------------------------------------------------- /assets/asset 35.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 35.jpeg -------------------------------------------------------------------------------- /assets/asset 36.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 36.jpeg -------------------------------------------------------------------------------- /assets/asset 37.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/asset 37.jpeg -------------------------------------------------------------------------------- /assets/signup-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Rajan-Barnwal/jobproject/HEAD/assets/signup-image.png -------------------------------------------------------------------------------- /.idea/.gitignore: -------------------------------------------------------------------------------- 1 | # Default ignored files 2 | /shelf/ 3 | /workspace.xml 4 | # Editor-based HTTP Client requests 5 | /httpRequests/ 6 | -------------------------------------------------------------------------------- /assets/asset 32.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /assets/asset 10.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Shape 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /assets/asset 11.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /assets/asset 12.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Shape 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /assets/asset 13.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /assets/asset 31.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Rectangle 2 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /signin.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Sign In 9 | 10 | 11 | 12 |
13 |
14 |
15 |

Sign In

16 | 17 | 18 | 19 |

Not registered? Create an account

20 |
21 |
22 |
23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | // Validation for sign-up form 2 | document.getElementById("signUpForm").addEventListener("submit", function(event) { 3 | var username = document.getElementById("signUpUsername").value; 4 | var email = document.getElementById("signUpEmail").value; 5 | var password = document.getElementById("signUpPassword").value; 6 | 7 | // Basic email validation 8 | if (!isValidEmail(email)) { 9 | document.getElementById("signUpError").innerText = "Invalid email address"; 10 | event.preventDefault(); // Prevent form submission 11 | return false; 12 | } 13 | 14 | // Basic password validation 15 | if (password.length < 6) { 16 | document.getElementById("signUpError").innerText = "Password must be at least 6 characters long"; 17 | event.preventDefault(); // Prevent form submission 18 | return false; 19 | } 20 | 21 | // If both email and password are valid, allow form submission 22 | return true; 23 | }); 24 | 25 | // Function to validate email format 26 | function isValidEmail(email) { 27 | var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; 28 | return emailRegex.test(email); 29 | } 30 | -------------------------------------------------------------------------------- /signup.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Sign Up 8 | 9 | 10 | 11 |
12 | 13 |
14 |

Sign Up

15 | 16 | 17 | 18 | 19 | 20 |

Already have an account? SignIn

21 |
22 | 23 |
24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /assets/asset 16.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Group 3 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /assets/asset 33.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | “ 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /assets/asset 14.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Group 6 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /assets/asset 17.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Group 5 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /assets/asset 28.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Shape 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /.github/issue-template/FEATURE-REQUEST.yml: -------------------------------------------------------------------------------- 1 | name: "💡 Feature Request" 2 | description: Create a new ticket for a new feature request 3 | title: "💡 [REQUEST] - " 4 | labels: [ 5 | "question" 6 | ] 7 | body: 8 | - type: input 9 | id: start_date 10 | attributes: 11 | label: "Start Date" 12 | description: Start of development 13 | placeholder: "month/day/year" 14 | validations: 15 | required: false 16 | - type: textarea 17 | id: implementation_pr 18 | attributes: 19 | label: "Implementation PR" 20 | description: Pull request used 21 | placeholder: "#Pull Request ID" 22 | validations: 23 | required: false 24 | - type: textarea 25 | id: reference_issues 26 | attributes: 27 | label: "Reference Issues" 28 | description: Common issues 29 | placeholder: "#Issues IDs" 30 | validations: 31 | required: false 32 | - type: textarea 33 | id: summary 34 | attributes: 35 | label: "Summary" 36 | description: Provide a brief explanation of the feature 37 | placeholder: Describe in a few lines your feature request 38 | validations: 39 | required: true 40 | - type: textarea 41 | id: basic_example 42 | attributes: 43 | label: "Basic Example" 44 | description: Indicate here some basic examples of your feature. 45 | placeholder: A few specific words about your feature request. 46 | validations: 47 | required: true 48 | - type: textarea 49 | id: drawbacks 50 | attributes: 51 | label: "Drawbacks" 52 | description: What are the drawbacks/impacts of your feature request ? 53 | placeholder: Identify the drawbacks and impacts while being neutral on your feature request 54 | validations: 55 | required: true 56 | - type: textarea 57 | id: unresolved_question 58 | attributes: 59 | label: "Unresolved questions" 60 | description: What questions still remain unresolved ? 61 | placeholder: Identify any unresolved issues. 62 | validations: 63 | required: false 64 | -------------------------------------------------------------------------------- /assets/asset 15.svg: -------------------------------------------------------------------------------- 1 | <?xml version="1.0" encoding="UTF-8"?> 2 | <svg width="81px" height="81px" viewBox="0 0 81 81" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 3 | <!-- Generator: Sketch 50 (54983) - http://www.bohemiancoding.com/sketch --> 4 | <title>Group 4 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /.github/issue-template/BUG-REPORT.yml: -------------------------------------------------------------------------------- 1 | name: "🐛 Bug Report" 2 | description: Create a new ticket for a bug. 3 | title: "🐛 [BUG] - " 4 | labels: [ 5 | "bug" 6 | ] 7 | body: 8 | - type: textarea 9 | id: description 10 | attributes: 11 | label: "Description" 12 | description: Please enter an explicit description of your issue 13 | placeholder: Short and explicit description of your incident... 14 | validations: 15 | required: true 16 | - type: input 17 | id: reprod-url 18 | attributes: 19 | label: "Reproduction URL" 20 | description: Please enter your GitHub URL to provide a reproduction of the issue 21 | placeholder: ex. https://github.com/USERNAME/REPO-NAME 22 | validations: 23 | required: true 24 | - type: textarea 25 | id: reprod 26 | attributes: 27 | label: "Reproduction steps" 28 | description: Please enter an explicit description of your issue 29 | value: | 30 | 1. Go to '...' 31 | 2. Click on '....' 32 | 3. Scroll down to '....' 33 | 4. See error 34 | render: bash 35 | validations: 36 | required: true 37 | - type: textarea 38 | id: screenshot 39 | attributes: 40 | label: "Screenshots" 41 | description: If applicable, add screenshots to help explain your problem. 42 | value: | 43 | ![DESCRIPTION](LINK.png) 44 | render: bash 45 | validations: 46 | required: false 47 | - type: textarea 48 | id: logs 49 | attributes: 50 | label: "Logs" 51 | description: Please copy and paste any relevant log output. This will be automatically formatted into code, so no need for backticks. 52 | render: bash 53 | validations: 54 | required: false 55 | - type: dropdown 56 | id: browsers 57 | attributes: 58 | label: "Browsers" 59 | description: What browsers are you seeing the problem on ? 60 | multiple: true 61 | options: 62 | - Firefox 63 | - Chrome 64 | - Safari 65 | - Microsoft Edge 66 | - Opera 67 | validations: 68 | required: false 69 | - type: dropdown 70 | id: os 71 | attributes: 72 | label: "OS" 73 | description: What is the impacted environment ? 74 | multiple: true 75 | options: 76 | - Windows 77 | - Linux 78 | - Mac 79 | validations: 80 | required: false 81 | -------------------------------------------------------------------------------- /customers.html: -------------------------------------------------------------------------------- 1 | <!DOCTYPE html> 2 | <html lang="en"> 3 | <head> 4 | <meta charset="UTF-8"> 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 | <title>Customer 7 | 56 | 57 | 58 |
59 |

Customer

60 |

This page provides information about our company's customers, testimonials, case studies, or success stories.

61 |
62 | 63 |
64 |
65 |

"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus suscipit, justo a lacinia malesuada."

66 |

John Doe

67 |

ABC Company

68 |
69 | 70 |
71 |

"Nullam ac felis vel lorem blandit vestibulum. Fusce dapibus, neque vitae euismod consequat."

72 |

Jane Smith

73 |

XYZ Corporation

74 |
75 | 76 | 77 | 78 |
79 | 80 |

Case Studies

81 |

Here are some case studies highlighting successful projects or partnerships:

82 | 87 |
88 | 89 | 90 | -------------------------------------------------------------------------------- /products.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Products 7 | 67 | 68 | 69 |
70 |

Products

71 |

This page showcases the various products or services offered by our company. You can find details about each product, such as features, pricing, and customer reviews.

72 |
73 | 74 |
75 |
76 | Product 1 77 |

Product 1

78 |

Description of Product 1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

79 |

Price: $XX.XX

80 | Learn More 81 |
82 | 83 |
84 | Product 2 85 |

Product 2

86 |

Description of Product 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

87 |

Price: $XX.XX

88 | Learn More 89 |
90 | 91 | 92 | 93 |
94 | 95 | 96 | -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to make participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, education, socio-economic status, nationality, personal appearance, race, religion, or sexual identity and orientation. 6 | 7 | ## Our Standards 8 | 9 | Examples of behavior that contributes to creating a positive environment include: 10 | 11 | - Using welcoming and inclusive language 12 | - Being respectful of differing viewpoints and experiences 13 | - Gracefully accepting constructive criticism 14 | - Focusing on what is best for the community 15 | - Showing empathy towards other community members 16 | 17 | Examples of unacceptable behavior by participants include: 18 | 19 | - The use of sexualized language or imagery and unwelcome sexual attention or advances 20 | - Trolling, insulting/derogatory comments, and personal or political attacks 21 | - Public or private harassment 22 | - Publishing others' private information, such as a physical or electronic address, without explicit permission 23 | - Other conduct which could reasonably be considered inappropriate in a professional setting 24 | 25 | ## Our Responsibilities 26 | 27 | Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior. 28 | 29 | Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful. 30 | 31 | ## Scope 32 | 33 | This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers. 34 | 35 | 36 | ## Attribution 37 | 38 | This Code of Conduct is adapted from the [Contributor Covenant](https://www.contributor-covenant.org/version/2/0/code_of_conduct.html), version 2.0, available at [https://www.contributor-covenant.org/version/2/0/code_of_conduct.html](https://www.contributor-covenant.org/version/2/0/code_of_conduct.html). 39 | 40 | For answers to common questions about this code of conduct, see [FAQ](https://www.contributor-covenant.org/faq). 41 | -------------------------------------------------------------------------------- /assets/asset 29.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Shape 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | --- 2 | ### Welcome to Job-Portal 🚀 3 | 4 | 5 | --- 6 | **About Job-Portal** 7 | 8 | Welcome to our Job Portal Project! This project aims to create a user-friendly platform for job seekers to find employment opportunities and for employers to post job listings. Below you'll find information on how to set up and run the project, as well as an overview of its features. 9 | 10 | **Features:** 11 | 12 | 1.**User Registration and Authentication:** Job seekers and employers can register and log in securely to access the portal's features. 13 | 14 | 2.**Job Listings:** Employers can post job listings, including job titles, descriptions, requirements, and contact information. 15 | 16 | 3.**Job Search:** Job seekers can search for job listings based on various criteria such as job title, location, and keywords. 17 | 18 | 4.**Filters and Sorting:** Users can filter and sort job listings based on different parameters to find relevant opportunities efficiently. 19 | 20 | 5.**Application Management:** Job seekers can apply to job listings directly through the portal, and employers can manage received applications. 21 | 22 | 6.**User Profiles:** Both job seekers and employers have profiles where they can manage their information, including resumes, job preferences, and company details. 23 | 24 | 7.**Notifications:** Users receive notifications for important events such as new job listings, application status updates, and messages from employers. 25 | *** 26 | **Getting Started** 27 | 28 | Contributing Contributions are always welcome! 29 | 30 | 1. Fork this repository. 31 | 2. Clone your forked copy of the project. 32 | ``` git clone https://github.com/your-username/jobproject.git``` 33 | 3. Add reference to original repository,use the following command 34 | ``` git remote add upstream https://github.com/your-username/jobproject.git ``` 35 | 4. Check the remotes for this repository,use following command. 36 | ```git remote -v``` 37 | 38 | 5. Always take a pull from the upstream repository to your main branch 39 | to keep it up-to-date with the main 40 | ```git pull upstream main``` 41 | 6. Create a new branch. 42 | ``` git checkout -b ``` 43 | 44 | 7. You are all set ! Perform your desired changes to the code base. 45 | 8. Track your changes. 46 | ```git add .``` 47 | 9. Commit your changes. 48 | ```git commit -m "relevant commit message"``` 49 | 10. Push the committed changes in your feature branch to your remote 50 | repo. 51 | ``` git push -u origin ``` 52 | 11. To create a pull request, click on "Compare and pull requests". 53 | Please ensure you compare your feature branch to the desired branch 54 | of the repo you are suppose to make a PR to. 55 | *** 56 | 57 | **Feedback:** 58 | 59 | We value your feedback! If you encounter any issues, have suggestions for improvements, or want to contribute ideas for new features, please open an issue on the project's GitHub repository or reach out to us directly. 60 | 61 | -------------------------------------------------------------------------------- /pricing.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Pricing 7 | 58 | 59 | 60 |
61 |

Pricing

62 |

This page outlines the pricing plans or packages offered by our company. You can find details about different tiers, features included in each plan, and pricing information.

63 |
64 | 65 |
66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 |
PlanFeaturesPriceAction
BasicFeature 1, Feature 2$XX.XX/monthSign Up
StandardFeature 1, Feature 2, Feature 3$XX.XX/monthSign Up
PremiumFeature 1, Feature 2, Feature 3, Feature 4$XX.XX/monthSign Up
96 |
97 | 98 | 99 | -------------------------------------------------------------------------------- /resources.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Resources 7 | 62 | 63 | 64 |
65 |

Resources

66 |

This page serves as a hub for resources related to our industry, such as blog posts, whitepapers, ebooks, webinars, or guides.

67 |
68 | 69 |
70 |
71 |

Blog Posts

72 | 77 |
78 | 79 |
80 |

Whitepapers

81 | 86 |
87 | 88 |
89 |

Webinars

90 | 95 |
96 | 97 | 98 | 99 |
100 | 101 | 102 | -------------------------------------------------------------------------------- /Learn.md: -------------------------------------------------------------------------------- 1 | 2 | # Contributing to Job-Portal 🚀 3 | 4 | Welcome to our Job Portal Project! This project aims to create a user-friendly platform for job seekers to find employment opportunities and for employers to post job listings. Below you'll find information on how to set up and run the project, as well as an overview of its features. 5 | 6 | ## Features: 7 | 8 | 1. **User Registration and Authentication**: Job seekers and employers can register and log in securely to access the portal's features. 9 | 10 | 2. **Job Listings**: Employers can post job listings, including job titles, descriptions, requirements, and contact information. 11 | 12 | 3. **Job Search**: Job seekers can search for job listings based on various criteria such as job title, location, and keywords. 13 | 14 | 4. **Filters and Sorting**: Users can filter and sort job listings based on different parameters to find relevant opportunities efficiently. 15 | 16 | 5. **Application Management**: Job seekers can apply to job listings directly through the portal, and employers can manage received applications. 17 | 18 | 6. **User Profiles**: Both job seekers and employers have profiles where they can manage their information, including resumes, job preferences, and company details. 19 | 20 | 7. **Notifications**: Users receive notifications for important events such as new job listings, application status updates, and messages from employers. 21 | 22 | ## Getting Started 23 | 24 | ### Contributing 25 | 26 | Contributions are always welcome! 27 | 28 | 1. **Fork this repository**: Click the "Fork" button in the top-right corner of this repository's page to create your own copy of the project. 29 | 30 | 2. **Clone your forked copy**: Clone the repository to your local machine using the following command: 31 | ```bash 32 | git clone https://github.com/your-username/jobproject.git 33 | ``` 34 | 35 | 3. **Add reference to original repository**: Connect your fork to the original repository to stay updated with its changes: 36 | ```bash 37 | git remote add upstream https://github.com/your-username/jobproject.git 38 | ``` 39 | 40 | 4. **Create a new branch**: Before making any changes, create a new branch to work on your feature or bug fix: 41 | ```bash 42 | git checkout -b 43 | ``` 44 | 45 | 5. **Make Changes**: Now you're ready to make your changes! Feel free to modify existing code, add new features, or fix bugs. 46 | 47 | 6. **Commit Your Changes**: Once you've made your changes, commit them with a descriptive message: 48 | ```bash 49 | git add . 50 | git commit -m "relevant commit message" 51 | ``` 52 | 53 | 7. **Push Changes to Your Fork**: Push your changes to your fork on GitHub: 54 | ```bash 55 | git push -u origin 56 | ``` 57 | 58 | 8. **Submit a Pull Request**: Go to your fork on GitHub and click on the "Compare and pull requests" button. Provide a descriptive title and detailed description of your changes. Then, submit the pull request for review. 59 | 60 | ## Feedback 61 | 62 | We value your feedback! If you encounter any issues, have suggestions for improvements, or want to contribute ideas for new features, please let us know by [creating an issue](https://github.com/your-username/jobproject/issues). 63 | 64 | We appreciate your contributions! 65 | ``` 66 | -------------------------------------------------------------------------------- /assets/asset 8.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | GD_LOCKUP_RGB_BLACK 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /.github/contributing.md: -------------------------------------------------------------------------------- 1 | # Contributing Guidelines 2 | 3 | *Pull requests, bug reports, and all other forms of contribution are welcomed and highly encouraged!* :octocat: 4 | 5 | ### Contents 6 | 7 | - [Code of Conduct](#book-code-of-conduct) 8 | - [Asking Questions](#bulb-asking-questions) 9 | - [Opening an Issue](#inbox_tray-opening-an-issue) 10 | - [Feature Requests](#love_letter-feature-requests) 11 | - [Triaging Issues](#mag-triaging-issues) 12 | - [Submitting Pull Requests](#repeat-submitting-pull-requests) 13 | - [Writing Commit Messages](#memo-writing-commit-messages) 14 | - [Code Review](#white_check_mark-code-review) 15 | - [Coding Style](#nail_care-coding-style) 16 | - [Certificate of Origin](#medal_sports-certificate-of-origin) 17 | - [Credits](#pray-credits) 18 | 19 | > **This guide serves to set clear expectations for everyone involved with the project so that we can improve it together while also creating a welcoming space for everyone to participate. Following these guidelines will help ensure a positive experience for contributors and maintainers.** 20 | 21 | ## :book: Code of Conduct 22 | 23 | Please review our [Code of Conduct](https://github.com/jessesquires/.github/blob/main/CODE_OF_CONDUCT.md). It is in effect at all times. We expect it to be honored by everyone who contributes to this project. Acting like an asshole will not be tolerated. 24 | 25 | ## :bulb: Asking Questions 26 | 27 | See our [Support Guide](https://github.com/jessesquires/.github/blob/main/SUPPORT.md). In short, GitHub issues are not the appropriate place to debug your specific project, but should be reserved for filing bugs and feature requests. 28 | 29 | ## :inbox_tray: Opening an Issue 30 | 31 | Before [creating an issue](https://help.github.com/en/github/managing-your-work-on-github/creating-an-issue), check if you are using the latest version of the project. If you are not up-to-date, see if updating fixes your issue first. 32 | 33 | ### :lock: Reporting Security Issues 34 | 35 | Review our [Security Policy](https://github.com/jessesquires/.github/blob/main/SECURITY.md). **Do not** file a public issue for security vulnerabilities. 36 | 37 | ### :beetle: Bug Reports and Other Issues 38 | 39 | A great way to contribute to the project is to send a detailed issue when you encounter a problem. We always appreciate a well-written, thorough bug report. :v: 40 | 41 | In short, since you are most likely a developer, **provide a ticket that you would like to receive**. 42 | 43 | - **Review the documentation and [Support Guide](https://github.com/jessesquires/.github/blob/main/SUPPORT.md)** before opening a new issue. 44 | 45 | - **Do not open a duplicate issue!** Search through existing issues to see if your issue has previously been reported. If your issue exists, comment with any additional information you have. You may simply note "I have this problem too", which helps prioritize the most common problems and requests. 46 | 47 | - **Prefer using [reactions](https://github.blog/2016-03-10-add-reactions-to-pull-requests-issues-and-comments/)**, not comments, if you simply want to "+1" an existing issue. 48 | 49 | - **Fully complete the provided issue template.** The bug report template requests all the information we need to quickly and efficiently address your issue. Be clear, concise, and descriptive. Provide as much information as you can, including steps to reproduce, stack traces, compiler errors, library versions, OS versions, and screenshots (if applicable). 50 | 51 | - **Use [GitHub-flavored Markdown](https://help.github.com/en/github/writing-on-github/basic-writing-and-formatting-syntax).** Especially put code blocks and console outputs in backticks (```). This improves readability. 52 | 53 | ## :love_letter: Feature Requests 54 | 55 | Feature requests are welcome! While we will consider all requests, we cannot guarantee your request will be accepted. We want to avoid [feature creep](https://en.wikipedia.org/wiki/Feature_creep). Your idea may be great, but also out-of-scope for the project. If accepted, we cannot make any commitments regarding the timeline for implementation and release. However, you are welcome to submit a pull request to help! 56 | 57 | - **Do not open a duplicate feature request.** Search for existing feature requests first. If you find your feature (or one very similar) previously requested, comment on that issue. 58 | 59 | - **Fully complete the provided issue template.** The feature request template asks for all necessary information for us to begin a productive conversation. 60 | 61 | - Be precise about the proposed outcome of the feature and how it relates to existing features. Include implementation details if possible. 62 | 63 | ## :mag: Triaging Issues 64 | 65 | You can triage issues which may include reproducing bug reports or asking for additional information, such as version numbers or reproduction instructions. Any help you can provide to quickly resolve an issue is very much appreciated! 66 | 67 | ## :repeat: Submitting Pull Requests 68 | 69 | We **love** pull requests! Before [forking the repo](https://help.github.com/en/github/getting-started-with-github/fork-a-repo) and [creating a pull request](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/proposing-changes-to-your-work-with-pull-requests) for non-trivial changes, it is usually best to first open an issue to discuss the changes, or discuss your intended approach for solving the problem in the comments for an existing issue. 70 | 71 | For most contributions, after your first pull request is accepted and merged, you will be [invited to the project](https://help.github.com/en/github/setting-up-and-managing-your-github-user-account/inviting-collaborators-to-a-personal-repository) and given **push access**. :tada: 72 | 73 | *Note: All contributions will be licensed under the project's license.* 74 | 75 | - **Smaller is better.** Submit **one** pull request per bug fix or feature. A pull request should contain isolated changes pertaining to a single bug fix or feature implementation. **Do not** refactor or reformat code that is unrelated to your change. It is better to **submit many small pull requests** rather than a single large one. Enormous pull requests will take enormous amounts of time to review, or may be rejected altogether. 76 | 77 | - **Coordinate bigger changes.** For large and non-trivial changes, open an issue to discuss a strategy with the maintainers. Otherwise, you risk doing a lot of work for nothing! 78 | 79 | - **Prioritize understanding over cleverness.** Write code clearly and concisely. Remember that source code usually gets written once and read often. Ensure the code is clear to the reader. The purpose and logic should be obvious to a reasonably skilled developer, otherwise you should add a comment that explains it. 80 | 81 | - **Follow existing coding style and conventions.** Keep your code consistent with the style, formatting, and conventions in the rest of the code base. When possible, these will be enforced with a linter. Consistency makes it easier to review and modify in the future. 82 | 83 | - **Include test coverage.** Add unit tests or UI tests when possible. Follow existing patterns for implementing tests. 84 | 85 | - **Update the example project** if one exists to exercise any new functionality you have added. 86 | 87 | - **Add documentation.** Document your changes with code doc comments or in existing guides. 88 | 89 | - **Update the CHANGELOG** for all enhancements and bug fixes. Include the corresponding issue number if one exists, and your GitHub username. (example: "- Fixed crash in profile view. #123 @jessesquires") 90 | 91 | - **Use the repo's default branch.** Branch from and [submit your pull request](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request-from-a-fork) to the repo's default branch. Usually this is `main`, but it could be `dev`, `develop`, or `master`. 92 | 93 | - **[Resolve any merge conflicts](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/resolving-a-merge-conflict-on-github)** that occur. 94 | 95 | - **Promptly address any CI failures**. If your pull request fails to build or pass tests, please push another commit to fix it. 96 | 97 | - When writing comments, use properly constructed sentences, including punctuation. 98 | 99 | - Use spaces, not tabs. 100 | 101 | ## :memo: Writing Commit Messages 102 | 103 | Please [write a great commit message](https://chris.beams.io/posts/git-commit/). 104 | 105 | 1. Separate subject from body with a blank line 106 | 1. Limit the subject line to 50 characters 107 | 1. Capitalize the subject line 108 | 1. Do not end the subject line with a period 109 | 1. Use the imperative mood in the subject line (example: "Fix networking issue") 110 | 1. Wrap the body at about 72 characters 111 | 1. Use the body to explain **why**, *not what and how* (the code shows that!) 112 | 1. If applicable, prefix the title with the relevant component name. (examples: "[Docs] Fix typo", "[Profile] Fix missing avatar") 113 | 114 | ``` 115 | [TAG] Short summary of changes in 50 chars or less 116 | 117 | Add a more detailed explanation here, if necessary. Possibly give 118 | some background about the issue being fixed, etc. The body of the 119 | commit message can be several paragraphs. Further paragraphs come 120 | after blank lines and please do proper word-wrap. 121 | 122 | Wrap it to about 72 characters or so. In some contexts, 123 | the first line is treated as the subject of the commit and the 124 | rest of the text as the body. The blank line separating the summary 125 | from the body is critical (unless you omit the body entirely); 126 | various tools like `log`, `shortlog` and `rebase` can get confused 127 | if you run the two together. 128 | 129 | Explain the problem that this commit is solving. Focus on why you 130 | are making this change as opposed to how or what. The code explains 131 | how or what. Reviewers and your future self can read the patch, 132 | but might not understand why a particular solution was implemented. 133 | Are there side effects or other unintuitive consequences of this 134 | change? Here's the place to explain them. 135 | 136 | - Bullet points are okay, too 137 | 138 | - A hyphen or asterisk should be used for the bullet, preceded 139 | by a single space, with blank lines in between 140 | 141 | Note the fixed or relevant GitHub issues at the end: 142 | 143 | Resolves: #123 144 | See also: #456, #789 145 | ``` 146 | 147 | ## :white_check_mark: Code Review 148 | 149 | - **Review the code, not the author.** Look for and suggest improvements without disparaging or insulting the author. Provide actionable feedback and explain your reasoning. 150 | 151 | - **You are not your code.** When your code is critiqued, questioned, or constructively criticized, remember that you are not your code. Do not take code review personally. 152 | 153 | - **Always do your best.** No one writes bugs on purpose. Do your best, and learn from your mistakes. 154 | 155 | - Kindly note any violations to the guidelines specified in this document. 156 | 157 | ## :nail_care: Coding Style 158 | 159 | Consistency is the most important. Following the existing style, formatting, and naming conventions of the file you are modifying and of the overall project. Failure to do so will result in a prolonged review process that has to focus on updating the superficial aspects of your code, rather than improving its functionality and performance. 160 | 161 | For example, if all private properties are prefixed with an underscore `_`, then new ones you add should be prefixed in the same way. Or, if methods are named using camelcase, like `thisIsMyNewMethod`, then do not diverge from that by writing `this_is_my_new_method`. You get the idea. If in doubt, please ask or search the codebase for something similar. 162 | 163 | When possible, style and format will be enforced with a linter. 164 | 165 | ## :medal_sports: Certificate of Origin 166 | 167 | *Developer's Certificate of Origin 1.1* 168 | 169 | By making a contribution to this project, I certify that: 170 | 171 | > 1. The contribution was created in whole or in part by me and I have the right to submit it under the open source license indicated in the file; or 172 | > 1. The contribution is based upon previous work that, to the best of my knowledge, is covered under an appropriate open source license and I have the right under that license to submit that work with modifications, whether created in whole or in part by me, under the same open source license (unless I am permitted to submit under a different license), as indicated in the file; or 173 | > 1. The contribution was provided directly to me by some other person who certified (1), (2) or (3) and I have not modified it. 174 | > 1. I understand and agree that this project and the contribution are public and that a record of the contribution (including all personal information I submit with it, including my sign-off) is maintained indefinitely and may be redistributed consistent with this project or the open source license(s) involved. 175 | 176 | ## [No Brown M&M's](https://en.wikipedia.org/wiki/Van_Halen#Contract_riders) 177 | 178 | If you are reading this, bravo dear user and (hopefully) contributor for making it this far! You are awesome. :100: 179 | 180 | To confirm that you have read this guide and are following it as best as possible, **include this emoji at the top** of your issue or pull request: :black_heart: `:black_heart:` 181 | 182 | ## :pray: Credits 183 | 184 | Written by [@jessesquires](https://github.com/jessesquires). 185 | 186 | **Please feel free to adopt this guide in your own projects. Fork it wholesale or remix it for your needs.** 187 | 188 | *Many of the ideas and prose for the statements in this document were based on or inspired by work from the following communities:* 189 | 190 | - [Alamofire](https://github.com/Alamofire/Alamofire/blob/master/CONTRIBUTING.md) 191 | - [CocoaPods](https://github.com/CocoaPods/CocoaPods/blob/master/CONTRIBUTING.md) 192 | - [Docker](https://github.com/moby/moby/blob/master/CONTRIBUTING.md) 193 | - [Linux](https://elinux.org/Developer_Certificate_Of_Origin) 194 | 195 | *We commend them for their efforts to facilitate collaboration in their projects.* 196 | -------------------------------------------------------------------------------- /assets/asset 27.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | logo copy 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 22 | 23 | My Website 24 | 25 | 31 | 32 | 33 | 34 | 35 | 36 | 37 |
38 |
39 | 42 |
43 |
44 | 45 | 46 | 76 | 77 | 78 |
79 |
80 |
81 |

Design Confidently

82 |

83 | UsabilityHub is a remote user research platform that takes the 84 | guesswork out of design decisions by validating them with real 85 | users. 86 |

87 | Get Started 88 |
89 |
90 | hero image 91 |
92 |
93 |
94 | 95 | 96 | 97 |
98 |
99 |
100 | The world’s best companies rely on UsabilityHub to make better design 101 | decisions. 102 |
103 |
104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 |
112 |
113 |
114 | 115 | 116 | 117 |
118 |
119 |
120 |

121 | Your user research Swiss Army knife 122 |

123 | See all features 126 |
127 |
128 |
129 | 130 |

Card Sorting

131 |

Discover how people group and label information.

132 | Learn More 135 |
136 |
137 | 138 |

Prototype tests

139 |

Discover how people navigate your Figma prototypes.

140 | Learn more 143 |
144 |
145 | 146 |

First click tests

147 |

Test interaction with first click and navigation tests.

148 | Learn more 151 |
152 |
153 | 154 |

Design surveys

155 |

Get feedback on images, videos or audio files.

156 | Learn more 159 |
160 |
161 | 162 |

Preference tests

163 |

Find out which designs users prefer and why.

164 | Learn more 167 |
168 |
169 | 170 |

Five second tests

171 |

Test comprehensibility by measuring first impressions.

172 | Learn more 175 |
176 |
177 |
178 |
179 | 180 | 181 | 182 |
183 |
184 |
185 | 186 |
187 |
188 |

Effortless validation for

189 |

Design professionals

190 |

191 | Test interfaces, interaction flows, iconography and more, to help 192 | you create intuitive and delightful experiences for your users. 193 |

194 |
195 |
196 |
197 | 198 |
199 |
200 |
201 | 202 |
203 |
204 |

Effortless validation for

205 |

Design professionals

206 |

207 | Test interfaces, interaction flows, iconography and more, to help 208 | you create intuitive and delightful experiences for your users. 209 |

210 |
211 |
212 |
213 | 214 |
215 |
216 |
217 | 218 |
219 |
220 |

Effortless validation for

221 |

Design professionals

222 |

223 | Test interfaces, interaction flows, iconography and more, to help 224 | you create intuitive and delightful experiences for your users. 225 |

226 |
227 |
228 |
229 | 230 | 231 | 232 |
233 |
234 |
235 |

236 | One platform, endless possibilities 237 |

238 | See more examples 241 |
242 |
243 | 244 |

245 | Can user complete a task in my software interface? 246 |

247 | 248 | 257 |

258 | Can users find important pages on my website? 259 |

260 | 261 | 262 |

Is my website’s intended audience clear?

263 | 264 | 265 |

266 | Do visitors understand what a page is about? 267 |

268 | 269 |
270 |
271 |
272 | 273 | 274 | 275 |
276 |
277 |

Start testing today

278 |

Take the guesswork out of design decisions

279 | Get Started 280 |
281 |
282 | 283 | 284 | 285 | 353 | 354 | 355 | 356 |
357 |
358 | Privacy policy 359 | Terms & Conditions 360 | Security Information 361 | 364 | 365 |
366 |
367 | 368 | 372 | 373 | 393 | 394 | 395 | 396 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&family=Roboto:wght@400;700&display=swap"); 2 | 3 | /* resets */ 4 | 5 | * { 6 | margin: 0; 7 | padding: 0; 8 | box-sizing: border-box; 9 | } 10 | 11 | :root { 12 | --primary-text-color:rgb(54, 9, 9); 13 | --secondary-text-color: #000; 14 | --accent-color: #0091ff; 15 | --accent-color-dark: #1d69a3; 16 | --padding-inline-section: 20px; 17 | } 18 | .dark-theme { 19 | --primary-text-color: #000; 20 | --secondary-text-color: #fff; 21 | --accent-color: #1d69a3; 22 | --accent-color-dark: #2294ed; 23 | } 24 | 25 | body { 26 | font-family: "Poppins", sans-serif; 27 | background: var(--primary-text-color); 28 | } 29 | 30 | #icon { 31 | width: 30px; 32 | cursor: pointer; 33 | display: flex; 34 | justify-content: flex-end; 35 | } 36 | 37 | h1 { 38 | font-size: 3rem; 39 | color: var(--secondary-text-color); 40 | font-family: "poppins", serif; 41 | } 42 | 43 | h2 { 44 | font-size: 2rem; 45 | color: var(--secondary-text-color); 46 | font-family: "poppins", serif; 47 | } 48 | 49 | h3 { 50 | font-size: 1.5rem; 51 | color: var(--secondary-text-color); 52 | font-family: "poppins", serif; 53 | } 54 | 55 | p { 56 | font-family: "Roboto", sans-serif; 57 | font-size: 1.25rem; 58 | color: var(--secondary-text-color); 59 | line-height: 1.8rem; 60 | } 61 | 62 | a { 63 | text-decoration: none; 64 | display: inline-block; 65 | } 66 | 67 | ul { 68 | list-style: none; 69 | } 70 | 71 | /* utility classes */ 72 | 73 | .small-bold-text { 74 | font-size: 1rem; 75 | font-weight: 700; 76 | font-family: "poppins", serif; 77 | } 78 | 79 | .container { 80 | max-width: 1180px; 81 | margin-inline: auto; 82 | padding-inline: var(--padding-inline-section); 83 | overflow: hidden; 84 | } 85 | 86 | .flex { 87 | display: flex; 88 | align-items: center; 89 | } 90 | 91 | .hover-link { 92 | color: var(--primary-text-color); 93 | transition: 0.2s ease-out; 94 | text-decoration: none; 95 | } 96 | 97 | .hover-link:hover { 98 | color: var(--accent-color); 99 | } 100 | 101 | .primary-button { 102 | background-color: var(--accent-color); 103 | border-radius: 6px; 104 | font-weight: 700; 105 | color: var(--primary-text-color) !important; 106 | padding: 5px 40px; 107 | box-shadow: 0 0 2px var(--secondary-text-color); 108 | transition: 0.2s ease-out; 109 | text-align: center; 110 | margin-top: 6px; 111 | text-decoration: none; 112 | font-family: "poppins", serif; 113 | } 114 | 115 | .primary-button:hover { 116 | background-color: var(--accent-color-dark); 117 | } 118 | 119 | .secondary-button { 120 | border: 0.5px solid var(--secondary-text-color); 121 | border-radius: 6px; 122 | font-weight: 700; 123 | color: var(--secondary-text-color) !important; 124 | padding: 5px 40px; 125 | transition: 0.2s ease-out; 126 | margin-top: 6px; 127 | text-decoration: none; 128 | font-family: "poppins", serif; 129 | } 130 | 131 | .secondary-button:hover { 132 | border-color: var(--accent-color); 133 | color: var(--accent-color) !important; 134 | transform: scale(1.02); 135 | transition: 0.3s ease-in-out; 136 | } 137 | 138 | /* top banner */ 139 | 140 | .top-banner { 141 | background-image: url("asset\ 30.png"); 142 | background-color: #4fb3d4; 143 | background-size: 300px; 144 | } 145 | 146 | .banner-text { 147 | color: var(--primary-text-color); 148 | padding: 15px 30px; 149 | text-align: center; 150 | font-family: "poppins", serif; 151 | } 152 | 153 | /* nav bar */ 154 | .navbar { 155 | position: fixed; 156 | top: 0; 157 | left: 0; 158 | width: 100%; 159 | padding: 0px; 160 | background-color: bisque; 161 | } 162 | .main-nav { 163 | margin-top: 40px; 164 | justify-content: space-between; 165 | 166 | position: fixed; 167 | top: 0; 168 | width: 100%; 169 | padding: 10px 0; 170 | margin-left: 50px; 171 | 172 | background-color: #1f1d1d; 173 | } 174 | 175 | .company-logo img { 176 | width: 200px; 177 | 178 | visibility: visible; 179 | 180 | padding: 20px; 181 | } 182 | 183 | .nav-links { 184 | flex-basis: 730px; 185 | transition:background-color 0.3s; 186 | color:black; 187 | 188 | } 189 | 190 | .nav-links ul { 191 | justify-content: end; 192 | gap: 40px; 193 | } 194 | .nav-links a { 195 | text-decoration: none; 196 | border: 1px transparent solid; 197 | border-radius: 2px; 198 | padding: 7px; 199 | } 200 | .nav-links a:hover { 201 | background-color: rgb(172, 95, 47); 202 | height:40px; 203 | width:200p; 204 | border-radius: 10%; 205 | color:white ; 206 | text-decoration: double; 207 | 208 | .nav-links ul { 209 | list-style: none; 210 | padding: 0; 211 | margin: 0; 212 | } 213 | 214 | .nav-links ul li { 215 | display: inline; 216 | margin-right: 20px; 217 | white-space: nowrap; 218 | } 219 | 220 | .nav-links ul li:last-child { 221 | margin-right: 0; 222 | } 223 | 224 | .nav-links a { 225 | text-decoration: none; 226 | color: var(--secondary-text-color); 227 | } 228 | } 229 | 230 | .nav-toggle { 231 | display: none; 232 | } 233 | 234 | .btn { 235 | border: none; 236 | width: 80px; 237 | border-radius: 3px; 238 | cursor: pointer; 239 | } 240 | 241 | @media screen and (max-width: 768px) { 242 | .nav-links { 243 | display: none; 244 | } 245 | 246 | .nav-toggle { 247 | display: block; 248 | } 249 | 250 | .nav-links.active { 251 | display: block; 252 | } 253 | } 254 | 255 | /* header section */ 256 | 257 | header { 258 | padding: 50px var(--padding-inline-section) 0; 259 | } 260 | 261 | .header-section { 262 | justify-content: center; 263 | gap: 50px; 264 | } 265 | 266 | .header-left { 267 | max-width: 40vw; 268 | } 269 | 270 | .header-left h1 { 271 | margin-top: 20px; 272 | } 273 | 274 | .get-started-btn { 275 | margin-top: 20px; 276 | } 277 | 278 | .header-right img { 279 | width: 100%; 280 | } 281 | 282 | /* companies section */ 283 | 284 | .companies-header { 285 | text-align: center; 286 | margin-block: 30px; 287 | color: var(--secondary-text-color); 288 | } 289 | 290 | .logos { 291 | justify-content: space-evenly; 292 | flex-wrap: wrap; 293 | gap: 20px; 294 | } 295 | 296 | .logo { 297 | height: 46px; 298 | filter: grayscale(100%); 299 | opacity: 0.75; 300 | } 301 | .logo:hover { 302 | filter: grayscale(0%); 303 | opacity: 1; 304 | cursor: pointer; 305 | } 306 | .logo1 { 307 | background-color: white; 308 | height: 46px; 309 | justify-content: space-evenly; 310 | flex-wrap: wrap; 311 | gap: 20px; 312 | } 313 | 314 | /* features section */ 315 | 316 | .features-section { 317 | padding: 80px var(--padding-inline-section) 0; 318 | background-image: url(asset\ 32.svg); 319 | background-repeat: no-repeat; 320 | background-position: center; 321 | } 322 | 323 | .features-header { 324 | text-align: center; 325 | margin-bottom: 40px; 326 | } 327 | 328 | .features-heading-text { 329 | margin-bottom: 20px; 330 | } 331 | 332 | .features-area { 333 | flex-wrap: wrap; 334 | justify-content: space-between; 335 | gap: 20px; 336 | margin-top: 20px; 337 | } 338 | 339 | .features-card { 340 | flex-direction: column; 341 | gap: 20px; 342 | max-width: 30%; 343 | text-align: center; 344 | } 345 | .features-card:hover { 346 | transform: scale(1.02); 347 | transition: 0.3s ease-in-out; 348 | } 349 | 350 | .features-card img { 351 | width: 60px; 352 | } 353 | 354 | /* big feature section */ 355 | 356 | .big-feature-section { 357 | padding: 30px var(--padding-inline-section) 0; 358 | } 359 | 360 | .big-feature-container { 361 | gap: 30px; 362 | } 363 | 364 | #second-big-feature { 365 | flex-direction: row-reverse; 366 | } 367 | 368 | .feature-img img { 369 | width: 100%; 370 | } 371 | 372 | .feature-desc { 373 | flex-direction: column; 374 | align-items: flex-start; 375 | } 376 | 377 | /* examples section */ 378 | 379 | .examples-section { 380 | padding: 80px var(--padding-inline-section); 381 | } 382 | 383 | .examples-header { 384 | flex-direction: column; 385 | gap: 20px; 386 | text-align: center; 387 | } 388 | 389 | .examples-area { 390 | justify-content: space-between; 391 | margin-block: 30px; 392 | flex-wrap: wrap; 393 | } 394 | 395 | .examples-card { 396 | width: 23%; 397 | position: relative; 398 | height: 300px; 399 | background: var(--secondary-text-color); 400 | background: linear-gradient(rgb(0, 0, 0, 0.1), rgb(0, 0, 0, 0.8)), 401 | url(asset\ 35.jpeg); 402 | background-size: cover; 403 | transition: 0.2s ease-out; 404 | } 405 | 406 | .examples-card:hover { 407 | box-shadow: 0 0 10px #888; 408 | } 409 | 410 | .examples-card:nth-child(3) { 411 | background: linear-gradient(rgb(0, 0, 0, 0.1), rgb(0, 0, 0, 0.8)), 412 | url(asset\ 36.jpeg); 413 | background-size: cover; 414 | } 415 | 416 | .examples-card:nth-child(4) { 417 | background: linear-gradient(rgb(0, 0, 0, 0.1), rgb(0, 0, 0, 0.8)), 418 | url(asset\ 37.jpeg); 419 | background-size: cover; 420 | } 421 | 422 | .card-text { 423 | position: absolute; 424 | bottom: 20px; 425 | left: 20px; 426 | right: 20px; 427 | color: var(--secondary-text-color); 428 | } 429 | 430 | /* cta section */ 431 | 432 | .cta-section-container { 433 | flex-direction: column; 434 | gap: 30px; 435 | color: var(--primary-text-color); 436 | text-align: center; 437 | } 438 | 439 | .cta-section { 440 | padding: 120px var(--padding-inline-section) 80px; 441 | background-color: #183b54; 442 | } 443 | 444 | .cta-section-container p { 445 | color: var(--primary-color); 446 | margin-top: 20px; 447 | } 448 | 449 | /* footer */ 450 | 451 | footer { 452 | padding-block: 80px; 453 | background-color: #ebf2fa; 454 | } 455 | 456 | .link-column { 457 | flex-direction: column; 458 | align-items: flex-start; 459 | gap: 20px; 460 | } 461 | 462 | .feedback h4, 463 | .link-column h4 { 464 | display: block; 465 | margin-block-start: 1.33em; 466 | margin-block-end: 1.33em; 467 | margin-inline-start: 0px; 468 | margin-inline-end: 0px; 469 | font-weight: bold; 470 | unicode-bidi: isolate; 471 | font-family: "poppins", serif; 472 | color: #183b56; 473 | font-size: 1.01rem; 474 | } 475 | 476 | .footer-container { 477 | align-items: flex-start; 478 | justify-content: space-between; 479 | } 480 | 481 | /* subfooter */ 482 | 483 | .subfooter { 484 | background-color: #b9cde4; 485 | padding: var(--padding-inline-section); 486 | } 487 | 488 | .subfooter-container { 489 | justify-content: center; 490 | gap: 20px; 491 | flex-wrap: wrap; 492 | } 493 | .containers { 494 | max-width: 400px; 495 | /* margin: 0; */ 496 | margin-top: 20%; 497 | margin-left: 35%; 498 | padding: 20px; 499 | border: 1px solid #ccc; 500 | border-radius: 5px; 501 | text-align: center; 502 | } 503 | 504 | .fhover-link { 505 | color: #183b56; 506 | text-decoration: none; 507 | transition: 0.2s ease-out; 508 | font-size: 1rem; 509 | font-family: "poppins", serif; 510 | } 511 | 512 | .fhover-link:hover { 513 | color: var(--accent-color); 514 | } 515 | 516 | input[type="text"], 517 | input[type="email"], 518 | input[type="password"], 519 | button { 520 | display: block; 521 | width: 100%; 522 | margin-bottom: 10px; 523 | padding: 8px; 524 | font-size: 16px; 525 | } 526 | 527 | button { 528 | background-color: #007bff; 529 | color: #fff; 530 | border: none; 531 | border-radius: 5px; 532 | cursor: pointer; 533 | } 534 | 535 | .error-message { 536 | color: red; 537 | margin-top: 10px; 538 | } 539 | 540 | /* feedback form */ 541 | .link-col { 542 | flex-direction: column; 543 | align-items: flex-start; 544 | gap: 0px; 545 | } 546 | 547 | .feedback { 548 | display: flex; 549 | flex-direction: column; 550 | align-items: flex-start; 551 | gap: 2px; 552 | width: 100%; 553 | grid-column: span 2; 554 | padding-block: 1px; 555 | margin: 5px; 556 | background-color: #ebf2fa; 557 | } 558 | 559 | .id input { 560 | padding-right: 45px; 561 | } 562 | 563 | .contact-inputs { 564 | /* width: 5rem; */ 565 | /* height: 5rem; */ 566 | border: 1.5px solid #183b56; 567 | outline: none; 568 | padding-left: 2rem; 569 | font-weight: 500; 570 | font-size: 0.1rem; 571 | color: var(--primary-text-color); 572 | border-radius: 7px; 573 | background-color: #c7d2df; 574 | /* max-width: 10%; 575 | min-width: 100%; */ 576 | } 577 | 578 | .id { 579 | position: relative; 580 | } 581 | .id i { 582 | position: absolute; 583 | font-size: 1.1rem; 584 | top: 50px; 585 | right: 20px; 586 | transform: translateY(-202%); 587 | } 588 | .contact-left { 589 | width: 100%; 590 | } 591 | 592 | .contact-left textarea { 593 | height: 8rem; 594 | width: 30%; 595 | padding-top: 0.5rem; 596 | padding-left: 10px; 597 | border-radius: 10px; 598 | max-width: 90%; 599 | min-width: 100%; 600 | font-size: 1rem; 601 | } 602 | 603 | .contact-inputs:focus { 604 | border: 1.5px solid var(--accent-color); 605 | background-color: #fcfcfc; 606 | transition: 0.2s ease-out; 607 | caret-color: #183b56; 608 | color: #183b56; 609 | font-family: "poppins", serif; 610 | font-size: 0.95rem; 611 | } 612 | 613 | .contact-inputs:focus + i { 614 | color: var(--accent-color); 615 | } 616 | 617 | .feedback-email { 618 | max-width: 100%; 619 | min-width: 40%; 620 | } 621 | 622 | .contact-inputs::placeholder { 623 | font-size: 0.95rem; 624 | font-family: "poppins", serif; 625 | color: #183b56; 626 | font-weight: 200; 627 | } 628 | 629 | .contact-inputs:focus::placeholder { 630 | color: var(--accent-color); 631 | caret-color: #183b56; 632 | } 633 | 634 | .contact-inputs:focus-visible { 635 | color: #183b56; 636 | font-family: "poppins", serif; 637 | font-size: 0.95rem; 638 | } 639 | 640 | .feedback button { 641 | width: 40%; 642 | display: flex; 643 | align-items: flex-end; 644 | padding: 10px 20px; 645 | font-size: 0.95rem; 646 | /* gap: 10px; */ 647 | margin-top: 10px; 648 | border-radius: 10px; 649 | cursor: pointer; 650 | /* font-size: 1.6rem; */ 651 | font-weight: 500; 652 | font-family: "poppins", serif; 653 | /* background: linear-gradient(60deg, #9dc4ee, #6198d3); */ 654 | background: #9dc4ee; 655 | color: #183b56; 656 | border: 1px solid #183b56; 657 | } 658 | 659 | .feedback button:hover { 660 | transition: 0.2s ease-out; 661 | border: 1px solid var(--accent-color); 662 | background: linear-gradient(270deg, #e4f1ff, #cce5ff); 663 | color: var(--accent-color); 664 | } 665 | 666 | #nav-links.active { 667 | display: block; 668 | } 669 | .dark-theme { 670 | background-color: #333; 671 | color: #fff; 672 | } 673 | 674 | /* SighIn Page */ 675 | 676 | body.sign-body { 677 | font-family: 'Arial', sans-serif; 678 | /* background: linear-gradient(to right, #6a11cb, #2575fc); */ 679 | background: rgb(255, 253, 253); 680 | display: flex; 681 | justify-content: center; 682 | align-items: center; 683 | height: 100vh; 684 | margin: 0; 685 | } 686 | 687 | .container { 688 | display: flex; 689 | justify-content: center; 690 | align-items: center; 691 | height: 100%; 692 | width: 100%; 693 | } 694 | 695 | .form-container { 696 | background: #ffffff; 697 | padding: 40px; 698 | border-radius: 10px; 699 | box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); 700 | text-align: center; 701 | max-width: 400px; 702 | width: 100%; 703 | } 704 | 705 | 706 | .form-container h1 { 707 | font-size: 25px; 708 | margin-bottom: 20px; 709 | color: #333; 710 | } 711 | .form-container input { 712 | width: 100%; 713 | padding: 13px; 714 | margin: 10px 0; 715 | border: 1px solid #ddd; 716 | border-radius: 5px; 717 | font-size: 1em; 718 | transition: border-color 0.3s ease; 719 | } 720 | 721 | .form-container input:focus { 722 | border-color: #2575fc; 723 | outline: none; 724 | } 725 | .form-container button { 726 | width: 100%; 727 | padding: 13px; 728 | background: #2575fc; 729 | color: #fff; 730 | border: none; 731 | border-radius: 5px; 732 | font-size: 1em; 733 | cursor: pointer; 734 | transition: background 0.3s ease; 735 | margin-top: 20px; 736 | } 737 | .form-container button:hover { 738 | background: #1e63d3; 739 | } 740 | 741 | .form-container .message { 742 | margin-top: 20px; 743 | color: #777; 744 | font-size: 0.9em; 745 | } 746 | 747 | .form-container .message a { 748 | color: #2575fc; 749 | text-decoration: none; 750 | transition: color 0.3s ease; 751 | } 752 | 753 | 754 | .form-container .message a:hover { 755 | color: #1e63d3; 756 | } 757 | 758 | 759 | /* signUp */ 760 | .form-container>form>h2{ 761 | text-align: center; 762 | font-size: 25px; 763 | font-weight: 600; 764 | } 765 | .already-account{ 766 | text-align: center; 767 | /* border: solid black; */ 768 | /* margin-top: -10px; */ 769 | } 770 | #signUp{ 771 | text-align: center; 772 | font-size: small; 773 | } --------------------------------------------------------------------------------