test

index.html

@@ -31,7 +31,10 @@
         font-weight: bolder;
         color: aqua;
     }
-
+    .logo img {
+        height: 50px;
+        width: auto;
+    }
     .nav-links {
         display: flex;
         gap: 2px;
@@ -40,12 +43,16 @@
     .nav-links a {
         text-decoration: none;
         color: black;
-        gap: 2px;
+        font-size: 1px;
+        padding: 0.5px 1px;
     }
     .search-container {
         max-width: fit-content;
         margin: 5px auto;
     }
+    .nav-links a:hover {
+        color: rgb(155, 205, 161);
+    }
     .search-bar {
         width: 100%;
         padding: 1px;
@@ -175,19 +182,29 @@
 <h2 class="section-tiltle">Job Categories</h2>
 <div class="categories">
     <a href="#" class="category">
-        <div class="category-icon" img src="Pet-care taker.jpg"></div>
+        <div class="category-icon" img src="Pet-care taker.jpg">dog</div>
         <span>Dog Care Taker</span>
     </a>
     <a href="#" class="category">
-        <div class="category-icon" img src="old-aged people care taker.jpeg"></div>
+        <div class="category-icon" img src="old-aged people care taker.jpeg">old-people</div>
         <span>Old Aged Care Taker</span>
     </a>
 
 </div>
 
-
+<footer>
-
+    <ul>
-
+        <li><a href="#">About us</li>
-
+        <li><a href="#">Contact</li>
+        <li><a href="#">Privacy Policy</li>
+    </ul>
+    <ul>
+        <li><a href="#">Jobs</li>
+        <li><a href="#">Companies</li>
+        <li><a href="#">Support</li>
+    </ul>
+</footer>
 </body>
+</html>
+