Spaces:
Running
Running
the one with the colored house
Browse files- components/navbar.js +1 -1
- index.html +5 -5
- style.css +4 -1
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 |
-
|
| 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/1570927.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
|
@@ -29,7 +29,7 @@
|
|
| 29 |
<!-- Navigation -->
|
| 30 |
<nav class="absolute w-full z-10 py-6 px-4 md:px-12 flex justify-between items-center">
|
| 31 |
<div class="flex items-center">
|
| 32 |
-
<img src="https://cdn-icons-png.flaticon.com/512/1570/
|
| 33 |
</div>
|
| 34 |
<div class="hidden md:flex space-x-8">
|
| 35 |
<a href="#commercial" class="text-white hover:text-accent-gold transition">Commercial</a>
|
|
@@ -51,21 +51,21 @@
|
|
| 51 |
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 max-w-3xl mx-auto">
|
| 52 |
<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">
|
| 53 |
<div class="flex flex-col items-center">
|
| 54 |
-
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570927.png" class="w-10 h-10 mb-2" alt="Commercial">
|
| 55 |
<span class="font-medium">Commercial</span>
|
| 56 |
<span class="text-sm text-gray-600">Office & Retail</span>
|
| 57 |
</div>
|
| 58 |
</a>
|
| 59 |
<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">
|
| 60 |
<div class="flex flex-col items-center">
|
| 61 |
-
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570928.png" class="w-10 h-10 mb-2" alt="Management">
|
| 62 |
<span class="font-medium">Management</span>
|
| 63 |
<span class="text-sm text-gray-600">Projects & Services</span>
|
| 64 |
</div>
|
| 65 |
</a>
|
| 66 |
<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">
|
| 67 |
<div class="flex flex-col items-center">
|
| 68 |
-
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570900.png" class="w-10 h-10 mb-2" alt="Residential">
|
| 69 |
<span class="font-medium">Residential</span>
|
| 70 |
<span class="text-sm text-gray-600">Homes & Apartments</span>
|
| 71 |
</div>
|
|
@@ -78,7 +78,7 @@
|
|
| 78 |
<div class="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
|
| 79 |
<div>
|
| 80 |
<div class="mb-4">
|
| 81 |
-
|
| 82 |
</div>
|
| 83 |
<p class="text-gray-300">San Diego's premier real estate investment firm specializing in strategic property acquisitions and wealth building.</p>
|
| 84 |
</div>
|
|
|
|
| 29 |
<!-- Navigation -->
|
| 30 |
<nav class="absolute w-full z-10 py-6 px-4 md:px-12 flex justify-between items-center">
|
| 31 |
<div class="flex items-center">
|
| 32 |
+
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570927.png" alt="Quest Logo" class="h-10">
|
| 33 |
</div>
|
| 34 |
<div class="hidden md:flex space-x-8">
|
| 35 |
<a href="#commercial" class="text-white hover:text-accent-gold transition">Commercial</a>
|
|
|
|
| 51 |
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 max-w-3xl mx-auto">
|
| 52 |
<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">
|
| 53 |
<div class="flex flex-col items-center">
|
| 54 |
+
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570927.png" class="w-10 h-10 mb-2" style="color: var(--house-red);" alt="Commercial">
|
| 55 |
<span class="font-medium">Commercial</span>
|
| 56 |
<span class="text-sm text-gray-600">Office & Retail</span>
|
| 57 |
</div>
|
| 58 |
</a>
|
| 59 |
<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">
|
| 60 |
<div class="flex flex-col items-center">
|
| 61 |
+
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570928.png" class="w-10 h-10 mb-2" style="color: var(--house-blue);" alt="Management">
|
| 62 |
<span class="font-medium">Management</span>
|
| 63 |
<span class="text-sm text-gray-600">Projects & Services</span>
|
| 64 |
</div>
|
| 65 |
</a>
|
| 66 |
<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">
|
| 67 |
<div class="flex flex-col items-center">
|
| 68 |
+
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570900.png" class="w-10 h-10 mb-2" style="color: var(--house-green);" alt="Residential">
|
| 69 |
<span class="font-medium">Residential</span>
|
| 70 |
<span class="text-sm text-gray-600">Homes & Apartments</span>
|
| 71 |
</div>
|
|
|
|
| 78 |
<div class="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
|
| 79 |
<div>
|
| 80 |
<div class="mb-4">
|
| 81 |
+
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570927.png" alt="Quest Logo" class="h-8">
|
| 82 |
</div>
|
| 83 |
<p class="text-gray-300">San Diego's premier real estate investment firm specializing in strategic property acquisitions and wealth building.</p>
|
| 84 |
</div>
|
style.css
CHANGED
|
@@ -6,8 +6,11 @@
|
|
| 6 |
--accent-gold: #d69e2e;
|
| 7 |
--light-gold: #f6e05e;
|
| 8 |
--dark-blue: #1a202c;
|
|
|
|
|
|
|
|
|
|
|
|
|
| 9 |
}
|
| 10 |
-
|
| 11 |
.text-accent-gold {
|
| 12 |
color: var(--accent-gold);
|
| 13 |
}
|
|
|
|
| 6 |
--accent-gold: #d69e2e;
|
| 7 |
--light-gold: #f6e05e;
|
| 8 |
--dark-blue: #1a202c;
|
| 9 |
+
--house-red: #e53e3e;
|
| 10 |
+
--house-blue: #3182ce;
|
| 11 |
+
--house-green: #38a169;
|
| 12 |
+
--house-yellow: #d69e2e;
|
| 13 |
}
|
|
|
|
| 14 |
.text-accent-gold {
|
| 15 |
color: var(--accent-gold);
|
| 16 |
}
|