Inboxes List

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8"/>
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <title>
   AAA - Free Safety Kit
  </title>
  <style>
   /* ----- Base resets ----- */
        html, body { margin:0; padding:0; height:100%; }
        img { border:0; outline:0; text-decoration:none; -ms-interpolation-mode:bicubic; display:block; max-width:100%; height:auto; }
        table { border-collapse:collapse !important; mso-table-lspace:0pt; mso-table-rspace:0pt; }
        a { color:#003DA5; text-decoration:none; }

        /* ----- Page background ----- */
        body {
            background:#0f172a url('https://inboxflows.com/_/image/https%253A%252F%252F686.efuserassets.com%252F686%252Foffers%252F17695%252Fc%252F50950%252Fassets%252Fbg.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkY2ODYuZWZ1c2VyYSIsInRpbWUiOjE3NzIwNzAwNTUuODg3MzM5Nn0:1vvQN5:Gws6mzNL53xd6yjCSq5McnqbsrHzcTVDKmhPce-Svo4') center top / cover no-repeat;
            font-family: 'Inter', Arial, Helvetica, sans-serif;
            -webkit-font-smoothing:antialiased;
            -ms-text-size-adjust:100%; 
            -webkit-text-size-adjust:100%;
            padding:20px 10px;
        }

        /* ----- Container & Card ----- */
        .container { width:100%; }
        .wrap { width:450px; max-width:500px; margin:0 auto; }
        .card {
            background:#ffffff;
            border:1px solid #cbd5e1;
            box-shadow:0 10px 30px rgba(15,23,42,.35);
            overflow:hidden;
            border: 1px solid gray;
        }

        /* ----- Header bar ----- */
        .brandbar {
            background:#003DA5;
        }
        .brandbar .logo {
            width:120px;
            margin-left:15px;
            margin-top:10px;
            margin-bottom:10px;
            filter: brightness(0) invert(1);
        }
        .brandbar td { vertical-align:middle; }

        /* ----- Body copy ----- */
        .inner { padding:20px 22px 8px 22px; color:#1f2937; }
        .eyebrow { 
            background:#E30020; 
            color:white !important; 
            font-size:11px; 
            letter-spacing:.2px; 
            text-transform:uppercase; 
            margin:0 0 8px 0; 
            display:inline-block; 
            padding:4px 12px; 
            border-radius:30px;
        }
        h1 { 
            margin:0 0 6px 0; 
            font-size:24px; 
            line-height:1.25; 
            color:#0f172a; 
            font-weight:800; 
        }
        .sub { 
            margin:0 0 12px 0; 
            font-size:15px; 
            color:#111827; 
            font-weight:700; 
            background:#f0f5ff; 
            padding:10px; 
            border-radius:8px; 
            border-left:4px solid #003DA5;
        }
        .copy { margin:0 0 12px 0; font-size:14px; color:#374151; }
        .highlight {
            background:#fff9e6;
            border:1px solid #ffd966;
            padding:12px;
            border-radius:8px;
            margin:15px 0;
            font-weight:600;
            color:#003DA5;
            text-align:center;
        }

        /* ----- Hero ----- */
        .hero { padding:0 22px 16px 22px; }
        .hero-img {
            border-radius:12px;
            width:70%;
            margin:0 auto;
            border:2px solid #003DA5;
            padding:8px;
            background:#f8fafc;
        }
        .headline {
            margin:0 0 6px 0;
            font-size:22px;
            line-height:1.25;
            color:#003DA5;
            font-weight:800;
        }

        /* ----- CTA bar ----- */
        .ctabar { padding:10px 18px 25px; text-align:center; background:none; }
        .btn {
            display:inline-block; 
            font-weight:700; 
            font-size:18px; 
            line-height:50px;
            padding:0 45px; 
            color:#ffffff; 
            background:#003DA5; 
            border-radius:60px; 
            margin-bottom: 20px; 
            text-shadow: 1px 1px 1px black; 
            border: 2px solid #E30020;
            box-shadow:0 8px 0 #001a4a;
            letter-spacing:1px;
        }
        .btn-small {
            display:inline-block;
            font-weight:600;
            font-size:14px;
            line-height:40px;
            padding:0 30px;
            color:#003DA5;
            background:#ffffff;
            border-radius:40px;
            border:2px solid #003DA5;
            margin-top:10px;
        }

        /* ----- Stats grid ----- */
        .stats {
            display:flex;
            gap:8px;
            margin:15px 0;
        }
        .stat-item {
            flex:1;
            background:#f1f5f9;
            border-radius:8px;
            padding:10px 5px;
            text-align:center;
        }
        .stat-number {
            font-weight:800;
            font-size:20px;
            color:#003DA5;
        }
        .stat-label {
            font-size:10px;
            color:#475569;
            text-transform:uppercase;
        }

        /* ----- Feature grid with SVG icons ----- */
        .feature-grid {
            display:flex;
            gap:8px;
            margin:20px 0;
            padding:0 22px;
        }
        .feature-item {
            flex:1;
            text-align:center;
        }
        .icon-wrapper {
            width: 48px;
            height: 48px;
            background: #f0f5ff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 8px;
        }
        .icon-wrapper svg {
            width: 24px;
            height: 24px;
            stroke: #003DA5;
            stroke-width: 1.8;
            fill: none;
        }
        .feature-title {
            font-weight: 600;
            font-size: 12px;
            color: #1f2937;
            margin-bottom: 2px;
        }
        .feature-desc {
            font-size: 10px;
            color: #64748b;
        }

        /* ----- Footer ----- */
        .foot { 
            text-align:center; 
            color:#555; 
            font-size:11px; 
            padding:20px 8px 15px; 
            background:#f8fafc;
            border-top:1px solid #e2e8f0;
        }
        .foot a { color:#E30020; text-decoration:underline; }

        /* ----- Mobile ----- */
        @media screen and (max-width:600px){
            .wrap { width:100% !important; max-width:100% !important; }
            .inner { padding:18px 16px 6px 16px !important; }
            .hero { padding:0 16px 14px 16px !important; }
            .brandbar .logo { width:100px !important; }
            .stats { flex-direction:column; }
            .feature-grid { flex-direction:column; gap:15px; }
        }
  </style>
 </head>
 <body>
  <!-- Hidden preheader -->
  <div style="display:none; font-size:1px; line-height:1px; max-height:0; max-width:0; opacity:0; overflow:hidden; mso-hide:all;">
   🚨 URGENT: Your AAA safety kit is waiting - Claim it now!
  </div>
  <table class="container" role="presentation" width="100%">
   <tr>
    <td align="center">
     <table class="wrap" role="presentation">
      <tr>
       <td class="card">
        <!-- Brand bar with AAA logo -->
        <table class="brandbar" role="presentation" width="100%">
         <tr>
          <td style="width:160px;">
           <a target="_blank">
            <img alt="AAA" class="logo" src="https://inboxflows.com/_/image/https%253A%252F%252Fwww.pngkey.com%252Fpng%252Ffull%252F267-2677732_aaa-logo-black-and-white-philip-morris-international.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ3d3cucG5na2V5LiIsInRpbWUiOjE3NzIwNzAwNTUuODkyMzc3OX0:1vvQN5:ZwW4KVLEeBeluksRlj41TyQ9JbKV9OpB_BLWtFONHMU" width="120"/>
           </a>
          </td>
         </tr>
        </table>
        <!-- Body -->
        <div class="inner">
         <span class="eyebrow">
          🚨 EXCLUSIVE MEMBER OFFER
         </span>
         <p class="headline">
          Dear AAA Member,
         </p>
         <p class="sub">
          🎁 Congratulations! You've been selected
         </p>
         <p class="copy">
          Complete our satisfaction survey (less than 2 minutes) and receive this
          <strong>
           AAA-approved
          </strong>
          emergency safety kit for free.
         </p>
         <!-- STATS -->
         <div class="stats">
          <div class="stat-item">
           <div class="stat-number">
            78%
           </div>
           <div class="stat-label">
            ALREADY CLAIMED
           </div>
          </div>
          <div class="stat-item">
           <div class="stat-number">
            24
           </div>
           <div class="stat-label">
            KITS LEFT
           </div>
          </div>
          <div class="stat-item">
           <div class="stat-number">
            2min
           </div>
           <div class="stat-label">
            SURVEY
           </div>
          </div>
         </div>
         <div class="highlight">
          ⏳ Only
          <strong>
           24 kits
          </strong>
          remaining for AAA members
         </div>
        </div>
        <!-- Hero image - Safety Kit -->
        <div aria-label="AAA Safety Kit" class="hero" role="img">
         <a target="_blank">
          <img alt="AAA Safety Kit" class="hero-img" src="https://inboxflows.com/_/image/https%253A%252F%252F686.efuserassets.com%252F686%252Foffers%252F17695%252Fthumb%252Fe4e1cd3a245b38ee5f278597ba9c2b3c.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkY2ODYuZWZ1c2VyYSIsInRpbWUiOjE3NzIwNzAwNTUuODkyNTIxNn0:1vvQN5:-PXgqG2MQ76araJ26dzn2zj9CYHnKrCfaa__MSQ8SNY"/>
         </a>
        </div>
        <!-- FEATURE GRID WITH PROFESSIONAL SVG ICONS -->
        <div class="feature-grid">
         <div class="feature-item">
          <div class="icon-wrapper">
           <svg viewbox="0 0 24 24">
            <path d="M12 2 L15.09 8.26 L22 9.27 L17 14.14 L18.18 21.02 L12 17.77 L5.82 21.02 L7 14.14 L2 9.27 L8.91 8.26 L12 2" fill="none" stroke="currentColor">
            </path>
            <circle cx="12" cy="12" fill="none" r="2" stroke="currentColor">
            </circle>
           </svg>
          </div>
          <div class="feature-title">
           AAA Approved
          </div>
          <div class="feature-desc">
           Official certification
          </div>
         </div>
         <div class="feature-item">
          <div class="icon-wrapper">
           <svg viewbox="0 0 24 24">
            <rect fill="none" height="12" rx="2" ry="2" stroke="currentColor" width="20" x="2" y="6">
            </rect>
            <circle cx="7" cy="16" fill="none" r="2" stroke="currentColor">
            </circle>
            <circle cx="17" cy="16" fill="none" r="2" stroke="currentColor">
            </circle>
            <line stroke="currentColor" x1="10" x2="10" y1="6" y2="10">
            </line>
            <line stroke="currentColor" x1="14" x2="14" y1="6" y2="10">
            </line>
           </svg>
          </div>
          <div class="feature-title">
           Free Shipping
          </div>
          <div class="feature-desc">
           In 48 hours
          </div>
         </div>
         <div class="feature-item">
          <div class="icon-wrapper">
           <svg viewbox="0 0 24 24">
            <circle cx="12" cy="12" fill="none" r="10" stroke="currentColor">
            </circle>
            <line stroke="currentColor" x1="12" x2="12" y1="12" y2="8">
            </line>
            <line stroke="currentColor" x1="12" x2="16" y1="12" y2="12">
            </line>
            <circle cx="12" cy="12" fill="none" r="2" stroke="currentColor">
            </circle>
           </svg>
          </div>
          <div class="feature-title">
           4.8/5
          </div>
          <div class="feature-desc">
           1,247 reviews
          </div>
         </div>
        </div>
        <!-- Main CTA button -->
        <table class="ctabar" role="presentation" width="100%">
         <tr>
          <td align="center">
           <!--[if mso]>
                                            <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" href="//autosafetykit.servernux.com/4ZGfxZ3572vCiZy241MKZk0udb0sjck0xHhE5" style="height:50px;v-text-anchor:middle;width:260px;" arcsize="50%" stroke="f" fillcolor="#003DA5">
                                                <w:anchorlock/>
                                                <center style="color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:700;">✅ CLAIM MY KIT</center>
                                            </v:roundrect>
                                        <![endif]-->
           <!--[if !mso]><!-- -->
           <a class="btn" target="_blank">
            ✅ CLAIM MY KIT
           </a>
           <!--<![endif]-->
          </td>
         </tr>
        </table>
        <!-- Secondary discreet button -->
        <div style="text-align:center; padding:0 22px 20px;">
         <a class="btn-small" target="_blank">
          🔥 Check my eligibility
         </a>
        </div>
       </td>
      </tr>
      <!-- Footer with links -->
      <tr>
       <td class="foot">
        <div style="margin-bottom:12px;">
         <a style="color:#003DA5; margin:0 8px;">
          Help
         </a>
         |
         <a style="color:#003DA5; margin:0 8px;">
          Terms
         </a>
         |
         <a style="color:#003DA5; margin:0 8px;">
          Privacy
         </a>
         |
         <a style="color:#E30020; margin:0 8px;">
          Unsubscribe
         </a>
        </div>
        <p>
         © 2026 AAA - Loyalty Program. Limited time offer.
        </p>
        <!-- Tracking pixel -->
        <img height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Fautosafetykit.servernux.com%252Ftrack%252F3ZGfxZ3572vCiZy241MKZk0udb0sjck0xHhE5/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmF1dG9zYWZldHlraSIsInRpbWUiOjE3NzIwNzAwNTUuODkyNjMxNX0:1vvQN5:70FnmfyKju9Y1hKCk4Y3Mv10Q_VnR0NErpt_pLJjGxk" style="display:none;" width="1"/>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
  <!-- Hidden message -->
  <div style="font-size:1px; color:#0f172a; visibility:hidden;">
   AAA - Free safety kit - 24 kits remaining - Claim now
  </div>
 </body>
</html>