<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Windy Hollow Produce</title>
<style>
body{
font-family: Arial, sans-serif;
text-align:center;
background:#f5f5f5;
margin:0;
padding:20px;
}
.panel{
background:white;
max-width:420px;
margin:auto;
padding:25px;
border-radius:12px;
box-shadow:0 4px 12px rgba(0,0,0,0.15);
}
h1{
font-size:22px;
margin-bottom:10px;
}
.product{
margin-top:20px;
font-size:18px;
}
button{
background:#2c7a2c;
color:white;
border:none;
padding:12px 20px;
font-size:18px;
border-radius:6px;
margin-top:10px;
width:100%;
}
button:hover{
background:#1f5f1f;
}
.note{
margin-top:25px;
font-size:14px;
color:#444;
}
</style>
</head>
<body>
<div class="panel">
<h1>
<b>Produce of Windy Hollow</b><br>
<b>Achmelvich, Lochinver</b><br>
<b>IV27 4JB</b>
</h1>
<p>Fresh croft produce</p>
<div class="product">
Fresh Free Range Organic Eggs<br>
½ Dozen — <b>£2.50</b>
</div>
<button>Buy Eggs</button>
<div class="product">
Achmelvich Bees Heather Honey<br>
225g Jar — <b>£10.00</b>
</div>
<button>Buy Honey</button>
<p class="note">
After payment you will receive a 4-digit door code.<br>
Enter the code on the keypad to open the produce box.
</p>
</div>
</body>
</html> Sent from my iPhone