Spaces:
Running
Running
File size: 6,173 Bytes
f4327e1 0bab959 f4327e1 0bab959 f4327e1 91a3deb 85eee29 910ecc2 39ca5e8 82ec5f8 f4327e1 91a3deb f4327e1 0bab959 fdcc364 368ad10 f4327e1 368ad10 910ecc2 49a34be 368ad10 910ecc2 39ca5e8 910ecc2 49a34be 368ad10 39ca5e8 910ecc2 39ca5e8 49a34be 368ad10 39ca5e8 91a3deb f4327e1 0bab959 f4327e1 91a3deb 85eee29 91a3deb f4327e1 0bab959 f4327e1 501d9e9 f4327e1 0bab959 501d9e9 0bab959 f4327e1 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Quest | San Diego Real Estate Investments</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<style>
.hero-image {
background-image: linear-gradient(rgba(26, 54, 93, 0.7), rgba(26, 54, 93, 0.7)), url('http://static.photos/cityscape/1200x630/42');
background-size: cover;
background-position: center;
}
.bg-primary-blue {
background-color: var(--primary-blue);
}
.text-accent-gold {
color: var(--accent-gold);
}
.border-accent-gold {
border-color: var(--accent-gold);
}
</style>
</head>
<body class="font-sans antialiased text-gray-800">
<!-- Navigation -->
<nav class="absolute w-full z-10 py-6 px-4 md:px-12 flex justify-between items-center">
<div class="flex items-center">
<img src="https://huggingface.co/spaces/zonca/quest-realty-ventures/resolve/main/images/Copy%20of%20Academy%20AD%20Designs%20(1920%20x%201080%20px)_edited.avif" alt="Quest Logo" class="h-10">
</div>
<div class="hidden md:flex space-x-8">
<a href="#commercial" class="text-white hover:text-accent-gold transition">Commercial</a>
<a href="#management" class="text-white hover:text-accent-gold transition">Management</a>
<a href="#residential" class="text-white hover:text-accent-gold transition">Residential</a>
<a href="#about" class="text-white hover:text-accent-gold transition">About</a>
<a href="#contact" class="text-white hover:text-accent-gold transition">Contact</a>
</div>
<button class="md:hidden text-white">
<i data-feather="menu"></i>
</button>
</nav>
<!-- Hero Section -->
<section class="hero-image flex items-center justify-center text-center px-4">
<div class="max-w-4xl mx-auto">
<p class="text-xl text-accent-gold mb-2">Quest: Real estate, real simple</p>
<h1 class="text-4xl md:text-6xl font-bold text-white mb-6">San Diego Real Estate Investments</h1>
<p class="text-xl text-white mb-12">Building wealth through strategic property investments</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 max-w-3xl mx-auto">
<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">
<div class="flex flex-col items-center">
<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">
<span class="font-medium">Commercial</span>
<span class="text-sm text-gray-600">Office & Retail</span>
</div>
</a>
<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">
<div class="flex flex-col items-center">
<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">
<span class="font-medium">Management</span>
<span class="text-sm text-gray-600">Projects & Services</span>
</div>
</a>
<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">
<div class="flex flex-col items-center">
<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">
<span class="font-medium">Residential</span>
<span class="text-sm text-gray-600">Homes & Apartments</span>
</div>
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-primary-blue text-white py-12 px-4 md:px-12">
<div class="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-8">
<div>
<div class="mb-4">
<img src="https://huggingface.co/spaces/zonca/quest-realty-ventures/resolve/main/images/Copy%20of%20Academy%20AD%20Designs%20(1920%20x%201080%20px)_edited.avif" alt="Quest Logo" class="h-8">
</div>
<p class="text-gray-300">San Diego's premier real estate investment firm specializing in strategic property acquisitions and wealth building.</p>
</div>
<div>
<h4 class="font-bold mb-4">Quick Links</h4>
<ul class="space-y-2">
<li><a href="#" class="text-gray-400 hover:text-white transition">About Us</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">Investment Portfolio</a></li>
<li><a href="#" class="text-gray-400 hover:text-white transition">Contact</a></li>
</ul>
</div>
<div>
<h4 class="font-bold mb-4">Contact</h4>
<address class="text-gray-400 not-italic">
<p>5252 Balboa Ave #206</p>
<p>San Diego, CA 92117</p>
<p class="mt-2">858.415.5455</p>
<p>REAL ESTATE</p>
<p>REAL SIMPLE</p>
</address>
</div>
</div>
<div class="max-w-6xl mx-auto mt-8 pt-8 border-t border-accent-gold text-center text-gray-300">
<p>© 2024 Quest Realty Ventures. All rights reserved.</p>
</div>
</footer>
<script src="script.js"></script>
<script>feather.replace();</script>
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
</body>
</html> |