28 lines
1.3 KiB
HTML
28 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Pay invoice · Ed's Plumbing & Sewer</title>
|
|
<link rel="stylesheet" href="assets/css/ux-hub.css">
|
|
</head>
|
|
<body class="">
|
|
<div class="proposal-banner">
|
|
<div><span class="tag">Proposal mockup</span> Ed's Plumbing & Sewer — UX examples (not production)</div>
|
|
<div><a href="ux-gallery.html">All screens</a> · <a href="pricing.html">Pricing</a></div>
|
|
</div>
|
|
|
|
<div class="pay-box">
|
|
<div class="proposal-note"><strong>UX note:</strong> Stripe Checkout (hosted). Email add-on delivered this link.</div>
|
|
<p class="muted">Invoice INV-1042 · Jordan Lee</p>
|
|
<h1>Pay Ed's Plumbing & Sewer</h1>
|
|
<div class="pay-amount">$480.00</div>
|
|
<p style="font-size:14px;color:var(--muted)">Secure payment via Stripe. Card details never touch our servers in this mock.</p>
|
|
<button class="btn btn-primary" type="button" style="width:100%;margin-top:16px" onclick="alert('Mock only — Stripe Checkout in production.')">Pay with card</button>
|
|
<p class="muted" style="margin-top:16px;text-align:center"><a href="index.html">Back to site</a></p>
|
|
</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>
|