From 4d17c1d0ea71c9b777df2495bd007745d4283040 Mon Sep 17 00:00:00 2001
From: Ojas Arora <127867874+Ojas-Arora@users.noreply.github.com>
Date: Tue, 2 Jul 2024 13:44:38 +0530
Subject: [PATCH] Alignment Issue

---
 src/Components/Footer.js                |   1 +
 src/Components/FreeLancer/Freelancer.js |   5 ++
 src/Components/FreeLancer/homeicon.png  | Bin 0 -> 12342 bytes
 src/Components/Menu.css                 |   2 +-
 src/Components/TopContainer.css         |  95 ++++++++++++++++++++----
 src/Components/TopContainer.js          |  19 ++---
 6 files changed, 96 insertions(+), 26 deletions(-)
 create mode 100644 src/Components/FreeLancer/homeicon.png

diff --git a/src/Components/Footer.js b/src/Components/Footer.js
index 52948f7c..d9431c40 100644
--- a/src/Components/Footer.js
+++ b/src/Components/Footer.js
@@ -18,6 +18,7 @@ const Footer = () => {
               <li><a href='/services'>Services</a></li>
               <li><a href='/careers'>Careers</a></li>
               <li><a href='/contacts'>Contact Us</a></li>
+              <li><a href='/freelancer'>Hire a Freelancer</a></li>
             </ul>
           </div>
           <div className='footer-2'>
diff --git a/src/Components/FreeLancer/Freelancer.js b/src/Components/FreeLancer/Freelancer.js
index fcb214b9..620c3d48 100644
--- a/src/Components/FreeLancer/Freelancer.js
+++ b/src/Components/FreeLancer/Freelancer.js
@@ -1,5 +1,7 @@
 import React from 'react'
+import { Link } from 'react-router-dom';
 import './Freelancer.css'
+import homeIcon from './homeicon.png';
 
 const Freelancer = () => {
     return (
@@ -9,6 +11,9 @@ const Freelancer = () => {
                 <div className="desc1freelancerbox1">Connect with Skilled Freelancers for Your Projects</div>
                 <button className='btnFreelancer'>Get Started</button>
             </div>
+            <Link to="/" className="home-link">
+                <img src={homeIcon} alt="Home" className="home-icon" />
+            </Link>
             <div className="box2Freelancer">
                 <div className="containerFreelancer" id='one'>
                     <div className='descbox2Freelancer'>Logo Design</div>
diff --git a/src/Components/FreeLancer/homeicon.png b/src/Components/FreeLancer/homeicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..c06a452d142802ee0d289dc614d1cd4642bb6ba3
GIT binary patch
literal 12342
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

literal 0
HcmV?d00001

diff --git a/src/Components/Menu.css b/src/Components/Menu.css
index 9aea7ec2..e1abe0bc 100644
--- a/src/Components/Menu.css
+++ b/src/Components/Menu.css
@@ -60,7 +60,7 @@ menu ul li a::before {
   left: -10px;
   width: 0px;
   height: 20px;
-  background: #0db5cb;
+  background: #cf00a3;
   border-radius: 50%;
 }
 
diff --git a/src/Components/TopContainer.css b/src/Components/TopContainer.css
index 76baa664..b9e1d2ec 100644
--- a/src/Components/TopContainer.css
+++ b/src/Components/TopContainer.css
@@ -1,15 +1,16 @@
-.profileContainer,
-.notification-container {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
+.nav-item a span {
+  white-space: nowrap;
+  color: white;
 }
+.nav-item a:hover span {
+  color: #cf00a3; /* Pink color on hover */
+}
+
 .navbar {
   width: 100%;
-  height: auto;
+  height: 60px;
   background: #19162c;
   display: flex;
-  flex-wrap: wrap;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
@@ -19,19 +20,80 @@
   gap: 0.5rem;
   z-index: 99999;
 }
+.profileContainer .go-pro-btn {
+  padding: 10px 10px; /* Adjust padding to change the button size */
+}
+
 
-#list {
-  display: inline;
-  padding: 20px;
+.largeview {
+  display: flex;
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
-.largeview a:hover {
-  color: #cf00a3;
-  font-size: 1.05rem; /* Slightly increase font size on hover */
+
+.largeview .nav-item {
+  margin-right: 20px;
+}
+
+.largeview .nav-item a {
+  color: #ffffff;
+  text-decoration: none;
+  transition: color 0.3s ease, font-size 0.3s ease;
 }
-.open a:hover {
+
+.largeview .nav-item a:hover {
   color: #cf00a3;
-  font-size: 1.05rem; /* Slightly increase font size on hover */
+  font-size: 1.05rem;
+}
+
+.inputBox {
+  position: relative;
+  margin-top: -10px;
+}
+@media screen and (max-width: 1500px) {
+  .mobview .inputBox {
+    margin-top: 10px; /* Add 10px space above the search box */
+    padding: 5px 5px;
+  }
+
+  .mobview .searchbtn {
+    font-size: 1.3rem; /* Adjust the search button size */
+  }
+
+  .mobview #search_results {
+    top: 50px; /* Adjust position of search results */
+  }
+}
+
+.searchbtn {
+  position: absolute;
+  top: 70%;
+  right: 10px;
+  transform: translateY(-50%);
+  color: #757380;
+  font-size: 1.5rem;
+}
+
+#search_results {
+  position: absolute;
+  top: 40px;
+  background: white;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  width: 100%;
+  z-index: 10;
+}
+
+#search_result_title {
+  margin: 0;
+  padding: 10px;
+  font-weight: bold;
 }
+
+#list li {
+  flex-shrink: 0; /* Prevent items from shrinking */
+}
+
 .mobview {
   display: none;
 }
@@ -104,8 +166,9 @@
     text-align: center;
     font-size: 14px;
   }
+
   .mobview #shortview ul li:hover {
-    background: #19162c; /* Light background on hover */
+    background: #19162c;
     color: #757380;
     transition: 0.3s;
   }
diff --git a/src/Components/TopContainer.js b/src/Components/TopContainer.js
index 155ed8d6..358dec11 100644
--- a/src/Components/TopContainer.js
+++ b/src/Components/TopContainer.js
@@ -111,14 +111,14 @@ function TopContainer() {
     <div className="topContainer">
       <div className="navbar">
         <ul className="largeview">
-          <li id="list"><a href='/'>Home</a></li>
-          <li id="list"><a href='/about'>About Us</a></li>
-          <li id="list"><a href='/services'>Services</a></li>
-          <li id="list"><a href='/careers'>Careers</a></li>
-          <li id="list"><a href="/freelancer">Hire a Freelancer</a></li>
-          <li id="list"><a href='/contacts'>Contact</a></li>
-          <li id="list"><a href='/blogs'>Blogs</a></li>
-          <li id="list"><a href='/faq'>FAQ</a></li>
+          <li className="nav-item"><a href='/'>Home</a></li>
+          <li className="nav-item"><a href='/about'><span>About Us</span></a></li>
+          <li className="nav-item"><a href='/services'>Services</a></li>
+          <li className="nav-item"><a href='/careers'>Careers</a></li>
+          <li className="nav-item"><a href="/freelancer"><span>Hire a Freelancer</span></a></li>
+          <li className="nav-item"><a href='/contacts'>Contact</a></li>
+          <li className="nav-item"><a href='/blogs'>Blogs</a></li>
+          <li className="nav-item"><a href='/faq'>FAQ</a></li>
         </ul>
 
         <div className="mobview">
@@ -129,6 +129,7 @@ function TopContainer() {
               <li><a href='/about'>About Us</a></li>
               <li><a href='/services'>Services</a></li>
               <li><a href='/careers'>Careers</a></li>
+              <li><a href='/freelancer'>Freelancer</a></li>
               <li><a href='/contacts'>Contact</a></li>
               <li><a href='/blogs'>Blogs</a></li>
               <li><a href='/faq'>FAQ</a></li>
@@ -160,7 +161,7 @@ function TopContainer() {
           ) : null}
         </div>
 
-        <div className="profileContainer">
+        <div className="profileContainer" >
           <a href="/pricing">
             <button className="go-pro-btn">Go Pro</button>
           </a>