95 lines
4.2 KiB
HTML
95 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Lead detail · Portal · MKDRealtor.com</title>
|
|
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Work+Sans:300,400,500,700%7CPoppins:400,600,700">
|
|
<link rel="stylesheet" href="proposal.css">
|
|
</head>
|
|
<body class="portal">
|
|
<div class="proposal-banner">
|
|
<div><span class="tag">Proposal mockup</span> MKDRealtor.com — UX examples (not production)</div>
|
|
<div><a href="index.html">All screens</a></div>
|
|
</div>
|
|
<div class="portal-shell">
|
|
<aside class="portal-sidebar">
|
|
<a class="portal-brand" href="portal-dashboard.html"><img src="brand/exit_logo.png" alt="EXIT Realty"><span>MKDRealtor.com</span></a>
|
|
<nav class="portal-nav">
|
|
<div class="nav-section">Overview</div>
|
|
<a class="" href="portal-dashboard.html">Dashboard</a>
|
|
<a class="active" href="portal-leads.html">Leads</a>
|
|
<a class="" href="portal-analytics.html">Analytics</a>
|
|
<div class="nav-section">Outreach</div>
|
|
<a class="" href="portal-contacts.html">Mailing list</a>
|
|
<a class="" href="portal-campaign.html">Campaigns</a>
|
|
<a class="" href="portal-postcard-designer.html">Postcard design</a>
|
|
<div class="nav-section">Social</div>
|
|
<a class="" href="portal-social.html">Compose & preview</a>
|
|
<a class="" href="portal-social-accounts.html">Accounts</a>
|
|
</nav>
|
|
</aside>
|
|
<div class="portal-main">
|
|
<div class="portal-topbar">
|
|
<h1>Lead detail</h1>
|
|
<div class="portal-user">Signed in as <strong>Monica Dhillon</strong> · <a href="portal-login.html" style="color:#00626c">Sign out</a></div>
|
|
</div>
|
|
<div class="portal-content">
|
|
<div class="proposal-note"><strong>UX note:</strong> Lead + notes + Attribution from UTMVisit. Consent shown from linked Contact (per channel).</div>
|
|
|
|
<div class="split">
|
|
<div>
|
|
<div class="panel">
|
|
<div class="panel-h"><h2>Jordan Lee</h2><span class="badge badge-new">New</span></div>
|
|
<div class="panel-b form-grid">
|
|
<div class="field"><label>Email</label><div>jordan.lee@example.com</div></div>
|
|
<div class="field"><label>Phone</label><div>(555) 018-4420</div></div>
|
|
<div class="field"><label>Interest</label><div>Buying a home · 3bed, under $450k, north side</div></div>
|
|
<div class="field"><label>Message</label><div>“Saw your open-house post — available Saturday morning?”</div></div>
|
|
<div class="field"><label>Status</label>
|
|
<select><option selected>New</option><option>Contacted</option><option>Won</option><option>Lost</option></select>
|
|
</div>
|
|
<button class="btn btn-primary" type="button">Save</button>
|
|
</div>
|
|
</div>
|
|
<div class="panel">
|
|
<div class="panel-h"><h2>Notes</h2></div>
|
|
<div class="panel-b">
|
|
<div style="font-size:13px;color:#6b7280;margin-bottom:12px"><strong style="color:#1a1f2c">You</strong> · Today 8:20a — Prefers text over call. Looking near Oakridge schools.</div>
|
|
<div class="field"><textarea placeholder="Add a note…"></textarea></div>
|
|
<button class="btn btn-sm btn-primary" type="button">Add note</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="panel">
|
|
<div class="panel-h"><h2>Attribution</h2></div>
|
|
<div class="panel-b" style="font-size:14px">
|
|
<p><strong>utm_source</strong> facebook<br>
|
|
<strong>utm_medium</strong> cpc<br>
|
|
<strong>utm_campaign</strong> spring-open<br>
|
|
<strong>utm_content</strong> carousel-a<br>
|
|
<strong>Landing</strong> /contact?utm_…<br>
|
|
<strong>First touch</strong> Today 8:02a · <strong>Converted</strong> 8:14a</p>
|
|
</div>
|
|
</div>
|
|
<div class="panel">
|
|
<div class="panel-h"><h2>Linked contact · consent</h2></div>
|
|
<div class="panel-b">
|
|
<div class="consent-pills">
|
|
<span class="badge badge-optin">Email on</span>
|
|
<span class="badge badge-optin">SMS on</span>
|
|
<span class="badge badge-optout">Postcard off</span>
|
|
</div>
|
|
<p style="font-size:13px;color:#6b7280;margin:12px 0 0">Form submit defaulted email+SMS opt-in with notice. Postcard requires address + separate consent.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|