220 lines
10 KiB
HTML
220 lines
10 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Residences & Amenities — Siena</title>
|
|
<meta name="description" content="Floor plans, amenities, and neighborhood details for Siena, a 128-residence community in Portland, Oregon.">
|
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='3' fill='%23221C16'/%3E%3Cpath d='M9 24V15a7 7 0 0 1 14 0v9' fill='none' stroke='%23A9803F' stroke-width='2.2'/%3E%3C/svg%3E">
|
|
<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=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,500&family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="assets/css/style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<header class="site-header">
|
|
<div class="container">
|
|
<a href="index.html" class="wordmark">SIENA<span>.</span></a>
|
|
<nav class="main-nav" aria-label="Primary">
|
|
<ul>
|
|
<li><a href="index.html">Home</a></li>
|
|
<li><a href="residences.html" aria-current="page">Residences</a></li>
|
|
<li><a href="residences.html#amenities">Amenities</a></li>
|
|
<li><a href="support.html">Resident Support</a></li>
|
|
<li><a href="contact.html">Visit</a></li>
|
|
</ul>
|
|
<a href="lease.html" class="btn btn-primary nav-cta">Inquire About Leasing</a>
|
|
</nav>
|
|
<button class="nav-toggle" aria-label="Toggle menu" aria-expanded="false">
|
|
<span></span><span></span><span></span>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
|
|
<section class="page-hero">
|
|
<div class="container">
|
|
<p class="breadcrumb"><a href="index.html">Home</a> / Residences</p>
|
|
<h1>Residences & amenities</h1>
|
|
<p>Six floor plans and the shared spaces around them — from the courtyard loggia to the room where you'll actually keep your bike.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="plans">
|
|
<div class="container">
|
|
<div class="section-head">
|
|
<h2>Floor plans</h2>
|
|
<p>Every residence includes white oak flooring, a full-size washer and dryer, and at least one operable window with an actual view.</p>
|
|
</div>
|
|
|
|
<div class="plan-head">
|
|
<span>Plan</span><span>Beds</span><span>Baths</span><span>Sq. Ft.</span><span></span>
|
|
</div>
|
|
<div class="plan-row">
|
|
<div><span class="plan-label">Plan</span><span class="plan-name">The Cortile</span><div class="plan-meta">Studio</div></div>
|
|
<div><span class="plan-label">Beds</span>Studio</div>
|
|
<div><span class="plan-label">Baths</span>1</div>
|
|
<div><span class="plan-label">Sq. Ft.</span>512</div>
|
|
<a href="lease.html" class="btn btn-ghost">Inquire</a>
|
|
</div>
|
|
<div class="plan-row">
|
|
<div><span class="plan-label">Plan</span><span class="plan-name">The Palio</span><div class="plan-meta">One bedroom + den</div></div>
|
|
<div><span class="plan-label">Beds</span>1 + den</div>
|
|
<div><span class="plan-label">Baths</span>1</div>
|
|
<div><span class="plan-label">Sq. Ft.</span>820</div>
|
|
<a href="lease.html" class="btn btn-ghost">Inquire</a>
|
|
</div>
|
|
<div class="plan-row">
|
|
<div><span class="plan-label">Plan</span><span class="plan-name">The Duomo</span><div class="plan-meta">One bedroom</div></div>
|
|
<div><span class="plan-label">Beds</span>1</div>
|
|
<div><span class="plan-label">Baths</span>1</div>
|
|
<div><span class="plan-label">Sq. Ft.</span>701</div>
|
|
<a href="lease.html" class="btn btn-ghost">Inquire</a>
|
|
</div>
|
|
<div class="plan-row">
|
|
<div><span class="plan-label">Plan</span><span class="plan-name">The Contrada</span><div class="plan-meta">Two bedroom</div></div>
|
|
<div><span class="plan-label">Beds</span>2</div>
|
|
<div><span class="plan-label">Baths</span>2</div>
|
|
<div><span class="plan-label">Sq. Ft.</span>980</div>
|
|
<a href="lease.html" class="btn btn-ghost">Inquire</a>
|
|
</div>
|
|
<div class="plan-row">
|
|
<div><span class="plan-label">Plan</span><span class="plan-name">The Torre</span><div class="plan-meta">Two bedroom, corner</div></div>
|
|
<div><span class="plan-label">Beds</span>2</div>
|
|
<div><span class="plan-label">Baths</span>2</div>
|
|
<div><span class="plan-label">Sq. Ft.</span>1,140</div>
|
|
<a href="lease.html" class="btn btn-ghost">Inquire</a>
|
|
</div>
|
|
<div class="plan-row">
|
|
<div><span class="plan-label">Plan</span><span class="plan-name">The Belvedere</span><div class="plan-meta">Penthouse, top floor</div></div>
|
|
<div><span class="plan-label">Beds</span>2</div>
|
|
<div><span class="plan-label">Baths</span>2.5</div>
|
|
<div><span class="plan-label">Sq. Ft.</span>1,460</div>
|
|
<a href="lease.html" class="btn btn-ghost">Inquire</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section-dark" id="amenities">
|
|
<div class="container">
|
|
<div class="section-head">
|
|
<h2>Amenities</h2>
|
|
<p>Shared spaces that earn their square footage.</p>
|
|
</div>
|
|
<div class="grid-3">
|
|
<div class="feature-card">
|
|
<div class="icon" aria-hidden="true"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" stroke="#9A4A2C" stroke-width="2"><path d="M6 30V17a11 11 0 0 1 22 0v13"/></svg></div>
|
|
<h3>Courtyard & loggia</h3>
|
|
<p>A shared arcade and lawn at the building's center, open sunrise to midnight, with fixed seating and a communal fireplace.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="icon" aria-hidden="true"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" stroke="#9A4A2C" stroke-width="2"><rect x="5" y="10" width="24" height="17" rx="2"/><path d="M11 10V6h12v4"/></svg></div>
|
|
<h3>Rooftop terrace</h3>
|
|
<p>West-facing views over the West End, communal grills, string lighting, and a gas fireplace for the wetter months.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="icon" aria-hidden="true"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" stroke="#9A4A2C" stroke-width="2"><circle cx="10" cy="25" r="5"/><circle cx="26" cy="25" r="5"/><path d="M10 25 15 12h6l5 13M15 12l4-6"/></svg></div>
|
|
<h3>Bike & gear room</h3>
|
|
<p>Secure ground-floor storage, a repair stand with tools, and direct courtyard access for wet boots and muddy tires.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="icon" aria-hidden="true"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" stroke="#9A4A2C" stroke-width="2"><path d="M17 4v26M6 12h22M6 22h22"/></svg></div>
|
|
<h3>Fitness studio</h3>
|
|
<p>Free weights, cardio, and a separate room for the 7am class you keep meaning to sign up for.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="icon" aria-hidden="true"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" stroke="#9A4A2C" stroke-width="2"><rect x="5" y="6" width="24" height="22" rx="2"/><path d="M5 14h24"/></svg></div>
|
|
<h3>Resident lounge</h3>
|
|
<p>A quiet room for working, a bookable dining room for the nights your kitchen is too small, and coffee that's actually good.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="icon" aria-hidden="true"><svg width="34" height="34" viewBox="0 0 34 34" fill="none" stroke="#9A4A2C" stroke-width="2"><circle cx="17" cy="17" r="12"/><path d="M17 10v7l5 3"/></svg></div>
|
|
<h3>24/7 concierge</h3>
|
|
<p>Package acceptance, guest check-in, and someone to call after hours who actually picks up.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="neighborhood">
|
|
<div class="container">
|
|
<div class="section-head">
|
|
<h2>The neighborhood</h2>
|
|
<p>Set in Portland's West End, a few minutes' walk from the Park Blocks, the Pearl District, and the streetcar line.</p>
|
|
</div>
|
|
<div class="grid-3">
|
|
<div class="feature-card">
|
|
<h3>Walk Score® 94</h3>
|
|
<p>Groceries, coffee, and the streetcar are all within a five-minute walk.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>Bike Score® 91</h3>
|
|
<p>Protected lanes run directly to the river and the east side.</p>
|
|
</div>
|
|
<div class="feature-card">
|
|
<h3>4 min to the Park Blocks</h3>
|
|
<p>Portland State's tree-lined promenade, straight down 9th.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section-tight">
|
|
<div class="container">
|
|
<div class="cta-band">
|
|
<h2>Found a plan you like?</h2>
|
|
<div style="display:flex; gap:16px; flex-wrap:wrap;">
|
|
<a href="lease.html" class="btn" style="background:var(--paper); color:var(--sienna);">Start a Lease Inquiry</a>
|
|
<a href="contact.html" class="btn btn-ghost-light">Schedule a Tour</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<div class="container">
|
|
<div class="footer-grid">
|
|
<div>
|
|
<span class="wordmark">SIENA<span style="color:var(--brass);">.</span></span>
|
|
<p>128 residences around a shared courtyard, in the heart of Portland.</p>
|
|
</div>
|
|
<div>
|
|
<h4>Explore</h4>
|
|
<ul class="footer-links">
|
|
<li><a href="residences.html">Residences</a></li>
|
|
<li><a href="residences.html#amenities">Amenities</a></li>
|
|
<li><a href="residences.html#neighborhood">Neighborhood</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4>Get in touch</h4>
|
|
<ul class="footer-links">
|
|
<li><a href="lease.html">Lease inquiry</a></li>
|
|
<li><a href="support.html">Resident support</a></li>
|
|
<li><a href="contact.html">Visit & contact</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4>Leasing office</h4>
|
|
<ul class="footer-links">
|
|
<li>820 SW Ankeny Street<br>Portland, OR 97205</li>
|
|
<li>(503) 555-0142</li>
|
|
<li>[email protected]</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<span>© 2026 Siena Residences. All rights reserved.</span>
|
|
<span>Equal Housing Opportunity</span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="assets/js/main.js"></script>
|
|
</body>
|
|
</html>
|