HiveGrid-Marketing/E-Mails/mails/b4c.html

<!doctype html>
<html lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="x-apple-disable-message-reformatting">
<meta name="color-scheme" content="light">
<title>B4c · Deine drei Zahlen</title>
<!--
  B4c (Teilnahme unbekannt), gebaut nach der Muster-Mail k03.html. Bausteine sind
  unten mit „BAUSTEIN: …“ markiert, Erklärung in ../README.md.

  Betreff:      Deine drei Zahlen
  Vorschautext: Programme nebeneinander, Angebote ohne Anruf, Stunden am Tag für Mails.
  An:           Reserve, nur wenn die Teilnahmedaten fehlen, dann an alle aus
                „W0812 Angemeldet“ statt B4a und B4b, Mi 09.12., 9 Uhr
  Geändert ggü. PDF: „[Gesprächs-Link, 15 Minuten mit Haris]“ gestrichen, der Satz endet
                mit dem Doppelpunkt, danach Button „Termin mit Haris aussuchen →“.
                Liste: Absatz „Orte, an denen Infos liegen …“ als Liste 1 bis 3,
                ein Satz pro Punkt, Wortlaut gleich. Kein Zitat.

  Platzhalter: {{HARIS_LINK}} und {{ABMELDEN}} ersetzen, [Vorname] über die
  Personalisierung von Mailjet (Eigenschaft anrede). Bilder liegen in ../bilder/.
