← back to Malden House
browse.html
65 lines
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Browse Rentals — Victory Stays</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700;800;900&family=EB+Garamond:ital,wght@0,400;1,400&family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="landing.css?v=10">
<link rel="stylesheet" href="browse.css?v=10">
</head>
<body class="browse">
<nav class="l-nav">
<div class="l-brand">
<span class="l-dot"></span>
<span class="l-mark">VICTORY STAYS</span>
<span class="l-sub">Browse rentals · summer 2028</span>
</div>
<div class="l-nav-links">
<a href="index.html">Landing</a>
<a href="schedule.html">Schedule</a>
<a href="browse.html" class="active">Browse</a>
<a href="dashboard.html">Dashboard</a>
</div>
<a class="l-nav-cta" href="index.html#signup">List your home →</a>
</nav>
<header class="br-hero">
<div>
<div class="l-eyebrow accent">§ Every rental near the Games</div>
<h1>Find a home<br>for the Games.</h1>
<p class="br-sub">Hosts across Los Angeles open their doors from <b>July 14 to July 30, 2028</b>. Filter by the nearest venue, your budget, and your travel dates.</p>
</div>
<div class="br-filters">
<label>
<span>NEAREST VENUE</span>
<select id="br-venue"><option value="">All venues</option></select>
</label>
<label>
<span>NIGHTLY BUDGET (MAX)</span>
<input type="range" id="br-budget" min="200" max="5000" step="50" value="5000">
<b id="br-bv">$5,000</b>
</label>
</div>
</header>
<section class="br-grid-wrap">
<div class="br-grid" id="br-grid"></div>
<div class="br-empty" id="br-empty" hidden>
<p>No rentals match — try a broader budget or different venue.</p>
</div>
</section>
<footer class="l-footer">
<div class="l-foot-brand"><span class="l-dot"></span>VICTORY STAYS · NOT AFFILIATED WITH LA 2028</div>
<div class="l-foot-mid">All listings are private — guests contact hosts directly</div>
<div class="l-foot-credit">© 2028 · hello@victorystays.com</div>
</footer>
<script src="browse.js?v=10"></script>
</body>
</html>