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>
142 lines
11 KiB
HTML
142 lines
11 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>B5 · Du hast zwei Wege</title>
|
|
<!--
|
|
B5, gebaut nach der Muster-Mail k03.html. Bausteine sind unten mit
|
|
„BAUSTEIN: …“ markiert, Erklärung in ../README.md.
|
|
|
|
Betreff: Du hast zwei Wege
|
|
Vorschautext: Selbst bauen, so wie ich, oder nehmen, was ich gebaut habe.
|
|
An: Liste „W0812 Angemeldet“, Fr 11.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: „Ich war genau da.“ vom Ende des Absatzes „ich weiß, wie es
|
|
ist …“, dort gestrichen, Wortlaut gleich.
|
|
Liste: die Absätze „Der erste Weg. …“ und „Der zweite Weg. …“ als
|
|
Liste 1 und 2, 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; }
|
|
.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;">Selbst bauen, so wie ich, oder nehmen, was ich gebaut habe.͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­͏‌  ­</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/b5-du-hast-zwei-wege.jpg" width="600" alt="Wie es weitergeht: Du hast zwei Wege." 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;">ich weiß, wie es ist, wenn der Betrieb läuft und du trotzdem nicht abschalten kannst. Wenn du abends noch Mails beantwortest und im Urlaub das Handy nicht weglegst.</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;">Ich war genau da.</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;">Ich habe nicht alles richtig gemacht. Ich habe Abläufe gebaut, die gewackelt haben, und Geld für Programme ausgegeben, die keiner genutzt hat. Wenn du dich hier wiedererkannt hast, hast du jetzt zwei Wege.</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;">Der erste Weg. Du baust es selbst, so wie ich. Unser Eigenbau: mehrere hundert Stunden, mehrere zehntausend Euro, 13 Programme. Am Ende kannte nur ich alle Verbindungen. Geht. Ich habe es gemacht.</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;">Der zweite Weg. Du nimmst, was ich gebaut habe. Für unseren Betrieb gebaut. Genau das steckt in HiveGrid. Passt es, setzen wir HiveGrid gemeinsam bei dir auf. Du musst das nicht allein machen.</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;">Der zweite Weg fängt mit 15 Minuten an, ü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" 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;">Was dein Betrieb davon braucht, klären wir in dem Gespräch, nicht per Mail. Deshalb kein Angebot im Anhang. Die Rechnung schreibt am Ende weiter dein Programm, HiveGrid gibt nur den Anstoß.</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> Wenn du <a href="{{HARIS_LINK}}" style="color:#1A1A1A;text-decoration:underline;text-decoration-color:#F1B729;">dir den Termin diese Woche noch aussuchst</a>, telefoniert ihr 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>
|