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.0" name="viewport"/>
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <title>
   HarmoBrain • Cognitive Wellness Presentation
  </title>
  <style type="text/css">
   /* ----- RESET & BASE ----- */
        body {
            margin: 0;
            padding: 0;
            background: #f2f4f8;
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            color: #1e2a41;
            -webkit-font-smoothing: antialiased;
        }
        table {
            border-collapse: collapse;
            border-spacing: 0;
        }
        td {
            vertical-align: top;
        }
        img {
            display: block;
            border: 0;
            max-width: 100%;
            height: auto;
        }
        a {
            text-decoration: none;
            color: #1e4a7a;
        }

        /* ----- LAYOUT ----- */
        .wrapper {
            width: 100%;
            background: #f2f4f8;
            padding: 28px 0;
        }
        .container {
            width: 100%;
            max-width: 600px;
            margin: 0 auto;
            background: #ffffff;
            border-radius: 18px;
            box-shadow: 0 12px 40px rgba(0,0,0,0.04);
            overflow: hidden;
        }

        /* ----- HEADER (refined) ----- */
        .header-bar {
            padding: 18px 28px 14px;
            border-bottom: 1px solid #e6edf4;
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }
        .brand {
            font-size: 30px;
            font-weight: 700;
            color: #1a3e60;
            letter-spacing: -0.5px;
        }
        .brand span {
            color: #315b87;
        }
        .badge {
            background: #eef3f9;
            padding: 6px 16px;
            border-radius: 40px;
            font-size: 12px;
            font-weight: 600;
            color: #1e4a7a;
            letter-spacing: 0.3px;
            border: 1px solid #d3dfec;
        }

        /* ----- CONTENT ----- */
        .content-padding {
            padding: 24px 30px 30px;
        }

        .eyebrow {
            font-size: 13px;
            font-weight: 600;
            color: #4f6f8f;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 6px;
        }

        h1 {
            font-size: 30px;
            line-height: 1.3;
            font-weight: 700;
            color: #0b1e33;
            margin: 0 0 12px;
        }
        h1 .highlight {
            color: #1e4a7a;
            border-bottom: 3px solid #facc15;
            padding-bottom: 2px;
        }

        .sub-text {
            font-size: 17px;
            line-height: 1.6;
            color: #2e405b;
            margin: 0 0 18px;
        }

        /* ----- VIDEO THUMBNAIL (enhanced) ----- */
        .video-wrap {
            position: relative;
            border-radius: 14px;
            overflow: hidden;
            box-shadow: 0 6px 18px rgba(0,0,0,0.04);
            background: #f0f4fa;
            border: 1px solid #e0e8f0;
            transition: 0.2s;
        }
        .video-wrap img {
            width: 100%;
            display: block;
        }
        .play-btn {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80px;
            height: 80px;
            background: rgba(20, 40, 65, 0.88);
            border-radius: 50%;
            border: 3px solid rgba(255, 255, 255, 0.95);
            box-shadow: 0 8px 28px rgba(0,0,0,0.20);
            backdrop-filter: blur(3px);
            transition: 0.15s;
        }
        .play-btn::after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-34%, -50%);
            width: 0;
            height: 0;
            border-left: 28px solid #facc15;
            border-top: 18px solid transparent;
            border-bottom: 18px solid transparent;
        }
        .play-btn:hover {
            background: rgba(20, 40, 65, 0.96);
            transform: translate(-50%, -50%) scale(1.02);
        }

        /* ----- CTA BUTTON (primary) ----- */
        .cta-primary {
            display: inline-block;
            background: #1e4a7a;
            color: #ffffff !important;
            font-weight: 700;
            font-size: 17px;
            padding: 14px 38px;
            border-radius: 60px;
            letter-spacing: 0.4px;
            box-shadow: 0 6px 16px rgba(30, 74, 122, 0.25);
            transition: 0.15s;
            border: 1px solid rgba(255,255,255,0.1);
        }
        .cta-primary:hover {
            background: #123b63;
            box-shadow: 0 8px 24px rgba(30, 74, 122, 0.30);
            transform: scale(1.01);
        }

        .cta-secondary {
            display: inline-block;
            background: #eef3f9;
            color: #1e4a7a !important;
            font-weight: 600;
            font-size: 15px;
            padding: 12px 32px;
            border-radius: 60px;
            border: 1px solid #d3dfec;
            transition: 0.15s;
        }
        .cta-secondary:hover {
            background: #e3eaf3;
        }

        /* ----- SYMPTOM BOX (modern) ----- */
        .symptom-box {
            background: #f6faff;
            border-left: 6px solid #1e4a7a;
            border-radius: 12px;
            padding: 16px 22px 16px 26px;
            margin: 24px 0 22px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.02);
        }
        .symptom-box strong {
            font-size: 18px;
            color: #0b1e33;
            display: block;
            margin-bottom: 8px;
        }
        .symptom-box ul {
            margin: 0;
            padding: 0 0 0 22px;
            list-style: none;
            font-size: 16px;
            line-height: 1.8;
            color: #1f3b57;
        }
        .symptom-box ul li::before {
            content: "• ";
            color: #facc15;
            font-weight: 700;
            font-size: 20px;
        }

        /* ----- DIVIDER / SPACER ----- */
        .divider {
            height: 1px;
            background: #e6edf4;
            margin: 28px 0 24px;
        }

        /* ----- FOOTER ----- */
        .footer {
            background: #f8faff;
            padding: 24px 30px 26px;
            border-top: 1px solid #e6edf4;
            font-size: 12px;
            line-height: 1.8;
            color: #5b6f88;
            text-align: center;
        }
        .footer a {
            color: #1e4a7a;
            text-decoration: underline;
            font-weight: 500;
        }
        .footer a:hover {
            color: #0b1e33;
        }
        .footer .links {
            margin-top: 12px;
            display: flex;
            justify-content: center;
            gap: 18px;
            flex-wrap: wrap;
        }

        /* ----- RESPONSIVE ----- */
        @media screen and (max-width: 620px) {
            .wrapper { padding: 12px 0; }
            .content-padding { padding: 18px 18px 24px; }
            .header-bar { padding: 14px 18px; flex-direction: column; align-items: flex-start; gap: 8px; }
            .brand { font-size: 26px; }
            h1 { font-size: 24px; }
            .sub-text { font-size: 15px; }
            .play-btn { width: 64px; height: 64px; }
            .play-btn::after { border-left-width: 22px; border-top-width: 14px; border-bottom-width: 14px; }
            .cta-primary { padding: 12px 28px; font-size: 15px; }
            .symptom-box { padding: 14px 16px; }
        }
        @media screen and (max-width: 420px) {
            .content-padding { padding: 14px 12px 20px; }
            .footer { padding: 18px 14px; }
            .footer .links { flex-direction: column; gap: 6px; }
        }
  </style>
 </head>
 <body>
  <table bgcolor="#f2f4f8" border="0" cellpadding="0" cellspacing="0" class="wrapper" width="100%">
   <tr>
    <td align="center">
     <table border="0" cellpadding="0" cellspacing="0" class="container" width="100%">
      <!-- HEADER: clean + brand -->
      <tr>
       <td class="header-bar">
        <div class="brand">
         HEALTH
         <span>
          WATCH
         </span>
        </div>
        <div class="badge">
         🧠 BRAIN HEALTH
        </div>
       </td>
      </tr>
      <!-- MAIN CONTENT -->
      <tr>
       <td class="content-padding">
        <div class="eyebrow">
         NEW COGNITIVE WELLNESS PRESENTATION
        </div>
        <h1>
         Forgetting Names, Losing Focus, or Feeling Mentally Slower?
         <br/>
         <span class="highlight">
          Watch the brief HarmoBrain presentation.
         </span>
        </h1>
        <p class="sub-text">
         If memory slips, brain fog, slower recall, or poor concentration are becoming harder to ignore, this short video may be worth seeing.
        </p>
        <!-- VIDEO THUMBNAIL with play button -->
        <a style="display:block;text-decoration:none;" target="_blank">
         <div class="video-wrap">
          <img alt="HarmoBrain cognitive wellness presentation" loading="lazy" src="https://inboxflows.com/_/image/https%253A%252F%252Fi.8upload.com%252Fimage%252Ff2c1ac082524cab9%252Fimage-1.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZpLjh1cGxvYWQuYyIsInRpbWUiOjE3ODQwNzg4NTAuNjM5MzkxNH0:1wjoPK:oSjx-3QZiWMcuFWk3nl6id_sJp_tVKgbPkE0XHYyJg0" width="600"/>
          <div aria-label="Play presentation" class="play-btn">
          </div>
         </div>
        </a>
        <!-- CTA (primary) -->
        <div align="center" style="margin: 18px 0 6px;">
         <a class="cta-primary" target="_blank">
          ▶ WATCH THE PRESENTATION
         </a>
        </div>
        <div align="center" style="font-size: 14px; color: #5b6f88; margin-bottom: 22px;">
         A short introduction to a daily brain-support approach
        </div>
        <!-- SYMPTOM BOX (enhanced) -->
        <div class="symptom-box">
         <strong>
          🧩 Watch if you notice:
         </strong>
         <ul>
          <li>
           Forgetting familiar names or words
          </li>
          <li>
           Losing your train of thought
          </li>
          <li>
           Misplacing everyday items
          </li>
          <li>
           Difficulty staying focused
          </li>
          <li>
           Feeling mentally foggy or overwhelmed
          </li>
         </ul>
        </div>
        <p style="font-size: 17px; line-height: 1.7; color: #1f3b57; margin: 0 0 24px;">
         The presentation explores a simple daily wellness routine designed to support memory, mental clarity, focus, and healthy cognitive function as you age.
        </p>
        <!-- DOUBLE CTA (primary + secondary) -->
        <div align="center" style="display: flex; flex-wrap: wrap; gap: 14px; justify-content: center;">
         <a class="cta-primary" target="_blank">
          SEE THE BRAIN METHOD →
         </a>
         <a class="cta-secondary" target="_blank">
          Learn more
         </a>
        </div>
        <!-- subtle divider -->
        <div class="divider">
        </div>
        <div style="font-size: 14px; color: #4f6f8f; text-align: center; padding: 4px 0 2px;">
         ⚡ Limited-time access — watch the full presentation now
        </div>
       </td>
      </tr>
      <!-- FOOTER -->
      <tr>
       <td class="footer">
        <div>
         This presentation is provided for informational and promotional purposes only. Individual experiences may vary. This product is not intended to diagnose, treat, cure, or prevent any disease.
        </div>
        <div class="links">
         <a>
          Unsubscribe
         </a>
         <a target="_blank">
          View presentation
         </a>
         <a>
          Privacy Policy
         </a>
        </div>
        <div style="margin-top: 12px; color: #7a8da3; font-size: 11px;">
         © 2025 HealthWatch · All rights reserved.
        </div>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
 </body>
</html>