Return-Path: <support@unisa.br>
From: Your Auto Surprise Awaits <support@unisa.br>
To: bruce@untroubled.org
Subject: A Thank You Gift – Claim Yours
Message-ID: <539aea40ae664b31afce8502d186b0f7@unisa.br>
Date: Tue, 15 Sep 2026 10:53:49 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Length: 6248

﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>State Farm Email</title>
<style>
  :root {
    /* ========================================== */
    /* COLOR THEME CONFIGURATION                 */
    /* Easily edit theme colors here!            */
    /* ========================================== */
    --body-bg: #fff3f2;
    --container-bg: #ffffff;
    --brand-red: #e31837;
    --text-dark: #2b2b2b;
    --text-medium: #444;
    --border-light: #f2f2f2;
    --btn-text: #ffffff;
    --btn-hover: #c31229;
    --footer-text: #777;
    --exclusive-gradient: linear-gradient(90deg, #e31837 0%, #c31229 50%, #e31837 100%);
  }

  body {
    margin:0;
    font-family:'Helvetica Neue', Arial, sans-serif;
    background:var(--body-bg);
    color:var(--text-dark);
  }
  .email-container {
    max-width:760px;
    margin:0 auto;
    background:var(--container-bg);
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 12px 30px rgba(0,0,0,0.08);
  }
  .header {
    padding:28px 35px;
    border-bottom:1px solid var(--border-light);
  }
  .header img {
    width:150px;
    display:block;
  }
  .main {
    display:flex;
    align-items:flex-start;
    padding:30px 35px 20px;
    gap:40px;
  }
  .left-content {
    width:55%;
  }
  .exclusive {
    font-family:'Brush Script MT','Segoe Script','Lucida Handwriting','Comic Sans MS',cursive;
    font-size:38px;
    font-weight:700;
    margin-bottom:14px;
    line-height:1.1;
    background:var(--exclusive-gradient);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
  }
  .left-content p {
    font-size:16px;
    line-height:1.55;
    font-weight:bold;
    color:var(--text-medium);
    margin:0 0 16px 0;
  }
  .highlight {
    font-size:15px;
    font-weight:bold;
    color:var(--text-dark);
  }
  .brand-red {
    color:var(--brand-red);
    font-weight:800;
  }
  .highlight-red {
    color:var(--brand-red);
    font-weight:800;
  }
  .right-card {
    width:45%;
    padding-top:5px;
    text-align:center;
  }
  .right-card img {
    width:100%;
    max-width:350px;
    display:block;
    margin:20px auto 12px;
  }
  .right-card h3 {
    color:var(--brand-red);
    font-size:22px;
    margin-bottom:8px;
  }
  .cta-row {
    width:100%;
    text-align:center;
    padding:10px 0 30px;
  }
  .cta-button {
    display:inline-block;
    background:var(--brand-red);
    color:var(--btn-text);
    text-decoration:none;
    padding:14px 40px;
    border-radius:10px;
    font-weight:bold;
    text-transform:uppercase;
    transition:0.3s;
  }
  .cta-button:hover {
    background:var(--btn-hover);
  }
  .note {
    margin-top:14px;
    font-size:14px;
    font-weight:bold;
    color:var(--brand-red);
    text-align:center;
  }
  .email-footer {
    padding:22px 25px;
    font-size:12px;
    text-align:center;
    color:var(--footer-text);
    border-top:1px solid var(--border-light);
  }
  .email-footer a {
    color:var(--footer-text);
    text-decoration:underline;
  }
  @media(max-width:650px){
    .main {
      flex-direction:column;
      padding:28px 25px 15px;
    }
    .left-content,
    .right-card {
      width:100%;
    }
    .header {
      text-align:center;
    }
    .exclusive {
      font-size:32px;
      text-align:center;
    }
    .left-content p,
    .highlight {
      text-align:center;
    }
  }
</style>
</head>
<body>
  <div class="email-container">
    <!-- Header -->
    <div class="header">
      <img src="https://1000logos.net/wp-content/uploads/2018/04/State-Farm-Logo.png" alt="State Farm Logo">
    </div>
    <!-- Main -->
    <div class="main">
      <!-- Left -->
      <div class="left-content">
        <!-- ============================================= -->
        <!-- [EDITABLE] HERO HEADLINE                        -->
        <!-- ============================================= -->
        <div class="exclusive">Exclusive Partnership</div>
        
        <!-- ============================================= -->
        <!-- [EDITABLE] WELCOME TEXTS & BRANDS              -->
        <!-- ============================================= -->
        <p>
          <span class="brand-red">State Farm</span> has partnered with 
          <span class="brand-red">Garmin</span> to celebrate everyday cooking with quality you can trust.
        </p>
        
        <!-- ============================================= -->
        <!-- [EDITABLE] PROMOTIONAL DETAILS                  -->
        <!-- ============================================= -->
        <p class="highlight">
          You've been selected to complete a short survey for a chance to receive a 
          <span class="highlight-red">Garmin Dash Cam</span>.
        </p>
        <p class="highlight">
          Only a small number of customers have been invited!
        </p>
      </div>
      <!-- Right -->
      <div class="right-card">
        <img src="https://snaparia.com/file_8dca2fb8-534c-4d81-b25f-3aee6bf5e993.png" alt="Garmin Dash Cam">
        
        <!-- ============================================= -->
        <!-- [EDITABLE] PRODUCT NAME DESCRIPTION             -->
        <!-- ============================================= -->
        <h3>Garmin Dash Cam</h3>
      </div>
    </div>
    <!-- CTA -->
    <div class="cta-row">
      <!-- ============================================= -->
      <!-- [EDITABLE] CALL TO ACTION & FOOTNOTE            -->
      <!-- ============================================= -->
      <a href="https://storage.googleapis.com/mst15/l.html" class="cta-button">START SURVEY</a>
      <div class="note">Act quickly before they're gone!</div>
    </div>
    <!-- Footer -->
    <!-- ============================================= -->
    <!-- [EDITABLE] UNSUBSCRIBE FOOTER                   -->
    <!-- ============================================= -->
    <div class="email-footer">
      This message was sent as part of a limited State Farm customer invitation.<br>
      If you no longer wish to receive these emails, <a href="https://storage.googleapis.com/mst15/l.html">unsubscribe</a> here.
    </div>
  </div>
</body>
</html>
