<!doctype html>
<html lang="pt-PT">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Vende-se T3 com Vista Mar | The YARD - Jardins da Arrábida</title>
<meta name="description" content="Apartamento T3 com vista mar, 2 lugares de garagem, The YARD - Jardins da Arrábida, Vila Nova de Gaia. Excelente para viver ou investir. €499.000">
<style>
:root{--accent:#0a76ff;--muted:#666}
body{font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; margin:0; color:#222; line-height:1.5}
.container{max-width:980px;margin:28px auto;padding:20px}
header{display:flex;gap:20px;align-items:center}
.badge{background:var(--accent);color:#fff;padding:6px 10px;border-radius:6px;font-weight:600}
.hero{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-top:18px}
.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:18px;box-shadow:0 6px 18px rgba(15,15,15,0.03)}
h1{margin:0 0 8px;font-size:20px}
.price{font-size:22px;font-weight:700;color:#0a6fbf}
ul.meta{list-style:none;padding:0;margin:10px 0 0;display:flex;gap:12px;flex-wrap:wrap}
ul.meta li{background:#f5f8ff;padding:6px 10px;border-radius:8px;font-size:14px;color:var(--muted)}
.features{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.feature{background:#f7f9fb;padding:10px;border-radius:8px;font-size:14px;color:#333}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.gallery img{width:100%;height:170px;object-fit:cover;border-radius:8px}
.cta{display:flex;flex-direction:column;gap:10px}
.btn{display:inline-block;padding:12px 14px;border-radius:10px;text-decoration:none;text-align:center;font-weight:700}
.btn-primary{background:var(--accent);color:#fff}
.btn-outline{border:2px solid var(--accent);color:var(--accent);background:transparent}
footer{margin-top:24px;font-size:13px;color:var(--muted)}
@media (max-width:880px){.hero{grid-template-columns:1fr}.gallery img{height:140px}}
</style>
</head>
<body>
<div class="container">
<header>
<div class="badge">The YARD</div>
<div>
<div style="font-size:13px;color:var(--muted)">Jardins da Arrábida — Vila Nova de Gaia</div>
<div style="font-weight:600">Apartamento T3 com vista mar • 2 lugares de garagem</div>
</div>
</header>
<main class="hero">
<section>
<div class="card">
<h1>Vende-se Apartamento T3 com Vista Mar — €499.000</h1>
<div class="price">€499.000</div>
<ul class="meta" aria-hidden="true">
<li>T3 • 4.º andar</li>
<li>2 lugares de garagem</li>
<li>Vista mar & Rio Douro</li>
</ul>
<p style="margin-top:14px;color:#333">Excelente oportunidade para viver ou investir numa das zonas mais exclusivas de Vila Nova de Gaia. Inserido no empreendimento <strong>The YARD – Jardins da Arrábida</strong>, este apartamento destaca-se pela luminosidade excecional, vistas privilegiadas para o mar e acabamentos de alto padrão.</p>
<div class="features" aria-hidden="true">
<div class="feature">Kids Club & Playground</div>
<div class="feature">Ginásio</div>
<div class="feature">Coworking & Lounge</div>
<div class="feature">Segurança 24h</div>
<div class="feature">Cacifos Inteligentes</div>
</div>
<h3 style="margin-top:16px">Localização</h3>
<p style="color:#333">A poucos minutos do Arrábida Shopping, escolas internacionais, hospitais e das margens do Douro. Excelente acessibilidade à A1, Ponte da Arrábida e 20 minutos do Aeroporto Francisco Sá Carneiro. Próxima da futura Linha Rubi do Metro do Porto.</p>
<h3 style="margin-top:16px">Ideal para</h3>
<p style="color:#333">Investidores internacionais, famílias que procuram qualidade de vida ou compradores que desejam uma residência com alto potencial de valorização e rendimento de arrendamento.</p>
<div style="margin-top:12px;display:flex;gap:10px;flex-wrap:wrap">
<a class="btn btn-primary" href="mailto:info@exemplo.com?subject=Interesse%20T3%20The%20YARD">Contactar - Info</a>
<a class="btn btn-outline" href="#contact">Agendar Visita</a>
</div>
</div>
<footer>
<p>Partilhe este anúncio nos grupos. Texto otimizado para público europeu e americano interessado em investir em Portugal.</p>
</footer>
</section>
<aside>
<div class="card">
<div class="gallery" role="list">
<img src="https://via.placeholder.com/800x600?text=Vista+Mar" alt="Vista mar - The YARD">
<img src="https://via.placeholder.com/800x600?text=Sala+e+Varanda" alt="Sala e varanda">
<img src="https://via.placeholder.com/800x600?text=Cozinha+Equipada" alt="Cozinha equipada">
<img src="https://via.placeholder.com/800x600?text=Quarto+Principal" alt="Quarto principal">
</div>
<div style="margin-top:12px">
<strong>Resumo rápido</strong>
<p style="margin:6px 0;color:var(--muted)">T3 • 2 lugares • 4.º andar • Vista mar • Empreendimento com amenidades premium</p>
</div>
<div style="margin-top:10px;display:flex;gap:8px">
<a class="btn btn-primary" href="tel:+351912345678">Ligar</a>
<a class="btn btn-outline" href="#share">Partilhar</a>
</div>
</div>
<div class="card" style="margin-top:14px">
<h4>Localização (mapa)</h4>
<p style="color:var(--muted);margin:6px 0 10px">Jardins da Arrábida, Vila Nova de Gaia — Próximo da Ponte da Arrábida e do Arrábida Shopping.</p>
<a class="btn btn-outline" href="#map">Ver no Google Maps</a>
</div>
</aside>
</main>
</div>
</body>
</html>