Navbar issue fixed, top banner is aligned after navbar and Enhanced README

README.md

@@ -1,60 +1,105 @@
 ---
-### Welcome to Job-Portal 🚀 
+### Welcome to Job-Portal! 🌟🌻✨
 
 
 ---
+
 **About Job-Portal** 
 
-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.
+Welcome to our Job Portal Project! Our platform is designed to provide a seamless experience for both job seekers and employers. Below you'll find comprehensive information on how to set up and run the project, along with an overview of its features.
+
+**Key Features:**
+
+   1. **User Registration and Authentication:** 
+      - Job seekers and employers can securely register and log in to access the portal's features. 🚪
 
-**Features:**
+   2. **Job Listings:** 
+      - Employers can post detailed job listings, including job titles, descriptions, requirements, and contact information. ✨
 
-   1.**User Registration and Authentication:** Job seekers and employers can register and log in securely to access the portal's features.
+   3. **Job Search:** 
+      - Job seekers can easily search for job listings based on various criteria such as job title, location, and keywords. 🔍
 
-   2.**Job Listings:** Employers can post job listings, including job titles, descriptions, requirements, and contact information.
+   4. **Filters and Sorting:** 
+      - Users have the ability to filter and sort job listings based on different parameters, ensuring they find relevant opportunities efficiently. ⚙️
 
-   3.**Job Search:** Job seekers can search for job listings based on various criteria such as job title, location, and keywords.
+   5. **Application Management:** 
+      - Job seekers can conveniently apply to job listings directly through the portal, while employers can efficiently manage received applications. 📥📤
 
-   4.**Filters and Sorting:** Users can filter and sort job listings based on different parameters to find relevant opportunities efficiently.
-
-   5.**Application Management:** Job seekers can apply to job listings directly through the portal, and employers can manage received applications.
+   6. **User Profiles:** 
+      - Both job seekers and employers have personalized profiles where they can manage their information, including resumes, job preferences, and company details. 👤
 
-   6.**User Profiles:** Both job seekers and employers have profiles where they can manage their information, including resumes, job preferences, and company details.
+   7. **Notifications:** 🔔
+      - Users receive timely notifications for important events such as new job listings, application status updates, and messages from employers. 🔔
+
+---
 
-   7.**Notifications:** Users receive notifications for important events such as new job listings, application status updates, and messages from employers.
-***
 **Getting Started**
 
-Contributing Contributions are always welcome!
-
- 1. Fork this repository.
- 2. Clone your forked copy of the project.
-```  git clone  htpps://github.com/your-username/jobproject.git```
- 3. Add reference to original repository,use the following command
- ``` git remote add upstream htpps://github.com/your-username/jobproject.git ```
- 4. Check the remotes for this repository,use following command. 
-   ```git remote -v```
-
- 5. Always take a pull from the upstream repository to your main branch
-           to keep it up-to-date with the main
-           ```git pull upstream main```
- 6. Create a new branch.
- ``` git checkout -b <your_branch_name>```
-
- 7. You are all set ! Perfom your desired changes to the code base.
- 8. Track your changes. 
- ```git add .```
- 9. Commit your changes. 
-  ```git commit -m "relevant commit message"```
- 10. Push the committed changes in your feature branch to your remote
-     repo.
-     ``` git push -u origin <your_branch_name>```
- 11. To create a pull request, click on "Compare and pull requests".
-     Please ensure you compare your feature branch to the desired branch
-     of the repo you are suppose to make a PR to.
-     ***
-
-**Feedback:**
-
-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.
+Contributions are always welcome! Here's how you can contribute to our project:
+
+ 1. **Fork the Repository:**
+    - Fork this repository to your GitHub account. 🍴
+
+ 2. **Clone the Repository:**
+    - Clone your forked copy of the project to your local machine using the following command:📎
+      ```
+      git clone https://github.com/your-username/jobproject.git
+      ```
+
+ 3. **Add Remote Reference:**
+    - Add a reference to the original repository by executing the following command:📎
+      ```
+      git remote add upstream https://github.com/your-username/jobproject.git
+      ```
+
+ 4. **Check Remotes:**
+    - Verify the remotes for this repository with the following command:📎
+      ```
+      git remote -v
+      ```
+
+ 5. **Keep Your Repository Up-to-Date:**
+    - Ensure your main branch is up-to-date with the main repository by pulling from upstream:📎
+      ```
+      git pull upstream main
+      ```
+
+ 6. **Create a New Branch:**
+    - Create a new branch to work on your feature or bug fix:📎
+      ```
+      git checkout -b <your_branch_name>
+      ```
 
+ 7. **Make Desired Changes:**
+    - Let your creativity flow and implement your desired changes to the code base. 🎨
+
+ 8. **Track Changes:**
+    - Add the changes to the staging area:📎
+      ```
+      git add .
+      ```
+
+ 9. **Commit Changes:**
+    - Commit your changes with a relevant commit message:📎
+      ```
+      git commit -m "Showcasing my amazing enhancements!"
+      ```
+
+ 10. **Push Changes to Your Remote Repository:**
+     - Push the committed changes in your feature branch to your remote repository:📎
+       ```
+       git push -u origin <your_branch_name>
+       ```
+
+ 11. **Create a Pull Request:**
+     - To create a pull request, navigate to the repository on GitHub and click on "Compare and pull requests". Ensure you compare your feature branch to the desired branch of the repository you intend to make a PR to.
+
+---
+
+**Feedback:** 💭🗣️💌
+
+We thrive on your feedback! If you encounter any issues, have suggestions for improvements, or want to contribute ideas for new features, please don't hesitate to open an issue on the project's GitHub repository or reach out to us directly.
+
+Let's collaborate and make our Job Portal Project shine brighter together! 🚀
+
+---

style.css

@@ -116,6 +116,10 @@ ul {
     background-image: url('asset\ 30.png');
     background-color: #4fb3d4;
     background-size: 300px;
+    padding: 20px;
+    text-align: center;
+    margin-top: 60px; /* Ensure the banner is not hidden behind the navbar */
+
 }
 
 .banner-text {
@@ -129,13 +133,14 @@ ul {
 .main-nav {
     margin-top: 40px;
     justify-content: space-between;
-
+    z-index: 1000;
     position: fixed;
+    left: 0;
     top: 0;
     width: 100%;
-    padding: 10px 0;
+    padding: 3px 0;
     margin-left: 50px;
-
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     background-color: #ccc
 }
 
@@ -213,6 +218,7 @@ ul {
 
 header {
     padding: 50px var(--padding-inline-section) 0;
+    margin-top: 100px; /* Add margin to push content below the navbar */
 }
 
 .header-section {