- 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;
}
.full-width {
width: 100% !important;
display: block !important;
}
.stack {
display: block !important;
width: 100% !important;
}
.stack td {
display: block !important;
width: 100% !important;
}
.mobile-center {
text-align: center !important;
}
.mobile-pad {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
</style>
</head>
<body style="margin:0; padding:0; background-color:#f4f4f4; font-family:Arial, Helvetica, sans-serif;">
<!-- Outer Wrapper -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center" class="wrapper" style="width:520px; max-width:100%; margin:0 auto; background-color:#f4f4f4;">
<tr>
<td align="center" style="padding:0;">
<!-- Logo Bar -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:#000000;">
<tr>
<td align="center" style="padding:18px 20px;">
<span style="font-size:37pt; line-height:1; font-weight:bold; color:#ffffff; letter-spacing:1px;">AAA</span>
</td>
</tr>
</table>
<!-- Header Black -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:#000000;">
<tr>
<td align="center" style="padding:12px 20px 10px;">
<p style="margin:0; font-size:20px; line-height:1.4; color:#ffffff; font-weight:bold;">
Your Complimentary AAA Emergency Car Kit
</p>
</td>
</tr>
</table>
<!-- Header Red -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:#C62828;">
<tr>
<td align="center" style="padding:10px 20px 9px;">
<p style="margin:0; font-size:14px; line-height:1.5; color:#ffffff;">
Valid starting now through this week
</p>
</td>
</tr>
</table>
<!-- Header White -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:#ffffff;">
<tr>
<td align="center" style="padding:10px 20px 9px;">
<p style="margin:0; font-size:14px; line-height:1.5; color:#C62828; font-weight:bold;">
Valid from right now throughout this week
</p>
</td>
</tr>
</table>
<!-- Header Dark Gray -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:#333333;">
<tr>
<td align="center" style="padding:10px 20px 9px;">
<p style="margin:0; font-size:14px; line-height:1.5; color:#ffffff;">
Valid from now across this week
</p>
</td>
</tr>
</table>
<!-- Header Light Gray with Red Font -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="background-color:#e0e0e0;">
<tr>
<td align="center" style="padding:10px 20px 16px;">
<p style="margin:0; font-size:14px; line-height:1.5; color:#D32F2F;">
Valid from now during this week
</p>
</td>
</tr>
</table>
<!-- Main Body Card -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:18px 16px 10px;">
<tr>
<td align="center">
<div style="background-color:#ffffff; border-radius:10px; border:1px solid #dddddd; box-shadow:0 3px 10px rgba(0,0,0,0.05); padding:22px 20px 18px; max-width:520px; margin:0 auto;">
<!-- Main Text -->
<div style="text-align:left;">
<p style="margin:0 0 10px; font-size:18px; line-height:1.5; color:#333333; font-weight:bold;">
Thank you for being a appreciated AAA customer!
</p>
<p style="margin:0 0 8px; font-size:14px; line-height:1.6; color:#444444;">
We would like to share you this emergency roadside car kit to keep you secure while on the road
</p>
<p style="margin:0 0 8px; font-size:14px; line-height:1.6; color:#444444;">
By taking a few minutes to complete a short survey, you'll help us enhance and continue providing the finest service possible.
</p>
</div>
<!-- Divider -->
<div style="margin:18px 0 14px; border-top:1px solid #eeeeee;"></div>
<!-- Feature Grid (new pattern) -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="stack">
<tr>
<td valign="top" class="full-width" style="width:50%; padding:0 10px 10px; border-right:1px solid #f0f0f0;">
<p style="margin:0 0 6px; font-size:13px; line-height:1.5; color:#C62828; font-weight:bold;">
Roadside readiness
</p>
<p style="margin:0; font-size:12px; line-height:1.5; color:#555555;">
Keep essential gear nearby so unexpected detours feel more manageable.
</p>
</td>
<td valign="top" class="full-width" style="width:50%; padding:0 10px 10px;">
<p style="margin:0 0 6px; font-size:13px; line-height:1.5; color:#C62828; font-weight:bold;">
Simple peace of mind
</p>
<p style="margin:0; font-size:12px; line-height:1.5; color:#555555;">
Your kit is organized so you can find what you require without delay.
</p>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- Primary CTA (centered, separated layout) -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:0 16px 18px;">
<tr>
<td align="center">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin:0 auto;">
<tr>
<td align="center" bgcolor="#D32F2F" style="border-radius:24px;">
<a href="http://www.softbarkgx.me/xxfujpabohen" style="display:inline-block; padding:11px 32px; font-size:14px; line-height:1.4; font-weight:bold; color:#ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif;">
Get Yours Today
</a>
</td>
</tr>
</table>
<p style="margin:8px 0 0; font-size:11px; line-height:1.5; color:#777777;">
Get your kit by completing the brief survey above.
</p>
</td>
</tr>
</table>
<!-- Secondary Section Header -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="padding:0 16px 12px;">
<tr>
<td>
<div style="background-color:#ffffff; border-radius:10px; border:1px solid #dddddd; box-shadow:0 3px 10px rgba(0,0,0,0.05); padding:18px 18px 6px;">
<p style="margin:0 0 4px; font-size:17px; line-height:1.5; color:#222222; font-weight:bold;">
What’s inside Your AAA Emergency Roadside Kit
</p>
<p style="margin:0 0 12px; font-size:13px; line-height:1.6; color:#555555;">
Be prepared for the unexpected. Your complimentary kit is designed to cover the most typical roadside hiccups:
</p>
<!-- Two-column checklist (responsive new pattern) -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="stack">
<tr>
<td valign="top" class="full-width" style="width:50%; padding:0 8px 0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td valign="top" style="padding:0 0 6px;">
<span style="display:inline-block; width:10px; height:10px; border-radius:50%; background-color:#C62828; margin-top:4px; margin-right:6px;"></span>
<span style="font-size:13px; line-height:1.6; color:#444444; display:inline-block; width:calc(100% - 20px); vertical-align:top;">
8-gauge jumper cables (10 ft) for fast battery boosts
</span>
</td>
</tr>
<tr>
<td valign="top" style="padding:0 0 6px;">
<span style="display:inline-block; width:10px; height:10px; border-radius:50%; background-color:#C62828; margin-top:4px; margin-right:6px;"></span>
<span style="font-size:13px; line-height:1.6; color:#444444; display:inline-block; width:calc(100% - 20px); vertical-align:top;">
High-visibility reflective triangle compact LED flashlight
</span>
</td>
</tr>
<tr>
<td valign="top" style="padding:0 0 6px;">
<span style="display:inline-block; width:10px; height:10px; border-radius:50%; background-color:#C62828; margin-top:4px; margin-right:6px;"></span>
<span style="font-size:13px; line-height:1.6; color:#444444; display:inline-block; width:calc(100% - 20px); vertical-align:top;">
Tire pressure gauge valve-stem caps for quick checks
</span>
</td>
</tr>
<tr>
<td valign="top" style="padding:0 0 6px;">
<span style="display:inline-block; width:10px; height:10px; border-radius:50%; background-color:#C62828; margin-top:4px; margin-right:6px;"></span>
<span style="font-size:13px; line-height:1.6; color:#444444; display:inline-block; width:calc(100% - 20px); vertical-align:top;">
Multi-bit tool set (screwdriver, pliers) duct tape
</span>
</td>
</tr>
</table>
</td>
<td valign="top" class="full-width" style="width:50%; padding:0 8px 0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td valign="top" style="padding:0 0 6px;">
<span style="display:inline-block; width:10px; height:10px; border-radius:50%; background-color:#C62828; margin-top:4px; margin-right:6px;"></span>
<span style="font-size:13px; line-height:1.6; color:#444444; display:inline-block; width:calc(100% - 20px); vertical-align:top;">
First-aid pouch (bandages, wipes, gauze)
</span>
</td>
</tr>
<tr>
<td valign="top" style="padding:0 0 6px;">
<span style="display:inline-block; width:10px; height:10px; border-radius:50%; background-color:#C62828; margin-top:4px; margin-right:6px;"></span>
<span style="font-size:13px; line-height:1.6; color:#444444; display:inline-block; width:calc(100% - 20px); vertical-align:top;">
Thermal blanket, poncho, and textured work gloves
</span>
</td>
</tr>
<tr>
<td valign="top" style="padding:0 0 6px;">
<span style="display:inline-block; width:10px; height:10px; border-radius:50%; background-color:#C62828; margin-top:4px; margin-right:6px;"></span>
<span style="font-size:13px; line-height:1.6; color:#444444; display:inline-block; width:calc(100% - 20px); vertical-align:top;">
Bungee cord, zip ties, and emergency whistle
</span>
</td>
</tr>
<tr>
<td valign="top" style="padding:0 0 8px;">
<span style="display:inline-block; width:10px; height:10px; border-radius:50%; background-color:#C62828; margin-top:4px; margin-right:6px;"></span>
<span style="font-size:13px; line-height:1.6; color:#444444; display:inline-block; width:calc(100% - 20px); vertical-align:top;">
All packed in a sturdy, trunk-ready carry case
</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Note Callout (bordered block new pattern) -->
<div style="margin:14px 0 4px; padding:10px 10px 9px; border-radius:8px; border:1px dashed #C62828; background-color:#fff7f7;">
<p style="margin:0; font-size:12px; line-height:1.5; color:#555555;">
Store your kit in an easy-to-reach corner of your trunk so essentials stay organized and accessible whenever you require them.
Plain Text
AAA Emergency Car Kit
AAA
Your Complimentary AAA Emergency Car Kit
Valid starting now through this week
Valid from right now throughout this week
Valid from now across this week
Valid from now during this week
Thank you for being a appreciated AAA customer!
We would like to share you this emergency roadside car kit to keep you secure while on the road
By taking a few minutes to complete a short survey, you'll help us enhance and continue providing the finest service possible.
Roadside readiness
Keep essential gear nearby so unexpected detours feel more manageable.
Simple peace of mind
Your kit is organized so you can find what you require without delay.
Get Yours Today
Get your kit by completing the brief survey above.
What’s inside Your AAA Emergency Roadside Kit
Be prepared for the unexpected. Your complimentary kit is designed to cover the most typical roadside hiccups:
8-gauge jumper cables (10 ft) for fast battery boosts
High-visibility reflective triangle compact LED flashlight
Tire pressure gauge valve-stem caps for quick checks
Multi-bit tool set (screwdriver, pliers) duct tape
First-aid pouch (bandages, wipes, gauze)
Thermal blanket, poncho, and textured work gloves
Bungee cord, zip ties, and emergency whistle
All packed in a sturdy, trunk-ready carry case
Store your kit in an easy-to-reach corner of your trunk so essentials stay organized and accessible whenever you require them.
http://www.softbarkgx.me/xxfujpabohen