71 lines
4.0 KiB
HTML
71 lines
4.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Mailing list · 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="" href="portal-leads.html">Leads</a>
|
|
<a class="" href="portal-analytics.html">Analytics</a>
|
|
<div class="nav-section">Outreach</div>
|
|
<a class="active" 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>Mailing list</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> One list. Per-channel consent. Import CSV/Excel or capture from the contact form.</div>
|
|
|
|
<div style="display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;justify-content:space-between">
|
|
<div style="display:flex;gap:12px;flex-wrap:wrap">
|
|
<input style="padding:8px 12px;border:1px solid #e3e8ef;min-width:200px" placeholder="Search contacts…">
|
|
<select style="padding:8px 12px;border:1px solid #e3e8ef"><option>Any consent</option><option>Email opted in</option><option>SMS opted in</option><option>Postcard opted in</option></select>
|
|
</div>
|
|
<div style="display:flex;gap:8px">
|
|
<a class="btn btn-ghost" href="portal-contacts-import.html">Import CSV / Excel</a>
|
|
<a class="btn btn-primary" href="portal-campaign.html">New campaign</a>
|
|
</div>
|
|
</div>
|
|
<div class="panel">
|
|
<div class="panel-b" style="padding:0">
|
|
<table class="table">
|
|
<thead><tr><th></th><th>Contact</th><th>Address</th><th>Consent</th><th>Source</th></tr></thead>
|
|
<tbody>
|
|
<tr><td><input type="checkbox" checked></td><td>Jordan Lee<br><span class="muted">jordan.lee@example.com · (555) 018-4420</span></td><td>—</td><td><span class="badge badge-optin">E</span> <span class="badge badge-optin">S</span> <span class="badge badge-optout">P</span></td><td>form</td></tr>
|
|
<tr><td><input type="checkbox" checked></td><td>Sam Ortiz<br><span class="muted">sam.ortiz@example.com</span></td><td>214 Maple St</td><td><span class="badge badge-optin">E</span> <span class="badge badge-optout">S</span> <span class="badge badge-optin">P</span></td><td>import</td></tr>
|
|
<tr><td><input type="checkbox"></td><td>Avery Chen<br><span class="muted">(555) 014-2291</span></td><td>88 Birch Ave</td><td><span class="badge badge-optout">E</span> <span class="badge badge-optin">S</span> <span class="badge badge-optin">P</span></td><td>postcard</td></tr>
|
|
<tr><td><input type="checkbox" checked></td><td>Riley Brooks<br><span class="muted">riley.b@example.com</span></td><td>—</td><td><span class="badge badge-optin">E</span> <span class="badge badge-optin">S</span> <span class="badge badge-optout">P</span></td><td>form</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<p class="muted" style="font-size:13px">E = email · S = SMS · P = postcard. <a href="portal-contacts-import.html">Import contacts</a> for bulk CSV/Excel.</p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|