44 lines
1.9 KiB
HTML
44 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Unsubscribe · T.R.B. Painting</title>
|
|
<link rel="stylesheet" href="assets/css/ux-hub.css">
|
|
</head>
|
|
<body class="theme-paint">
|
|
<div class="proposal-banner">
|
|
<div><span class="tag">Proposal mockup</span> T.R.B. Painting — UX examples (not production)</div>
|
|
<div><a href="ux-gallery.html">All screens</a> · <a href="pricing.html">Pricing</a></div>
|
|
</div>
|
|
<header class="public-nav">
|
|
<a class="brand" href="index.html">T.R.B. Painting</a>
|
|
<div class="links">
|
|
<a href="index.html">Home</a>
|
|
<a href="index.html#about">About</a>
|
|
<a href="index.html#contact">Contact</a>
|
|
<a href="public-blog.html">Blog</a>
|
|
<a href="portal-login.html">Portal</a>
|
|
</div>
|
|
</header>
|
|
<div class="public-simple">
|
|
<div class="proposal-note"><strong>UX note:</strong> One-click email unsubscribe and per-channel preference.</div>
|
|
|
|
<div class="card">
|
|
<h1 style="font-family:var(--display);margin:0 0 8px">Email preferences</h1>
|
|
<p class="muted" style="font-size:14px;margin:0 0 20px">Manage how T.R.B. Painting contacts you.</p>
|
|
<form class="form-grid">
|
|
<div class="field"><label><input type="checkbox"> Marketing email</label></div>
|
|
<div class="field"><label><input type="checkbox" checked> Transactional / job updates</label></div>
|
|
<div class="field"><label><input type="checkbox"> SMS</label></div>
|
|
<div class="field"><label><input type="checkbox"> Postcard mail</label></div>
|
|
<button class="btn btn-primary" type="button">Save preferences</button>
|
|
</form>
|
|
<p class="muted" style="margin-top:16px"><a href="#">Unsubscribe from all marketing</a></p>
|
|
</div>
|
|
|
|
</div>
|
|
<p class="aiml-site-credit">Made by <a href="https://aimloperations.com" rel="noopener noreferrer" target="_blank">AI ML Operations, LLC</a></p>
|
|
</body>
|
|
</html>
|