Spaces:
Running
Running
the name of the 3 sections is:
Browse filesIndustry 01
Commercial
Industry 02
Management
Industry 03
Residential
without Industry
- components/navbar.js +6 -6
- index.html +15 -15
components/navbar.js
CHANGED
|
@@ -55,10 +55,10 @@ class CustomNavbar extends HTMLElement {
|
|
| 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="#residential" class="text-white">Residential</a>
|
| 59 |
<a href="#commercial" class="text-white">Commercial</a>
|
| 60 |
-
<a href="#
|
| 61 |
-
<a href="#
|
|
|
|
| 62 |
<a href="#contact" class="text-white">Contact</a>
|
| 63 |
</div>
|
| 64 |
<button class="md:hidden text-white ml-auto" aria-label="mobile menu" id="mobile-menu-button">
|
|
@@ -66,10 +66,10 @@ class CustomNavbar extends HTMLElement {
|
|
| 66 |
</button>
|
| 67 |
<div class="mobile-menu" id="mobile-menu">
|
| 68 |
<a href="/" class="text-white">Home</a>
|
| 69 |
-
<a href="#residential" class="text-white">Residential</a>
|
| 70 |
<a href="#commercial" class="text-white">Commercial</a>
|
| 71 |
-
<a href="#
|
| 72 |
-
<a href="#
|
|
|
|
| 73 |
<a href="#contact" class="text-white">Contact</a>
|
| 74 |
</div>
|
| 75 |
</nav>
|
|
|
|
| 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>
|
| 59 |
+
<a href="#management" class="text-white">Management</a>
|
| 60 |
+
<a href="#residential" class="text-white">Residential</a>
|
| 61 |
+
<a href="#about" class="text-white">About</a>
|
| 62 |
<a href="#contact" class="text-white">Contact</a>
|
| 63 |
</div>
|
| 64 |
<button class="md:hidden text-white ml-auto" aria-label="mobile menu" id="mobile-menu-button">
|
|
|
|
| 66 |
</button>
|
| 67 |
<div class="mobile-menu" id="mobile-menu">
|
| 68 |
<a href="/" class="text-white">Home</a>
|
|
|
|
| 69 |
<a href="#commercial" class="text-white">Commercial</a>
|
| 70 |
+
<a href="#management" class="text-white">Management</a>
|
| 71 |
+
<a href="#residential" class="text-white">Residential</a>
|
| 72 |
+
<a href="#about" class="text-white">About</a>
|
| 73 |
<a href="#contact" class="text-white">Contact</a>
|
| 74 |
</div>
|
| 75 |
</nav>
|
index.html
CHANGED
|
@@ -32,10 +32,10 @@
|
|
| 32 |
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570900.png" alt="Quest Logo" class="h-10">
|
| 33 |
</div>
|
| 34 |
<div class="hidden md:flex space-x-8">
|
| 35 |
-
<a href="#residential" class="text-white hover:text-accent-gold transition">Residential</a>
|
| 36 |
<a href="#commercial" class="text-white hover:text-accent-gold transition">Commercial</a>
|
| 37 |
-
<a href="#
|
| 38 |
-
<a href="#
|
|
|
|
| 39 |
<a href="#contact" class="text-white hover:text-accent-gold transition">Contact</a>
|
| 40 |
</div>
|
| 41 |
<button class="md:hidden text-white">
|
|
@@ -48,13 +48,6 @@
|
|
| 48 |
<h1 class="text-4xl md:text-6xl font-bold text-white mb-6">San Diego Real Estate Investments</h1>
|
| 49 |
<p class="text-xl text-white mb-12">Building wealth through strategic property investments</p>
|
| 50 |
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 max-w-3xl mx-auto">
|
| 51 |
-
<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">
|
| 52 |
-
<div class="flex flex-col items-center">
|
| 53 |
-
<img src="https://cdn-icons-png.flaticon.com/512/619/619153.png" class="w-8 h-8 mb-2" alt="Residential">
|
| 54 |
-
<span class="font-medium">Residential</span>
|
| 55 |
-
<span class="text-sm text-gray-600">Homes & Apartments</span>
|
| 56 |
-
</div>
|
| 57 |
-
</a>
|
| 58 |
<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">
|
| 59 |
<div class="flex flex-col items-center">
|
| 60 |
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570939.png" class="w-8 h-8 mb-2" alt="Commercial">
|
|
@@ -62,14 +55,21 @@
|
|
| 62 |
<span class="text-sm text-gray-600">Office & Retail</span>
|
| 63 |
</div>
|
| 64 |
</a>
|
| 65 |
-
<a href="#
|
| 66 |
<div class="flex flex-col items-center">
|
| 67 |
-
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570900.png" class="w-8 h-8 mb-2" alt="
|
| 68 |
-
<span class="font-medium">
|
| 69 |
-
<span class="text-sm text-gray-600">Projects &
|
| 70 |
</div>
|
| 71 |
</a>
|
| 72 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 73 |
</div>
|
| 74 |
</section>
|
| 75 |
<!-- Footer -->
|
|
|
|
| 32 |
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570900.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>
|
| 36 |
+
<a href="#management" class="text-white hover:text-accent-gold transition">Management</a>
|
| 37 |
+
<a href="#residential" class="text-white hover:text-accent-gold transition">Residential</a>
|
| 38 |
+
<a href="#about" class="text-white hover:text-accent-gold transition">About</a>
|
| 39 |
<a href="#contact" class="text-white hover:text-accent-gold transition">Contact</a>
|
| 40 |
</div>
|
| 41 |
<button class="md:hidden text-white">
|
|
|
|
| 48 |
<h1 class="text-4xl md:text-6xl font-bold text-white mb-6">San Diego Real Estate Investments</h1>
|
| 49 |
<p class="text-xl text-white mb-12">Building wealth through strategic property investments</p>
|
| 50 |
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 max-w-3xl mx-auto">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 51 |
<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">
|
| 52 |
<div class="flex flex-col items-center">
|
| 53 |
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570939.png" class="w-8 h-8 mb-2" alt="Commercial">
|
|
|
|
| 55 |
<span class="text-sm text-gray-600">Office & Retail</span>
|
| 56 |
</div>
|
| 57 |
</a>
|
| 58 |
+
<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">
|
| 59 |
<div class="flex flex-col items-center">
|
| 60 |
+
<img src="https://cdn-icons-png.flaticon.com/512/1570/1570900.png" class="w-8 h-8 mb-2" alt="Management">
|
| 61 |
+
<span class="font-medium">Management</span>
|
| 62 |
+
<span class="text-sm text-gray-600">Projects & Services</span>
|
| 63 |
</div>
|
| 64 |
</a>
|
| 65 |
+
<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">
|
| 66 |
+
<div class="flex flex-col items-center">
|
| 67 |
+
<img src="https://cdn-icons-png.flaticon.com/512/619/619153.png" class="w-8 h-8 mb-2" alt="Residential">
|
| 68 |
+
<span class="font-medium">Residential</span>
|
| 69 |
+
<span class="text-sm text-gray-600">Homes & Apartments</span>
|
| 70 |
+
</div>
|
| 71 |
+
</a>
|
| 72 |
+
</div>
|
| 73 |
</div>
|
| 74 |
</section>
|
| 75 |
<!-- Footer -->
|