← back to Billy Website
index.html
673 lines
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>3306 Lloyd Street - Bill Fox San Diego Rental</title>
<meta name="description" content="Premium rental in San Diego's vibrant Clairemont neighborhood. Experience the best of San Diego with easy access to beaches, entertainment, and world-class dining.">
<link rel="stylesheet" href="/css/style.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
<!-- Leaflet CSS -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
<!-- Leaflet JS -->
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
</head>
<body>
<!-- Navigation -->
<nav class="navbar">
<div class="nav-container">
<div class="nav-logo">
<h2>3306 Lloyd Street</h2>
</div>
<ul class="nav-menu">
<li><a href="#home" class="nav-link">Home</a></li>
<li><a href="#property" class="nav-link">Property</a></li>
<li><a href="#entertainment" class="nav-link">Entertainment</a></li>
<li><a href="#restaurants" class="nav-link">Restaurants</a></li>
<li><a href="#area" class="nav-link">The Area</a></li>
<li><a href="#history" class="nav-link">History</a></li>
<li><a href="#contact" class="nav-link">Contact</a></li>
</ul>
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</div>
</nav>
<!-- Hero Section -->
<section id="home" class="hero" style="background: linear-gradient(135deg, rgba(0, 82, 204, 0.5) 0%, rgba(3, 169, 244, 0.5) 100%), url('https://images.unsplash.com/photo-1615880484746-a134be9a6ecf?w=1920&q=80') center/cover no-repeat;">
<div class="hero-content">
<div class="hero-text">
<h1 class="hero-title">San Diego Living at Its Finest</h1>
<p class="hero-subtitle">Premium rental in the heart of Clairemont - Bill Fox San Diego Rental</p>
<div class="hero-buttons">
<a href="#property" class="btn-primary">Explore Property</a>
<a href="#contact" class="btn-secondary">Inquire Now</a>
</div>
</div>
</div>
<div class="hero-scroll">
<span>Scroll to explore</span>
<div class="scroll-arrow"></div>
</div>
</section>
<!-- Quick Stats -->
<section class="stats">
<div class="container">
<div class="stats-grid">
<div class="stat-item">
<h3>92117</h3>
<p>Clairemont</p>
</div>
<div class="stat-item">
<h3>Beach</h3>
<p>Nearby</p>
</div>
<div class="stat-item">
<h3>Central</h3>
<p>Location</p>
</div>
<div class="stat-item">
<h3>Vibrant</h3>
<p>Neighborhood</p>
</div>
</div>
</div>
</section>
<!-- Property Section -->
<section id="property" class="villas">
<div class="container">
<div class="section-header">
<h2>Your San Diego Home Away From Home</h2>
<p>Experience the perfect blend of comfort and San Diego lifestyle</p>
</div>
<div class="villas-grid">
<!-- Main Property -->
<div class="villa-card">
<div class="villa-image">
<img src="https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?w=800&q=80" alt="3306 Lloyd Street Property" style="width: 100%; height: 100%; object-fit: cover;">
<div class="villa-badge">Quality Living</div>
</div>
<div class="villa-content">
<h3>3306 Lloyd Street</h3>
<div class="villa-specs">
<span><i class="fas fa-map-marker-alt"></i> Clairemont</span>
<span><i class="fas fa-home"></i> Well-Maintained</span>
<span><i class="fas fa-sun"></i> San Diego</span>
</div>
<p>Located in the heart of Clairemont, this well-appointed rental offers comfortable living with easy access to everything San Diego has to offer. Close to beaches, parks, shopping, and dining.</p>
<div class="villa-amenities">
<span>Near Beaches</span>
<span>Shopping Nearby</span>
<span>Great Location</span>
<span>Easy Freeway Access</span>
<span>Family Friendly</span>
<span>Quiet Street</span>
</div>
</div>
</div>
<!-- Location -->
<div class="villa-card">
<div class="villa-image">
<img src="https://images.unsplash.com/photo-1519802772250-a52a9af0eacb?w=800&q=80" alt="San Diego Skyline" style="width: 100%; height: 100%; object-fit: cover;">
<div class="villa-badge">Prime Location</div>
</div>
<div class="villa-content">
<h3>Clairemont Neighborhood</h3>
<div class="villa-specs">
<span><i class="fas fa-map-marker-alt"></i> 92117</span>
<span><i class="fas fa-city"></i> Central San Diego</span>
<span><i class="fas fa-water"></i> Near Coast</span>
</div>
<p>Situated in the centrally-located Clairemont neighborhood, this property provides easy access to beaches, Mission Bay, Balboa Park, and all of San Diego's top attractions.</p>
<div class="villa-amenities">
<span>Near Mission Bay</span>
<span>Close to Beaches</span>
<span>Shopping Centers</span>
<span>Parks Nearby</span>
</div>
</div>
</div>
<!-- Neighborhood -->
<div class="villa-card">
<div class="villa-image">
<img src="https://images.unsplash.com/photo-1527004013197-933c4bb611b3?w=800&q=80" alt="San Diego Beach" style="width: 100%; height: 100%; object-fit: cover;">
<div class="villa-badge">San Diego Lifestyle</div>
</div>
<div class="villa-content">
<h3>The San Diego Experience</h3>
<div class="villa-specs">
<span><i class="fas fa-umbrella-beach"></i> Beach Culture</span>
<span><i class="fas fa-sun"></i> Perfect Weather</span>
<span><i class="fas fa-heart"></i> Friendly Community</span>
</div>
<p>Experience America's Finest City with year-round perfect weather, stunning beaches, world-class attractions, and a vibrant cultural scene. San Diego offers the ultimate California lifestyle.</p>
<div class="villa-amenities">
<span>Beach Access</span>
<span>Outdoor Recreation</span>
<span>Great Restaurants</span>
<span>Family Friendly</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Entertainment Section -->
<section id="entertainment" class="experiences">
<div class="container">
<div class="section-header">
<h2>Entertainment & Attractions</h2>
<p>San Diego's world-famous attractions and activities minutes from your door</p>
</div>
<div class="experiences-grid">
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-umbrella-beach"></i>
</div>
<h3>Beaches</h3>
<p>Access to San Diego's stunning coastline including Pacific Beach, Mission Beach, La Jolla Shores, and Ocean Beach - perfect for surfing, swimming, and sunbathing.</p>
<div class="experience-links">
<a href="https://www.sandiego.gov/lifeguards/beaches" target="_blank" rel="noopener noreferrer">San Diego Beaches</a>
<a href="https://www.sandiego.org/explore/things-to-do/beaches-bays.aspx" target="_blank" rel="noopener noreferrer">Beach Guide</a>
<a href="https://www.pacificbeach.org/" target="_blank" rel="noopener noreferrer">Pacific Beach</a>
<a href="https://www.sandiego.gov/lifeguards/beaches/ob" target="_blank" rel="noopener noreferrer">Ocean Beach</a>
</div>
</div>
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-paw"></i>
</div>
<h3>San Diego Zoo & Safari Park</h3>
<p>Visit the world-renowned San Diego Zoo in Balboa Park and the expansive San Diego Zoo Safari Park, featuring thousands of animals in naturalistic habitats.</p>
<div class="experience-links">
<a href="https://zoo.sandiegozoo.org/" target="_blank" rel="noopener noreferrer">San Diego Zoo</a>
<a href="https://www.sdzsafaripark.org/" target="_blank" rel="noopener noreferrer">Safari Park</a>
</div>
</div>
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-water"></i>
</div>
<h3>Mission Bay & SeaWorld</h3>
<p>Enjoy water sports, beach activities, and marine life encounters at Mission Bay and SeaWorld San Diego.</p>
<div class="experience-links">
<a href="https://seaworld.com/san-diego/" target="_blank" rel="noopener noreferrer">SeaWorld</a>
<a href="https://www.sandiego.gov/park-and-recreation/parks/regional/missionbay" target="_blank" rel="noopener noreferrer">Mission Bay Park</a>
</div>
</div>
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-landmark"></i>
</div>
<h3>Balboa Park</h3>
<p>Explore 1,200 acres of cultural attractions including museums, gardens, theaters, and the famous San Diego Zoo.</p>
<div class="experience-links">
<a href="https://www.balboapark.org/" target="_blank" rel="noopener noreferrer">Balboa Park</a>
</div>
</div>
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-ship"></i>
</div>
<h3>USS Midway Museum</h3>
<p>Tour the historic aircraft carrier and experience naval aviation history in downtown San Diego's waterfront.</p>
<div class="experience-links">
<a href="https://www.midway.org/" target="_blank" rel="noopener noreferrer">USS Midway Museum</a>
</div>
</div>
<div class="experience-card">
<div class="experience-icon">
<i class="fas fa-shopping-bag"></i>
</div>
<h3>Shopping & Gaslamp Quarter</h3>
<p>Explore the historic Gaslamp Quarter, Fashion Valley, and Seaport Village for dining, shopping, and nightlife.</p>
<div class="experience-links">
<a href="https://gaslamp.org/" target="_blank" rel="noopener noreferrer">Gaslamp Quarter</a>
<a href="https://www.simon.com/mall/fashion-valley" target="_blank" rel="noopener noreferrer">Fashion Valley</a>
</div>
</div>
</div>
</div>
</section>
<!-- Restaurants Section -->
<section id="restaurants" class="seasons">
<div class="container">
<div class="section-header">
<h2>Local Restaurants & Dining</h2>
<p>Diverse culinary experiences from casual to fine dining near Clairemont</p>
</div>
<div class="seasons-grid">
<div class="season-card">
<div class="season-image" style="background: linear-gradient(135deg, rgba(244, 67, 54, 0.8) 0%, rgba(233, 30, 99, 0.8) 100%), url('https://images.unsplash.com/photo-1565299585323-38d6b0865b47?w=800&q=80') center/cover;">
<div class="season-overlay">
<h3>Mexican Cuisine</h3>
<span>Local Favorites</span>
</div>
</div>
<div class="season-content">
<h4>Authentic Mexican Food</h4>
<p>San Diego is famous for its exceptional Mexican food, from street tacos to upscale dining.</p>
<ul>
<li><a href="https://www.lolitasmexicanfood.com/" target="_blank" rel="noopener noreferrer">Lolita's Mexican Food</a> - Authentic tacos and burritos</li>
<li><a href="https://www.yelp.com/biz/los-primos-mexican-food-san-diego" target="_blank" rel="noopener noreferrer">Los Primos Mexican Food</a> - Family favorite</li>
<li><a href="https://www.cafecoyoteoldtown.com/" target="_blank" rel="noopener noreferrer">Café Coyote</a> - Old Town dining experience</li>
<li><a href="https://www.eatpuesto.com/" target="_blank" rel="noopener noreferrer">Puesto</a> - Modern Mexican with craft cocktails</li>
</ul>
</div>
</div>
<div class="season-card">
<div class="season-image" style="background: linear-gradient(135deg, rgba(255, 152, 0, 0.8) 0%, rgba(255, 193, 7, 0.8) 100%), url('https://images.unsplash.com/photo-1582878826629-29b7ad1cdc43?w=800&q=80') center/cover;">
<div class="season-overlay">
<h3>Asian Cuisine</h3>
<span>Diverse Options</span>
</div>
</div>
<div class="season-content">
<h4>Asian Dining</h4>
<p>From sushi to pho, San Diego's Asian food scene offers incredible variety and quality.</p>
<ul>
<li><a href="https://www.sandiego.org/explore/things-to-do/dining-nightlife/convoy-district.aspx" target="_blank" rel="noopener noreferrer">Convoy Street</a> - San Diego's "Asian Restaurant Row"</li>
<li><a href="https://www.yelp.com/biz/phuong-trang-san-diego" target="_blank" rel="noopener noreferrer">Phuong Trang</a> - Authentic Vietnamese</li>
<li><a href="https://yakyudori.com/" target="_blank" rel="noopener noreferrer">Yakyudori</a> - Japanese yakitori</li>
<li><a href="https://www.dumplinginn.com/" target="_blank" rel="noopener noreferrer">Dumpling Inn</a> - Chinese favorites</li>
</ul>
</div>
</div>
<div class="season-card">
<div class="season-image" style="background: linear-gradient(135deg, rgba(3, 169, 244, 0.8) 0%, rgba(0, 188, 212, 0.8) 100%), url('https://images.unsplash.com/photo-1559737558-2f5a553999e7?w=800&q=80') center/cover;">
<div class="season-overlay">
<h3>Seafood & Coastal</h3>
<span>Fresh Catch</span>
</div>
</div>
<div class="season-content">
<h4>Ocean Fresh</h4>
<p>Being a coastal city, San Diego offers excellent seafood restaurants with ocean views.</p>
<ul>
<li><a href="https://www.thefishmarket.com/" target="_blank" rel="noopener noreferrer">The Fish Market</a> - Waterfront dining</li>
<li><a href="https://bluewaterseafoodandgrill.com/" target="_blank" rel="noopener noreferrer">Blue Water Seafood Market & Grill</a></li>
<li><a href="https://pointlomaseafoods.com/" target="_blank" rel="noopener noreferrer">Point Loma Seafoods</a> - Fresh and casual</li>
<li><a href="https://www.georgesatthecove.com/" target="_blank" rel="noopener noreferrer">George's at the Cove</a> - Fine dining in La Jolla</li>
</ul>
</div>
</div>
<div class="season-card">
<div class="season-image" style="background: linear-gradient(135deg, rgba(156, 39, 176, 0.8) 0%, rgba(103, 58, 183, 0.8) 100%), url('https://images.unsplash.com/photo-1550547660-d9450f859349?w=800&q=80') center/cover;">
<div class="season-overlay">
<h3>American & Casual</h3>
<span>Local Spots</span>
</div>
</div>
<div class="season-content">
<h4>Neighborhood Favorites</h4>
<p>Great local restaurants, cafes, and breweries in the Clairemont and surrounding areas.</p>
<ul>
<li><a href="https://www.clairemonttownsquare.com/" target="_blank" rel="noopener noreferrer">Clairemont Town Square</a> - Variety of dining options</li>
<li><a href="https://www.stonebrewing.com/visit/restaurants/liberty-station" target="_blank" rel="noopener noreferrer">Stone Brewing</a> - Craft beer and food</li>
<li><a href="https://www.thebrokenyolkcafe.com/" target="_blank" rel="noopener noreferrer">The Broken Yolk Cafe</a> - Breakfast favorites</li>
<li><a href="https://www.in-n-out.com/" target="_blank" rel="noopener noreferrer">In-N-Out Burger</a> - California classic</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Local Area Section -->
<section id="area" class="area">
<div class="container">
<div class="section-header">
<h2>Discover the Neighborhood</h2>
<p>Your guide to life in Clairemont, San Diego</p>
</div>
<!-- Interactive Map -->
<div class="map-container">
<div id="nosara-map" class="interactive-map"></div>
<div class="map-legend">
<h4>Local Highlights</h4>
<div class="legend-item">
<span class="legend-marker restaurant"></span>
<span>Restaurants</span>
</div>
<div class="legend-item">
<span class="legend-marker hotel"></span>
<span>Entertainment</span>
</div>
<div class="legend-item">
<span class="legend-marker beach"></span>
<span>Parks & Trails</span>
</div>
<div class="legend-item">
<span class="legend-marker activity"></span>
<span>Shopping</span>
</div>
</div>
</div>
<!-- Local Recommendations -->
<div class="recommendations">
<div class="rec-category">
<h3><i class="fas fa-utensils"></i> Top Restaurants & Bars</h3>
<div class="rec-grid">
<div class="rec-item">
<h4><a href="https://www.lolitasmexicanfood.com/" target="_blank" rel="noopener noreferrer" class="rec-link">Lolita's Mexican Food</a></h4>
<p>Authentic California-style Mexican food with famous carne asada fries</p>
<span class="rec-distance">2.5 mi</span>
</div>
<div class="rec-item">
<h4><a href="https://www.sandiego.org/explore/things-to-do/dining-nightlife/convoy-district.aspx" target="_blank" rel="noopener noreferrer" class="rec-link">Convoy Street Asian Dining</a></h4>
<p>San Diego's "Asian Restaurant Row" with incredible variety</p>
<span class="rec-distance">3.2 mi</span>
</div>
<div class="rec-item">
<h4><a href="https://www.stonebrewing.com/visit/restaurants/liberty-station" target="_blank" rel="noopener noreferrer" class="rec-link">Stone Brewing World Bistro</a></h4>
<p>Craft brewery and restaurant with award-winning beers and food</p>
<span class="rec-distance">6.5 mi</span>
</div>
<div class="rec-item">
<h4><a href="https://www.clairemonttownsquare.com/" target="_blank" rel="noopener noreferrer" class="rec-link">Clairemont Town Square</a></h4>
<p>Local shopping center with various dining and shopping options</p>
<span class="rec-distance">1.5 mi</span>
</div>
</div>
</div>
<div class="rec-category">
<h3><i class="fas fa-map-marked"></i> Nearby Attractions</h3>
<div class="rec-grid">
<div class="rec-item">
<h4><a href="https://www.sandiego.gov/park-and-recreation/parks/regional/missionbay" target="_blank" rel="noopener noreferrer" class="rec-link">Mission Bay Park</a></h4>
<p>Large aquatic park perfect for water sports, beaches, and picnics</p>
<span class="rec-distance">4.5 mi</span>
</div>
<div class="rec-item">
<h4><a href="https://www.balboapark.org/" target="_blank" rel="noopener noreferrer" class="rec-link">Balboa Park</a></h4>
<p>1,200-acre urban park with museums, gardens, and the San Diego Zoo</p>
<span class="rec-distance">8 mi</span>
</div>
<div class="rec-item">
<h4><a href="https://www.pacificbeach.org/" target="_blank" rel="noopener noreferrer" class="rec-link">Pacific Beach</a></h4>
<p>Popular beach town with boardwalk, surfing, and vibrant nightlife</p>
<span class="rec-distance">5.5 mi</span>
</div>
<div class="rec-item">
<h4><a href="https://www.sandiego.gov/park-and-recreation/parks/osprp/tecolotecanyon" target="_blank" rel="noopener noreferrer" class="rec-link">Tecolote Canyon Natural Park</a></h4>
<p>Local nature preserve with hiking trails and natural beauty</p>
<span class="rec-distance">1 mi</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- History Section -->
<section id="history" class="history">
<div class="container">
<div class="section-header">
<h2>The Rich History of San Diego & Clairemont</h2>
<p>From Native American heritage to America's Finest City - discover San Diego's fascinating story</p>
</div>
<div class="timeline">
<div class="timeline-item">
<div class="timeline-marker"></div>
<div class="timeline-content">
<h3>Pre-1542 - Native American Heritage</h3>
<p>The Kumeyaay people inhabited the San Diego region for thousands of years before European contact. Their villages dotted the coastline and inland valleys, with a rich culture centered on fishing, hunting, and gathering.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker"></div>
<div class="timeline-content">
<h3>1542 - European Discovery</h3>
<p>Juan Rodríguez Cabrillo became the first European to visit San Diego Bay, claiming the area for Spain. The natural harbor would become one of California's most important ports.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker"></div>
<div class="timeline-content">
<h3>1769 - Mission San Diego de Alcalá</h3>
<p>Father Junípero Serra established the first of California's 21 missions in San Diego, marking the beginning of Spanish colonization. The mission became the birthplace of California.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker"></div>
<div class="timeline-content">
<h3>1850 - California Statehood</h3>
<p>California became the 31st state, and San Diego was incorporated as a city. The city grew slowly but steadily as a frontier town and important West Coast port.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker"></div>
<div class="timeline-content">
<h3>1940s-1950s - Post-War Boom & Clairemont Development</h3>
<p>Following World War II, San Diego experienced massive growth due to the military presence. Clairemont was developed in the 1950s as one of the nation's first master-planned communities, providing affordable housing for the growing population.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker"></div>
<div class="timeline-content">
<h3>1960s-1970s - Cultural Renaissance</h3>
<p>San Diego emerged as a major cultural center with the expansion of Balboa Park's museums, the growth of the San Diego Zoo, and the development of the University of California San Diego. The city's laid-back beach culture attracted people from around the world.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-marker"></div>
<div class="timeline-content">
<h3>Today - America's Finest City</h3>
<p>San Diego is now the eighth-largest city in the United States, known for its ideal climate, beautiful beaches, thriving biotech industry, and quality of life. Clairemont remains a vibrant, centrally-located neighborhood with easy access to all the city has to offer.</p>
</div>
</div>
</div>
<div class="history-highlights">
<h3>What Makes San Diego Special</h3>
<div class="heritage-grid">
<div class="heritage-item">
<i class="fas fa-sun"></i>
<h4>Perfect Climate</h4>
<p>Year-round mild temperatures averaging 70°F, with over 260 sunny days per year - truly America's Finest Weather.</p>
</div>
<div class="heritage-item">
<i class="fas fa-water"></i>
<h4>70 Miles of Beaches</h4>
<p>From the cliffs of La Jolla to the shores of Coronado, San Diego offers stunning coastal beauty and endless water activities.</p>
</div>
<div class="heritage-item">
<i class="fas fa-anchor"></i>
<h4>Military Heritage</h4>
<p>Home to the largest U.S. Navy fleet concentration, San Diego has a proud military tradition dating back over a century.</p>
</div>
<div class="heritage-item">
<i class="fas fa-palette"></i>
<h4>Cultural Hub</h4>
<p>Balboa Park houses 17 museums, numerous gardens, and the world-famous San Diego Zoo in a stunning 1,200-acre urban park.</p>
</div>
<div class="heritage-item">
<i class="fas fa-taco"></i>
<h4>Culinary Scene</h4>
<p>From authentic Mexican cuisine to craft breweries, San Diego's food scene reflects its diverse culture and proximity to Mexico.</p>
</div>
<div class="heritage-item">
<i class="fas fa-flask"></i>
<h4>Innovation Center</h4>
<p>San Diego is a world leader in biotechnology, telecommunications, and research, home to major universities and research institutes.</p>
</div>
<div class="heritage-item">
<i class="fas fa-home"></i>
<h4>Clairemont Community</h4>
<p>Centrally located with excellent schools, parks, and easy access to beaches, downtown, and all major freeways.</p>
</div>
<div class="heritage-item">
<i class="fas fa-heart"></i>
<h4>Quality of Life</h4>
<p>Consistently ranked among the best places to live in America for its lifestyle, outdoor recreation, and community spirit.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="contact">
<div class="container">
<div class="section-header">
<h2>Get in Touch</h2>
<p>Interested in this San Diego property? Contact Bill Fox for more information</p>
</div>
<div class="contact-content">
<div class="contact-info">
<div class="contact-item">
<i class="fas fa-envelope"></i>
<h4>Email</h4>
<p><a href="mailto:info@billfoxrentals.com">info@billfoxrentals.com</a></p>
</div>
<div class="contact-item">
<i class="fas fa-phone"></i>
<h4>Phone</h4>
<p><a href="tel:+18585551234">+1 (858) 555-1234</a></p>
</div>
<div class="contact-item">
<i class="fas fa-map-marker-alt"></i>
<h4>Address</h4>
<p>3306 Lloyd Street<br>San Diego, CA 92117</p>
</div>
</div>
<div class="contact-form">
<h3>Send Us a Message</h3>
<form action="https://formspree.io/f/YOUR_FORM_ID" method="POST">
<div class="form-row">
<input type="text" name="name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your Email" required>
</div>
<div class="form-row">
<input type="tel" name="phone" placeholder="Phone Number">
<input type="date" name="preferred-date" placeholder="Preferred Viewing Date">
</div>
<textarea name="message" rows="6" placeholder="Tell us about your interest in this property..." required></textarea>
<button type="submit">Send Message</button>
</form>
</div>
</div>
<!-- Find Us Section -->
<div class="find-us">
<div class="section-header">
<h2>Find Us</h2>
<p>3306 Lloyd Street, San Diego, CA 92117</p>
</div>
<div class="embedded-map">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3353.8!2d-117.21!3d32.82!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x80dc00d9e8e7c8e9%3A0x123456789!2s3306%20Lloyd%20St%2C%20San%20Diego%2C%20CA%2092117!5e0!3m2!1sen!2sus!4v1234567890"
width="100%"
height="450"
style="border:0;"
allowfullscreen=""
loading="lazy">
</iframe>
</div>
<div class="travel-info">
<h3>Getting Here</h3>
<div class="travel-overview">
<div class="travel-option">
<i class="fas fa-plane"></i>
<h4>From San Diego Airport</h4>
<p>15-20 minutes via I-5 N and I-8 E</p>
<a href="https://www.google.com/maps/dir/San+Diego+International+Airport,+North+Harbor+Drive,+San+Diego,+CA/3306+Lloyd+St,+San+Diego,+CA+92117" target="_blank" rel="noopener noreferrer">Get Directions →</a>
</div>
<div class="travel-option">
<i class="fas fa-building"></i>
<h4>From Downtown San Diego</h4>
<p>15 minutes via I-5 N</p>
<a href="https://www.google.com/maps/dir/Downtown+San+Diego,+San+Diego,+CA/3306+Lloyd+St,+San+Diego,+CA+92117" target="_blank" rel="noopener noreferrer">Get Directions →</a>
</div>
<div class="travel-option">
<i class="fas fa-umbrella-beach"></i>
<h4>From Pacific Beach</h4>
<p>10 minutes via Balboa Ave</p>
<a href="https://www.google.com/maps/dir/Pacific+Beach,+San+Diego,+CA/3306+Lloyd+St,+San+Diego,+CA+92117" target="_blank" rel="noopener noreferrer">Get Directions →</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>Bill Fox San Diego Rental</h3>
<p>Premium rental in the heart of San Diego's Clairemont neighborhood. Experience the best of America's Finest City with perfect weather year-round.</p>
<div class="social-links">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
</div>
</div>
<div class="footer-section">
<h4>Quick Links</h4>
<ul>
<li><a href="#property">Property</a></li>
<li><a href="#entertainment">Entertainment</a></li>
<li><a href="#restaurants">Restaurants</a></li>
<li><a href="#history">History</a></li>
<li><a href="#area">The Area</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Contact</h4>
<ul>
<li><a href="mailto:info@billfoxrentals.com">info@billfoxrentals.com</a></li>
<li><a href="tel:+18585551234">+1 (858) 555-1234</a></li>
<li>3306 Lloyd Street, San Diego, CA 92117</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>© 2025 Bill Fox San Diego Rental. All rights reserved.</p>
</div>
</div>
</footer>
<script src="/js/main.js"></script>
</body>
</html>