dejanandClaude Opus 5.5
66ecf40a4c
Banner und PS führen auf das Ziel der Mail (eigene utm_content -banner und -ps), Füllzeichen nach dem Vorschautext, Button auf dem Handy volle Breite. Text und Look unverändert. ZIPs, Vorschauen und Mediakit neu. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
112 lines
8.2 KiB
HTML
112 lines
8.2 KiB
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>B4b · Wir haben ohne dich angefangen</title>
|
|
<!--
|
|
B4b (nicht erschienen), gebaut nach der Muster-Mail k03.html. Bausteine sind
|
|
unten mit „BAUSTEIN: …“ markiert, Erklärung in ../README.md.
|
|
|
|
Betreff: Wir haben ohne dich angefangen
|
|
Vorschautext: Kein Vorwurf, der nächste Termin steht schon, und es geht auch kürzer.
|
|
An: Segment „W0812 nicht erschienen“, 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 →“.
|
|
Kein Zitat, keine Liste.
|
|
|
|
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; }
|
|
.knopf { width: 100% !important; }
|
|
.knopf a { display: block !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;">Kein Vorwurf, der nächste Termin steht schon, und es geht auch kürzer.͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­</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;">
|
|
<a href="{{HARIS_LINK}}" style="display:block;text-decoration:none;"><img src="../bilder/banner/b4b-wir-haben-ohne-dich-angefangen.jpg" width="600" alt="Kein Vorwurf: Wir haben ohne dich angefangen." style="display:block;border:0;width:100%;max-width:600px;height:auto;"></a>
|
|
</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 um 18 Uhr haben wir ohne dich angefangen. Kein Vorwurf, bei uns klingelt um die Zeit auch noch das Telefon.</p>
|
|
<p style="margin:0 0 18px;">Verpasst hast du unsere Tafel live, die vier Pannen aus dem Heft und den Vergleich mit HiveGrid. Der nächste Termin ist am Dienstag, 12. Januar, 18 Uhr, ich schreibe dir vorher noch einmal.</p>
|
|
<p style="margin:0 0 6px;">Du musst aber nicht bis Januar warten. Deine drei Zahlen aus dem Heft reichen für 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" class="knopf"><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 →</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 Zahl, die am meisten weh tut. 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> <a href="{{HARIS_LINK}}" style="color:#1A1A1A;text-decoration:underline;text-decoration-color:#F1B729;">Die 15 Minuten</a> gehen auch noch vor Weihnachten.
|
|
</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> ·
|
|
<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>
|