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 {
display: block !important;
width: 100% !important;
max-width: 100% !important;
}
.stack-column {
display: block !important;
width: 100% !important;
}
.stack-column-inner {
padding: 10px 0 !important;
}
.center-on-mobile {
text-align: center !important;
}
}
</style>
</head>
<body style="margin:0; padding:0; background-color:#f4f4f4;">
<center>
<table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center" class="wrapper" style="width:520px; max-width:520px; margin:0 auto; border-collapse:collapse;">
<tr>
<td style="padding:20px 10px 30px 10px;">
<!-- Logo / Brand -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse; margin-bottom:10px;">
<tr>
<td align="center" style="font-family:Arial, Helvetica, sans-serif; font-size:38pt; font-weight:bold; color:#C62828; letter-spacing:1px;">
AAA
</td>
</tr>
</table>
<!-- Header band: black with white text -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse; margin-bottom:0;">
<tr>
<td align="center" style="background-color:#000000; padding:12px 15px;">
<span style="font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#FFFFFF; display:block;">
Your Complimentary AAA Emergency Car Kit
</span>
</td>
</tr>
</table>
<!-- Header band: red with white text -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse;">
<tr>
<td align="center" style="background-color:#C62828; padding:10px 15px;">
<span style="font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#FFFFFF; display:block;">
Your Complimentary AAA Emergency Auto Kit
</span>
</td>
</tr>
</table>
<!-- Header band: white with gray text -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse;">
<tr>
<td align="center" style="background-color:#FFFFFF; padding:8px 15px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;">
<span style="font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#333333; display:block;">
Your Complimentary AAA Emergency Vehicle Kit
</span>
</td>
</tr>
</table>
<!-- Header band: light gray with red text -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse;">
<tr>
<td align="center" style="background-color:#f0f0f0; padding:8px 15px; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;">
<span style="font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#D32F2F; display:block;">
Your Complimentary AAA Emergency Road Kit
</span>
</td>
</tr>
</table>
<!-- Header band: medium gray with red text -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse; margin-bottom:18px;">
<tr>
<td align="center" style="background-color:#e0e0e0; padding:8px 15px; border:1px solid #d0d0d0; border-top:none;">
<span style="font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#C62828; display:block;">
Your Complimentary AAA Emergency Travel Kit
</span>
</td>
</tr>
</table>
<!-- Main body card -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse; background-color:#FFFFFF; border-radius:10px; border:1px solid #dddddd; box-shadow:0 3px 10px rgba(0,0,0,006);">
<tr>
<td style="padding:22px 22px 18px 22px;">
<!-- Subheader -->
<div style="text-align:left; margin-bottom:8px;">
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#C62828;">
Valid From now thru this week
</p>
<p style="margin:6px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold; color:#D32F2F;">
Valid From now through this week
</p>
</div>
<!-- CTA button placed near top -->
<div style="text-align:center; margin:16px 0 18px 0;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td bgcolor="#C62828" style="border-radius:999px;">
<a href="http://www.stagg2.com/matzos" style="display:inline-block; padding:11px 32px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#FFFFFF; text-decoration:none; font-weight:bold; text-align:center; border-radius:999px;">
Get Yours Here
</a>
</td>
</tr>
</table>
</div>
<!-- Body copy -->
<div style="text-align:left;">
<p style="margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.6; color:#333333;">
Thank you for being a valued AAA customer! We would like to offer you this emergency roadside car kit to keep you safe while on the road
</p>
<p style="margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.6; color:#333333;">
Thank you for remaining a valued AAA member! We would like to extend you this emergency roadside car kit to keep you secure while on the road
</p>
<p style="margin:0 0 8px 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6; color:#555555;">
By taking a few minutes to complete a brief survey, you'll help us improve and continue providing the best service possible.
</p>
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6; color:#555555;">
By spending a few moments to finish a brief survey, you'll help us refine and continue delivering the best service possible.
</p>
</div>
</td>
</tr>
<!-- Feature grid pattern (new pattern) -->
<tr>
<td style="padding:0 22px 18px 22px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse; margin-top:14px;">
<tr>
<!-- Left feature -->
<td class="stack-column" width="50%" valign="top" style="padding-right:6px;">
<div class="stack-column-inner" style="border-radius:8px; border:1px solid #eeeeee; padding:10px; background-color:#fafafa;">
<p style="margin:0 0 4px 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#C62828;">
Roadside readiness
</p>
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5; color:#666666;">
Compact tools and safety items are organized so your essentials are easy to reach when you need them.
</p>
<p style="margin:4px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5; color:#666666;">
Compact tools and safety items are arranged so your essentials are simple to reach when you need them.
</p>
</div>
</td>
<!-- Right feature -->
<td class="stack-column" width="50%" valign="top" style="padding-left:6px;">
<div class="stack-column-inner" style="border-radius:8px; border:1px solid #eeeeee; padding:10px; background-color:#fafafa;">
<p style="margin:0 0 4px 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#C62828;">
Everyday confidence
</p>
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5; color:#666666;">
Keep this kit in your trunk so you can drive knowing you have support for common roadside situations.
</p>
<p style="margin:4px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.5; color:#666666;">
Keep this kit in your trunk so you can travel knowing you have support for common roadside situations.
</p>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Spacer -->
<div style="height:20px; line-height:20px; font-size:0;"> </div>
<!-- Second section header -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse; background-color:#FFFFFF; border-radius:10px 10px 0 0; border:1px solid #dddddd; border-bottom:none; box-shadow:0 3px 10px rgba(0,0,0,0.06);">
<tr>
<td style="padding:16px 22px 10px 22px;">
<p style="margin:0 0 4px 0; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#C62828;">
What’s in Your AAA Emergency Roadside Kit
</p>
<p style="margin:0 0 8px 0; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:bold; color:#D32F2F;">
What’s in Your AAA Emergency Roadside Set
</p>
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6; color:#555555;">
Be ready for the unexpected. Your complimentary kit is designed to cover the most common roadside hiccups:
</p>
<p style="margin:4px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:1.6; color:#555555;">
Be prepared for the unexpected. Your complimentary kit is designed to address the most common roadside hiccups:
</p>
</td>
</tr>
</table>
<!-- Second section body with checklist pattern -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse; background-color:#FFFFFF; border-radius:0 0 10px 10px; border:1px solid #dddddd; border-top:none; box-shadow:0 3px 10px rgba(0,0,0,0.06);">
<tr>
<td style="padding:10px 22px 18px 22px;">
<!-- Checklist style bullets -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse;">
<tr>
<td valign="top" width="22" style="padding:4px 0 4px 0;">
<span style="display:inline-block; width:14px; height:14px; border-radius:50%; background-color:#C62828; margin-top:3px;"></span>
</td>
<td valign="top" style="padding:4px 0;">
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
8-gauge jumper cables (10 ft) for quick battery boosts
</p>
<p style="margin:2px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
8-gauge jumper cables (10 ft) for rapid battery boosts
</p>
</td>
</tr>
<tr>
<td valign="top" width="22" style="padding:4px 0 4px 0;">
<span style="display:inline-block; width:14px; height:14px; border-radius:50%; background-color:#C62828; margin-top:3px;"></span>
</td>
<td valign="top" style="padding:4px 0;">
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
High-visibility reflective triangle & compact LED flashlight
</p>
<p style="margin:2px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
High-visibility reflective triangle & compact LED torch
</p>
</td>
</tr>
<tr>
<td valign="top" width="22" style="padding:4px 0 4px 0;">
<span style="display:inline-block; width:14px; height:14px; border-radius:50%; background-color:#C62828; margin-top:3px;"></span>
</td>
<td valign="top" style="padding:4px 0;">
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
Tire pressure gauge & valve-stem caps for fast checks
</p>
<p style="margin:2px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
Tire pressure gauge & valve-stem caps for quick checks
</p>
</td>
</tr>
<tr>
<td valign="top" width="22" style="padding:4px 0 4px 0;">
<span style="display:inline-block; width:14px; height:14px; border-radius:50%; background-color:#C62828; margin-top:3px;"></span>
</td>
<td valign="top" style="padding:4px 0;">
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
Multi-bit tool set (screwdriver, pliers) & duct tape
</p>
<p style="margin:2px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
Multi-bit tool set (screwdriver, pliers) & duct tape
</p>
</td>
</tr>
<tr>
<td valign="top" width="22" style="padding:4px 0 4px 0;">
<span style="display:inline-block; width:14px; height:14px; border-radius:50%; background-color:#C62828; margin-top:3px;"></span>
</td>
<td valign="top" style="padding:4px 0;">
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
First-aid pouch (bandages, wipes, gauze)
</p>
<p style="margin:2px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
First-aid pouch (bandages, wipes, gauze)
</p>
</td>
</tr>
<tr>
<td valign="top" width="22" style="padding:4px 0 4px 0;">
<span style="display:inline-block; width:14px; height:14px; border-radius:50%; background-color:#C62828; margin-top:3px;"></span>
</td>
<td valign="top" style="padding:4px 0;">
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
Thermal blanket, poncho, and textured work gloves
</p>
<p style="margin:2px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
Thermal blanket, poncho, and textured work gloves
</p>
</td>
</tr>
<tr>
<td valign="top" width="22" style="padding:4px 0 4px 0;">
<span style="display:inline-block; width:14px; height:14px; border-radius:50%; background-color:#C62828; margin-top:3px;"></span>
</td>
<td valign="top" style="padding:4px 0;">
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
Bungee cord, zip ties, and emergency whistle
</p>
<p style="margin:2px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
Bungee cord, zip ties, and emergency whistle
</p>
</td>
</tr>
<tr>
<td valign="top" width="22" style="padding:4px 0 0 0;">
<span style="display:inline-block; width:14px; height:14px; border-radius:50%; background-color:#C62828; margin-top:3px;"></span>
</td>
<td valign="top" style="padding:4px 0 0 0;">
<p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
All packed in a durable, trunk-ready carry case
</p>
<p style="margin:2px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333; line-height:1.5;">
All packed in a durable, trunk-ready carry bag
</p>
</td>
</tr>
</table>
<!-- CTA at bottom (same wording, repositioned) -->
<div style="text-align:center; margin-top:16px;">
<table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>
<td bgcolor="#D32F2F" style="border-radius:6px;">
<a href="http://www.stagg2.com/matzos" style="display:inline-block; padding:10px 28px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-decoration:none; font-weight:bold; text-align:center; border-radius:6px;">
Get Yours Here
</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<!-- Decorative divider -->
<div style="height:24px; line-height:24px; font-size:0;"> </div>
<div style="width:60%; max-width:200px; margin:0 auto; border-top:1px solid #dddddd;"> </div>
<div style="height:18px; line-height:18px; font-size:0;"> </div>
<!-- Micro kids-book note section -->
<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse;">
Plain Text
AAA Emergency Car Kit
AAA
Your Complimentary AAA Emergency Car Kit
Your Complimentary AAA Emergency Auto Kit
Your Complimentary AAA Emergency Vehicle Kit
Your Complimentary AAA Emergency Road Kit
Your Complimentary AAA Emergency Travel Kit
Valid From now thru this week
Valid From now through this week
Get Yours Here
Thank you for being a valued AAA customer! We would like to offer you this emergency roadside car kit to keep you safe while on the road
Thank you for remaining a valued AAA member! We would like to extend you this emergency roadside car kit to keep you secure while on the road
By taking a few minutes to complete a brief survey, you'll help us improve and continue providing the best service possible.
By spending a few moments to finish a brief survey, you'll help us refine and continue delivering the best service possible.
Roadside readiness
Compact tools and safety items are organized so your essentials are easy to reach when you need them.
Compact tools and safety items are arranged so your essentials are simple to reach when you need them.
Everyday confidence
Keep this kit in your trunk so you can drive knowing you have support for common roadside situations.
Keep this kit in your trunk so you can travel knowing you have support for common roadside situations.
What’s in Your AAA Emergency Roadside Kit
What’s in Your AAA Emergency Roadside Set
Be ready for the unexpected. Your complimentary kit is designed to cover the most common roadside hiccups:
Be prepared for the unexpected. Your complimentary kit is designed to address the most common roadside hiccups:
8-gauge jumper cables (10 ft) for quick battery boosts
8-gauge jumper cables (10 ft) for rapid battery boosts
High-visibility reflective triangle & compact LED flashlight
High-visibility reflective triangle & compact LED torch
Tire pressure gauge & valve-stem caps for fast checks
Tire pressure gauge & valve-stem caps for quick checks
Multi-bit tool set (screwdriver, pliers) & duct tape
Multi-bit tool set (screwdriver, pliers) & duct tape
First-aid pouch (bandages, wipes, gauze)
First-aid pouch (bandages, wipes, gauze)
Thermal blanket, poncho, and textured work gloves
Thermal blanket, poncho, and textured work gloves
Bungee cord, zip ties, and emergency whistle
Bungee cord, zip ties, and emergency whistle
All packed in a durable, trunk-ready carry case
All packed in a durable, trunk-ready carry bag
Get Yours Here
http://www.stagg2.com/matzos
