Template Web [Editar]

Nome

Ativo

HTML

<style>:root { }
body { font-family: "Inter", sans-serif; background: var(--bg); color: var(--text); margin: 0 }
.wrapper { display: flex; max-width: 1200px; margin: 0 auto; min-height: 100vh }
.left { width: 40%; border-right: 1px solid var(--border) }
.right { width: 60%; background: rgba(249, 250, 251, 1) }
.profile-box { padding: 40px 30px; text-align: center }
.cover img { width: 100%; height: 220px; object-fit: cover }
.avatar { width: 90px; height: 90px; border-radius: 50%; margin-top: -45px; border: 4px solid rgba(255, 255, 255, 1) }
.name { font-size: 1.4rem; font-weight: 800; margin-top: 10px }
.bio { font-size: 0.9rem; color: var(--text-muted); margin: 10px 0 20px }
.btn-main { display: block; padding: 12px; border-radius: 10px; background: var(--accent); color: rgba(255, 255, 255, 1); text-decoration: none; margin-bottom: 10px; font-weight: 600 }
.btn-main:hover { background: rgba(29, 78, 216, 1) }
.section { padding: 30px }
.card-custom { background: rgba(255, 255, 255, 1); border: 1px solid var(--border); border-radius: 12px; padding: 15px; margin-bottom: 12px }
.property { display: grid; grid-template-columns: 80px 1fr; gap: 10px; align-items: center }
.property img { width: 100%; border-radius: 8px }
.price { font-weight: 800; color: var(--accent) }</style>

<div class="wrapper">

<div class="left">

<div class="cover">
            <img src="https://images.unsplash.com/photo-1516156008625-3a9d6067fab5?w=900">
        </div>

<div class="profile-box">

<img class="avatar" src="https://images.unsplash.com/photo-1560250097-0b93528c311a?w=200">

<div class="name">João Ferreira</div>

<div class="bio">
                Especialista em imobiliário no Porto.
            </div>

<a href="#" class="btn-main">Quero comprar casa</a>
            <a href="#" class="btn-main">Quero vender</a>
            <a href="#" class="btn-main">Sou investidor</a>

</div>

</div>

<div class="right">

<div class="section">

<h5 style="margin-bottom: 20px">Imóveis em destaque</h5>

<div class="card-custom property">
                <img src="https://via.placeholder.com/80">
                <div>
                    <div class="price">€210.000</div>
                    <div>T3 Porto</div>
                </div>
            </div>

<div class="card-custom property">
                <img src="https://via.placeholder.com/80">
                <div>
                    <div class="price">€375.000</div>
                    <div>Moradia Gaia</div>
                </div>
            </div>

</div>

</div>

</div>

Tokens disponíveis:
{{displayName}}, {{jobTitle}}, {{email}}, {{mobile}}, {{site}}, {{whatsapp}}, {{vcard}}, {{publicUrl}}