Spaces:
Running
Running
better icon for residential related to home. commercial related to retail, aslso better property icon
Browse files- components/navbar.js +1 -1
- index.html +6 -6
components/navbar.js
CHANGED
|
@@ -52,7 +52,7 @@ class CustomNavbar extends HTMLElement {
|
|
| 52 |
</style>
|
| 53 |
<nav class="fixed w-full z-50 py-4 px-6 md:px-12 flex justify-between items-center">
|
| 54 |
<a href="/" class="flex-shrink-0">
|
| 55 |
-
<img src="https://cdn-icons-png.flaticon.com/512/1570/
|
| 56 |
</a>
|
| 57 |
<div class="hidden md:flex space-x-8">
|
| 58 |
<a href="#commercial" class="text-white">Commercial</a>
|
|
|
|
| 52 |
</style>
|
| 53 |
<nav class="fixed w-full z-50 py-4 px-6 md:px-12 flex justify-between items-center">
|
| 54 |
<a href="/" class="flex-shrink-0">
|
| 55 |
+
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570939.png" alt="Quest Logo" class="h-8">
|
| 56 |
</a>
|
| 57 |
<div class="hidden md:flex space-x-8">
|
| 58 |
<a href="#commercial" class="text-white">Commercial</a>
|
index.html
CHANGED
|
@@ -48,22 +48,22 @@
|
|
| 48 |
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
| 49 |
<a href="#commercial" class="bg-white bg-opacity-90 hover:bg-opacity-100 text-gray-800 py-4 px-6 rounded-lg transition transform hover:scale-105">
|
| 50 |
<div class="flex flex-col items-center">
|
| 51 |
-
<img src="https://cdn-icons-png.flaticon.com/512/
|
| 52 |
-
|
| 53 |
<span class="text-sm text-gray-600">Properties & Investments</span>
|
| 54 |
</div>
|
| 55 |
</a>
|
| 56 |
<a href="#management" class="bg-white bg-opacity-90 hover:bg-opacity-100 text-gray-800 py-4 px-6 rounded-lg transition transform hover:scale-105">
|
| 57 |
<div class="flex flex-col items-center">
|
| 58 |
-
<img src="https://cdn-icons-png.flaticon.com/512/1570/
|
| 59 |
-
|
| 60 |
<span class="text-sm text-gray-600">Management Services</span>
|
| 61 |
</div>
|
| 62 |
</a>
|
| 63 |
<a href="#residential" class="bg-white bg-opacity-90 hover:bg-opacity-100 text-gray-800 py-4 px-6 rounded-lg transition transform hover:scale-105">
|
| 64 |
<div class="flex flex-col items-center">
|
| 65 |
-
<img src="https://cdn-icons-png.flaticon.com/512/
|
| 66 |
-
|
| 67 |
<span class="text-sm text-gray-600">Homes & Apartments</span>
|
| 68 |
</div>
|
| 69 |
</a>
|
|
|
|
| 48 |
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
| 49 |
<a href="#commercial" class="bg-white bg-opacity-90 hover:bg-opacity-100 text-gray-800 py-4 px-6 rounded-lg transition transform hover:scale-105">
|
| 50 |
<div class="flex flex-col items-center">
|
| 51 |
+
<img src="https://cdn-icons-png.flaticon.com/512/2942/2942787.png" class="w-8 h-8 mb-2" alt="Commercial">
|
| 52 |
+
<span class="font-medium">Commercial</span>
|
| 53 |
<span class="text-sm text-gray-600">Properties & Investments</span>
|
| 54 |
</div>
|
| 55 |
</a>
|
| 56 |
<a href="#management" class="bg-white bg-opacity-90 hover:bg-opacity-100 text-gray-800 py-4 px-6 rounded-lg transition transform hover:scale-105">
|
| 57 |
<div class="flex flex-col items-center">
|
| 58 |
+
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570939.png" class="w-8 h-8 mb-2" alt="Management">
|
| 59 |
+
<span class="font-medium">Property</span>
|
| 60 |
<span class="text-sm text-gray-600">Management Services</span>
|
| 61 |
</div>
|
| 62 |
</a>
|
| 63 |
<a href="#residential" class="bg-white bg-opacity-90 hover:bg-opacity-100 text-gray-800 py-4 px-6 rounded-lg transition transform hover:scale-105">
|
| 64 |
<div class="flex flex-col items-center">
|
| 65 |
+
<img src="https://cdn-icons-png.flaticon.com/512/619/619153.png" class="w-8 h-8 mb-2" alt="Residential">
|
| 66 |
+
<span class="font-medium">Residential</span>
|
| 67 |
<span class="text-sm text-gray-600">Homes & Apartments</span>
|
| 68 |
</div>
|
| 69 |
</a>
|