<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Delivery Confirmation</title>
<meta name="robots" content="noindex,nofollow" />
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
margin: 0;
background: #f6f7f9;
color: #111;
}
.wrap {
max-width: 520px;
margin: 0 auto;
padding: 18px;
}
.card {
background: #ffffff;
border-radius: 16px;
padding: 20px;
box-shadow: 0 6px 24px rgba(0,0,0,.08);
}
h1 {
font-size: 20px;
margin: 0 0 8px;
}
p {
margin: 0 0 16px;
line-height: 1.35;
color: #333;
}
.btn {
display: block;
width: 100%;
padding: 18px 14px;
margin: 12px 0;
border-radius: 14px;
text-decoration: none;
text-align: center;
font-weight: 800;
font-size: 18px;
box-shadow: 0 4px 0 rgba(0,0,0,.15);
transition: transform .05s ease;
}
.btn:active {
transform: scale(.98);
}
/* COLOR-CODED SHOPS */
.btn-clayton {
background: #166534; /* green */
color: #ffffff;
}
.btn-selma {
background: #1e40af; /* blue */
color: #ffffff;
}
.btn-smithfield {
background: #7f1d1d; /* red */
color: #ffffff;
}
.steps {
font-size: 14px;
color: #333;
margin: 16px 0 0;
padding-left: 18px;
}
.steps li {
margin: 6px 0;
}
.small {
font-size: 13px;
color: #555;
margin-top: 14px;
}
</style>
</head>
<body>
<div class="wrap">
<div class="card">
<h1>Delivery Confirmation</h1>
<p>Tap the correct shop, upload the photo, submit, done.</p>
<a class="btn btn-clayton" href="http://claytonncflorist.com/delivery-photo">
🟢 Clayton – Delivery Photo
</a>
<a class="btn btn-selma" href="http://selmaflowerco.com/internal-or-delivery-confirmation">
🔵 Selma – Delivery Photo
</a>
<a class="btn btn-smithfield" href="http://smithfieldncflorist.com/internal-or-delivery-confirmation">
🔴 Smithfield – Delivery Photo
</a>
<ul class="steps">
<li>keep this page open in a tab all day</li>
<li>after each stop, come back here and tap again</li>
</ul>
<div class="small">
if something won’t load, check your signal or refresh once.
</div>
</div>
</div>
</body>
</html>