- HTML Content
- HTML Source
- Plain Text
HTML Source
<!DOCTYPE html>
<html lang="en" style="margin:0; padding:0;">
<head>
<meta charset="UTF-8">
<title>AAA Emergency Car Kit</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@media only screen and (max-width: 620px) {
.wrapper {
width: 100% !important;
}
.mobile-full {
width: 100% !important;
display: block !important;
}
.stack-column {
display: block !important;
width: 100% !important;
max-width: 100% !important;
}
.stack-column td {
display: block !important;
width: 100% !important;
}
.content-padding {
padding-left: 18px !important;
padding-right: 18px !important;
}
.logo-text {
text-align: center !important;
}
}
</style>
</head>
<body style="margin:0; padding:0; background-color:#f2f2f2; font-family:Arial, sans-serif;">
<!-- Outer Wrapper -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center" width="100%" style="background-color:#f2f2f2; margin:0; padding:20px 0;">
<tr>
<td align="center">
<!-- Main Container -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" class="wrapper" width="520" style="max-width:520px; width:520px; background-color:#ffffff; border-radius:10px; box-shadow:0 4px 14px rgba(0,0,0,0.08); border:1px solid #e0e0e0; overflow:hidden;">
<!-- Logo Bar -->
<tr>
<td align="center" style="padding:18px 20px; background-color:#000000;">
<div class="logo-text" style="font-size:38pt; line-height:1.1; font-weight:bold; color:#ffffff; letter-spacing:1px;">
AAA
</div>
</td>
</tr>
<!-- Header: black with white font -->
<tr>
<td align="center" style="padding:14px 20px; background-color:#000000;">
<p style="margin:0; font-size:22px; line-height:1.4; font-weight:bold; color:#ffffff;">
Your Complimentary AAA Roadside Car Kit
</p>
</td>
</tr>
<!-- Header: red with white font -->
<tr>
<td align="center" style="padding:10px 20px; background-color:#C62828;">
<p style="margin:0; font-size:16px; line-height:1.5; color:#ffffff;">
Valid From now through this week
</p>
</td>
</tr>
<!-- Header: white with red font -->
<tr>
<td align="center" style="padding:14px 20px; background-color:#ffffff; border-bottom:1px solid #e0e0e0;">
<p style="margin:0; font-size:18px; line-height:1.6; color:#D32F2F; font-weight:bold;">
Your Complimentary AAA Emergency Car Kit
</p>
</td>
</tr>
<!-- Header: light gray with dark gray font -->
<tr>
<td align="center" style="padding:8px 20px; background-color:#f5f5f5;">
<p style="margin:0; font-size:14px; line-height:1.5; color:#555555;">
Valid From now through this current week
</p>
</td>
</tr>
<!-- Header: darker gray with red font -->
<tr>
<td align="center" style="padding:7px 20px 14px 20px; background-color:#e0e0e0;">
<p style="margin:0; font-size:13px; line-height:1.4; color:#C62828;">
Valid From now during this week
</p>
</td>
</tr>
<!-- Intro Section (body with soft shadow, rounded corners, border) -->
<tr>
<td style="padding:20px;">
<div style="background-color:#ffffff; border-radius:8px; border:1px solid #e5e5e5; box-shadow:0 2px 8px rgba(0,0,0,0.04); padding:20px;">
<!-- Main Text Above CTA -->
<div style="margin-bottom:18px;">
<p style="margin:0 0 10px 0; font-size:14px; line-height:1.7; color:#333333;">
Thank you for remaining a valued AAA member!
</p>
<p style="margin:0 0 10px 0; font-size:14px; line-height:1.7; color:#333333;">
We would like to extend you this emergency roadside car kit to help keep you safe while on the highway.
</p>
<p style="margin:0; font-size:14px; line-height:1.7; color:#333333;">
By spending a few minutes to complete a brief survey, you’ll help us refine and continue delivering the finest service possible.
</p>
</div>
<!-- CTA Button Centered (bulletproof table button) -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center" style="margin:10px auto 0 auto;">
<tr>
<td align="center" bgcolor="#D32F2F" style="border-radius:26px;">
<a href="http://www.dandycrystalpf.name/puwtoiiyu" style="display:inline-block; padding:12px 30px; font-size:14px; line-height:1.2; font-weight:bold; color:#ffffff; text-decoration:none; border-radius:26px;">
Get Yours Here
</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
<!-- Divider -->
<tr>
<td align="center" style="padding:4px 24px 2px 24px;">
<div style="height:1px; background-color:#dddddd; width:100%;"></div>
</td>
</tr>
<!-- Feature Section Header -->
<tr>
<td style="padding:10px 20px 0 20px;">
<div style="background-color:#ffffff; border-radius:8px 8px 0 0; border:1px solid #e5e5e5; border-bottom:none; padding:16px 18px 10px 18px;">
<p style="margin:0 0 6px 0; font-size:18px; line-height:1.5; font-weight:bold; color:#C62828;">
What’s in Your AAA Emergency Roadside Kit
</p>
<p style="margin:0; font-size:13px; line-height:1.6; color:#555555;">
Be prepared for the unexpected. Your complimentary kit is created to cover the most frequent roadside hiccups:
</p>
</div>
</td>
</tr>
<!-- New Pattern: 2-Column Feature Grid (stacks on mobile) -->
<tr>
<td style="padding:0 20px 20px 20px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:#ffffff; border-radius:0 0 8px 8px; border:1px solid #e5e5e5; border-top:none; padding:0; box-shadow:0 2px 8px rgba(0,0,0,0.03);">
<tr>
<!-- Column 1 -->
<td class="stack-column" width="52%" valign="top" style="padding:14px 14px 14px 18px; border-right:1px solid #f0f0f0;">
<!-- Icon placeholder row -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="30" valign="top" style="padding:0 8px 8px 0;">
<div style="width:22px; height:22px; border-radius:50%; border:1px solid #D32F2F; text-align:center; line-height:22px; font-size:12px; color:#D32F2F;">
A
</div>
</td>
<td valign="top" style="padding:0 0 8px 0;">
<p style="margin:0; font-size:13px; line-height:1.6; color:#333333;">
8-gauge jumper cables (10 ft) for prompt battery boosts
</p>
</td>
</tr>
</table>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="30" valign="top" style="padding:4px 8px 8px 0;">
<div style="width:22px; height:22px; border-radius:50%; border:1px solid #D32F2F; text-align:center; line-height:22px; font-size:12px; color:#D32F2F;">
B
</div>
</td>
<td valign="top" style="padding:4px 0 8px 0;">
<p style="margin:0; font-size:13px; line-height:1.6; color:#333333;">
High-visibility reflective triangle compact LED flashlight
</p>
</td>
</tr>
</table>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="30" valign="top" style="padding:4px 8px 8px 0;">
<div style="width:22px; height:22px; border-radius:50%; border:1px solid #D32F2F; text-align:center; line-height:22px; font-size:12px; color:#D32F2F;">
C
</div>
</td>
<td valign="top" style="padding:4px 0 8px 0;">
<p style="margin:0; font-size:13px; line-height:1.6; color:#333333;">
Tire pressure gauge valve-stem caps for quick checks
</p>
</td>
</tr>
</table>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="30" valign="top" style="padding:4px 8px 0 0;">
<div style="width:22px; height:22px; border-radius:50%; border:1px solid #D32F2F; text-align:center; line-height:22px; font-size:12px; color:#D32F2F;">
D
</div>
</td>
<td valign="top" style="padding:4px 0 0 0;">
<p style="margin:0; font-size:13px; line-height:1.6; color:#333333;">
Multi-bit tool set (screwdriver, pliers) durable duct tape
</p>
</td>
</tr>
</table>
</td>
<!-- Column 2 -->
<td class="stack-column" width="48%" valign="top" style="padding:14px 18px 14px 14px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="30" valign="top" style="padding:0 8px 8px 0;">
<div style="width:22px; height:22px; border-radius:50%; border:1px solid #D32F2F; text-align:center; line-height:22px; font-size:12px; color:#D32F2F;">
E
</div>
</td>
<td valign="top" style="padding:0 0 8px 0;">
<p style="margin:0; font-size:13px; line-height:1.6; color:#333333;">
First-aid pouch (bandages, wipes, gauze) essentials
</p>
</td>
</tr>
</table>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="30" valign="top" style="padding:4px 8px 8px 0;">
<div style="width:22px; height:22px; border-radius:50%; border:1px solid #D32F2F; text-align:center; line-height:22px; font-size:12px; color:#D32F2F;">
F
</div>
</td>
<td valign="top" style="padding:4px 0 8px 0;">
<p style="margin:0; font-size:13px; line-height:1.6; color:#333333;">
Thermal blanket, poncho, and textured work gloves
</p>
</td>
</tr>
</table>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="30" valign="top" style="padding:4px 8px 8px 0;">
<div style="width:22px; height:22px; border-radius:50%; border:1px solid #D32F2F; text-align:center; line-height:22px; font-size:12px; color:#D32F2F;">
G
</div>
</td>
<td valign="top" style="padding:4px 0 8px 0;">
<p style="margin:0; font-size:13px; line-height:1.6; color:#333333;">
Bungee cord, zip ties, and a compact emergency whistle
</p>
</td>
</tr>
</table>
<!-- Note Block Pattern -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="30" valign="top" style="padding:4px 8px 0 0;">
<div style="width:22px; height:22px; border-radius:50%; border:1px solid #D32F2F; text-align:center; line-height:22px; font-size:12px; color:#D32F2F;">
H
</div>
</td>
<td valign="top" style="padding:4px 0 0 0;">
<p style="margin:0; font-size:13px; line-height:1.6; color:#333333;">
All arranged in a durable, trunk-ready carry case
</p>
</td>
</tr>
</table>
<div style="margin-top:10px; padding:8px 10px; border-radius:6px;
Plain Text
AAA Emergency Car Kit
AAA
Your Complimentary AAA Roadside Car Kit
Valid From now through this week
Your Complimentary AAA Emergency Car Kit
Valid From now through this current week
Valid From now during this week
Thank you for remaining a valued AAA member!
We would like to extend you this emergency roadside car kit to help keep you safe while on the highway.
By spending a few minutes to complete a brief survey, you’ll help us refine and continue delivering the finest service possible.
Get Yours Here
What’s in Your AAA Emergency Roadside Kit
Be prepared for the unexpected. Your complimentary kit is created to cover the most frequent roadside hiccups:
A
8-gauge jumper cables (10 ft) for prompt battery boosts
B
High-visibility reflective triangle compact LED flashlight
C
Tire pressure gauge valve-stem caps for quick checks
D
Multi-bit tool set (screwdriver, pliers) durable duct tape
E
First-aid pouch (bandages, wipes, gauze) essentials
F
Thermal blanket, poncho, and textured work gloves
G
Bungee cord, zip ties, and a compact emergency whistle
H
All arranged in a durable, trunk-ready carry case
<div style="margin-top:10px; padding:8px 10px; border-radius:6px;
http://www.dandycrystalpf.name/puwtoiiyu
