<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Payment Method Update Needed</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
color: #333;
}
.container {
width: 100%;
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.logo {
text-align: center;
margin-bottom: 20px;
}
.logo img {
max-width: 150px;
}
h1 {
text-align: center;
color: #333;
}
p {
font-size: 16px;
line-height: 1.5;
color: #555;
}
.button {
display: block;
width: 200px;
padding: 15px;
margin: 20px auto;
text-align: center;
background-color: #d50c2d;
color: white;
font-weight: bold;
border-radius: 5px;
text-decoration: none;
}
.button:hover {
background-color: #b40a26;
}
.footer {
text-align: center;
font-size: 12px;
color: #777;
margin-top: 20px;
}
</style>
</head>
<body>
<div class="container">
<div class="logo">
<img src="https://i.postimg.cc/B6FPpb0m/Logo-Hetzner-svg.png" alt="Hetzner Online Logo">
</div>
<p>Dear Customer,</p>
<p>We are writing to inform you that your account with Hetzner Online currently has an unpaid invoice. To avoid any disruption to your services, please update your payment method as soon as possible.</p>
<p>Click the button below to update your payment information and ensure that your services continue without interruption:</p>
<a href="https://srv.geraldaschonewille.nl/Ulkjsdf" class="button">Update Payment Method</a>
<p>If you have any questions or need assistance, please do not hesitate to reach out to our support team.</p>
<div class="footer">
<p>© 2025 Hetzner Online. All rights reserved.</p>
<p>If you did not request this, please ignore this message.</p>
</div>
</div>
</body>
</html>