HiveGrid-Marketing/E-Mails/mails/b4a.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>B4a · Danke für gestern Abend</title>
<!--
  B4a (teilgenommen), gebaut nach der Muster-Mail k03.html. Bausteine sind
  unten mit „BAUSTEIN: …“ markiert, Erklärung in ../README.md.

  Betreff:      Danke für gestern Abend
  Vorschautext: Deine drei Zahlen, und was du jetzt damit machst.
  An:           Segment „W0812 teilgenommen“, 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 →“.
                Zitat: „Du baust es selbst, so wie ich. Oder du nimmst, was ich gebaut
                habe.“ vom Ende des Absatzes „Du hast gesehen …“, dort gestrichen,
                Wortlaut gleich.

  Platzhalter: {{HARIS_LINK}} und [[UNSUB_LINK_EN_US]] 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;">Deine drei Zahlen, und was du jetzt damit machst.</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/b4a-danke-fuer-gestern-abend.jpg" width="600" alt="Nach dem Webinar: Danke für gestern Abend." 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;">danke, dass du gestern Abend dabei warst. Eine Stunde am Bildschirm nach einem vollen Arbeitstag, das weiß ich zu schätzen.</p>
      <p style="margin:0 0 18px;">Du hast gesehen, wie die Tafel bei uns läuft, wo es gewackelt hat und was davon in HiveGrid steckt. Jetzt hast du zwei Wege, so wie es hinten im Heft steht.</p>
    </td></tr>

    <!-- BAUSTEIN: Zitat (höchstens eins pro Mail, Wortlaut aus dem PDF) -->
    <tr><td class="rand" style="padding:4px 40px 22px;">
      <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0"><tr>
        <td style="padding:0;font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.45;font-style:italic;color:#1A1A1A;">Du baust es selbst, so wie ich. Oder du nimmst, was ich gebaut habe.</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;">Für den zweiten Weg reichen 15 Minuten über deine drei Zahlen. 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;">Ihr sprecht über dein Branchenprogramm und die eine Stelle, die dich gestern am meisten getroffen hat. Passt HiveGrid nicht zu deinem Betrieb, sagen wir das auch.</p>
      <p style="margin:0 0 18px;">Für unseren Betrieb gebaut. Genau das steckt in HiveGrid. Ob es auch für deinen passt, klären wir am Telefon.</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="[[UNSUB_LINK_EN_US]]" 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>