-->
<style>
  body { margin: 0; padding: 0; background: #F4F3EF; }
  a { color: #8A6800; }
  @media (max-width: 620px) {
    .karte { width: 100% !important; border-radius: 0 !important; }
    .rand { padding-left: 22px !important; padding-right: 22px !important; }
    .spalte { display: block !important; width: 100% !important; padding: 0 0 12px 0 !important; }
    .text { font-size: 17px !important; }
  }
</style>
</head>
<body style="margin:0;padding:0;background:#F4F3EF;">

<!-- BAUSTEIN: Vorschautext (unsichtbar, in Mailjet als „Vorschautext“ eintragen) -->
<div style="display:none;max-height:0;overflow:hidden;opacity:0;">Programme nebeneinander, Angebote ohne Anruf, Stunden am Tag für Mails.</div>

<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#F4F3EF;">
<tr><td align="center" style="padding:28px 12px 40px;">

  <!-- BAUSTEIN: Kopf (Logo über der Karte) -->
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" class="karte" style="width:600px;">
    <tr><td align="center" style="padding:0 0 20px;">
      <img src="../bilder/logo-hivegrid.png" width="152" height="40" alt="HiveGrid" style="display:block;border:0;width:152px;height:40px;">
    </td></tr>
  </table>

  <!-- Karte -->
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" class="karte" style="width:600px;background:#FFFFFF;border:1px solid #E4E1D8;border-radius:14px;overflow:hidden;">

    <!-- BAUSTEIN: Banner -->
    <tr><td style="padding:0;">
      <img src="../bilder/banner/b4c-deine-drei-zahlen.jpg" width="600" alt="Was jetzt zählt: Deine drei Zahlen." style="display:block;border:0;width:100%;max-width:600px;height:auto;">
    </td></tr>

    <!-- BAUSTEIN: Text -->
    <tr><td class="rand text" style="padding:30px 40px 0;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.65;color:#1A1A1A;">
      <p style="margin:0 0 18px;">Moin [Vorname],</p>
      <p style="margin:0 0 18px;">gestern Abend war der Termin. Falls du nicht dabei sein konntest, der nächste ist am Dienstag, 12. Januar, 18 Uhr. Worum es jetzt geht, sind so oder so deine drei Zahlen aus dem Heft.</p>
    </td></tr>

    <!-- BAUSTEIN: Liste -->
    <tr><td class="rand" style="padding:0 40px 14px;">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td width="34" valign="top" style="padding:2px 0 12px;"><div style="width:26px;height:26px;border-radius:13px;background:#F1B729;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;line-height:26px;text-align:center;color:#1A1A1A;">1</div></td>
          <td valign="top" style="padding:0 0 12px 8px;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.6;color:#1A1A1A;">Orte, an denen Infos liegen, deine Kreuze aus dem Selbsttest.</td>
        </tr>
        <tr>
          <td width="34" valign="top" style="padding:2px 0 12px;"><div style="width:26px;height:26px;border-radius:13px;background:#F1B729;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;line-height:26px;text-align:center;color:#1A1A1A;">2</div></td>
          <td valign="top" style="padding:0 0 12px 8px;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.6;color:#1A1A1A;">Offene Angebote ohne Anruf, länger als zwei Tage offen.</td>
        </tr>
        <tr>
          <td width="34" valign="top" style="padding:2px 0 12px;"><div style="width:26px;height:26px;border-radius:13px;background:#F1B729;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;line-height:26px;text-align:center;color:#1A1A1A;">3</div></td>
          <td valign="top" style="padding:0 0 12px 8px;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.6;color:#1A1A1A;">Stunden am Tag für Mails, was nur über deinen Tisch läuft.</td>
        </tr>
      </table>
    </td></tr>

    <tr><td class="rand text" style="padding:0 40px;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.65;color:#1A1A1A;">
      <p style="margin:0 0 6px;">Über genau diese drei Zahlen reden wir in 15 Minuten am Telefon. Haris aus meinem Team ruft dich an, du suchst dir den Termin aus:</p>
    </td></tr>

    <!-- BAUSTEIN: Button -->
    <tr><td align="center" class="rand" style="padding:18px 40px 26px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr>
        <td align="center" bgcolor="#F1B729" style="border-radius:6px;">
          <a href="{{HARIS_LINK}}" style="display:inline-block;padding:16px 34px;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;color:#1A1A1A;text-decoration:none;border-radius:6px;">Termin mit Haris aussuchen &rarr;</a>
        </td>
      </tr></table>
    </td></tr>

    <tr><td class="rand text" style="padding:0 40px;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.65;color:#1A1A1A;">
      <p style="margin:0 0 18px;">Du brauchst dafür nichts vorzubereiten außer den drei Zahlen. Wenn du eine davon nicht hast, schätz sie. Ihr sprecht über dein Branchenprogramm, und passt HiveGrid nicht zu deinem Betrieb, sagen wir das auch.</p>
    </td></tr>

    <!-- BAUSTEIN: Gruß und Signatur -->
    <tr><td class="rand text" style="padding:0 40px;font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.65;color:#1A1A1A;">
      <p style="margin:0 0 12px;">Gruß Noah</p>
    </td></tr>
    <tr><td class="rand" style="padding:0 40px 24px;">
      <img src="../bilder/signatur-noah.png" width="360" height="88" alt="Noah Geerkens, Inhaber Geerkens GmbH, Rheinberg" style="display:block;border:0;width:360px;max-width:100%;height:auto;">
    </td></tr>

    <!-- BAUSTEIN: PS -->
    <tr><td class="rand" style="padding:0 40px 34px;">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
        <td style="border-top:1px solid #ECEAE3;padding-top:18px;font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.6;color:#3A3A37;">
          <b style="color:#1A1A1A;">PS:</b> Such dir den Termin am besten noch vor Weihnachten aus.
        </td>
      </tr></table>
    </td></tr>
  </table>

  <!-- BAUSTEIN: Fuß (außerhalb der Karte) -->
  <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" class="karte" style="width:600px;">
    <tr><td class="rand" align="center" style="padding:26px 30px 0;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.7;color:#6B6B66;">
      Du bekommst diese Mail, weil du dich für das Webinar am 8. Dezember angemeldet hast.<br>
      <a href="{{ABMELDEN}}" style="color:#6B6B66;text-decoration:underline;">Abmelden</a> &nbsp;·&nbsp;
      <a href="https://hivegrid.de/datenschutz" style="color:#6B6B66;text-decoration:underline;">Datenschutz</a><br>
      HiveGrid GmbH i. G. · Xantener Straße 235a · 47495 Rheinberg
    </td></tr>
  </table>

</td></tr>
</table>
</body>
</html>