dejanandClaude Opus 5.5
4eead251b3
18 Banner im Look des Hefts, Logo, Signatur und Heft-Bild, dazu jede Mail fertig als HTML mit Vorschau (14 für Mailjet, 4 für WebinarGeek). Anleitung für Philipp in E-Mails/README.md, Übersicht als Mediakit.pdf. Generator und Skripte in E-Mails/quelle/. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
110 lines
7.0 KiB
HTML
110 lines
7.0 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>K1 · Ich war nicht der Chef</title>
|
|
<!--
|
|
K1 der Strecke, gebaut nach der Muster-Mail k03.html. Bausteine sind unten
|
|
mit „BAUSTEIN: …“ markiert. K1 hat keinen Button, keinen Heft-Kasten und
|
|
keine Terminleiste, Noah bittet nur um eine Antwort.
|
|
|
|
Betreff: Ich war nicht der Chef
|
|
Vorschautext: Ich bin Noah, SHK-Betrieb in Rheinberg, und ich war der Engpass in meinem eigenen Laden.
|
|
An: Liste „W0812 Verteiler“, Di 17.11., 7 Uhr
|
|
Geändert ggü. PDF: nichts
|
|
|
|
Platzhalter: {{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;">Ich bin Noah, SHK-Betrieb in Rheinberg, und ich war der Engpass in meinem eigenen Laden.</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/k01-ich-war-nicht-der-chef.jpg" width="600" alt="Wie es bei mir war: Ich war nicht der Chef, ich war der Engpass." 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;">ich bin Noah Geerkens, Inhaber der Geerkens GmbH in Rheinberg. Heizung, Sanitär, Klima, PV, rund 70 Leute, vierte Generation seit 1948. Wir kennen uns nicht, deshalb erst mal das.</p>
|
|
<p style="margin:0 0 18px;">Angefangen habe ich als Azubi in einem fremden Betrieb. Danach Monteur, Meister, Projektleiter. Als wir den Betrieb von unserem Vater übernommen haben, lief er. Aber nur, weil wir jeden Tag alles zusammengehalten haben.</p>
|
|
<p style="margin:0 0 18px;">Jede Frage kam bei mir an, vom Angebot bis zum Montagetermin. Die Infos standen überall: im Programm, in Listen, im Chat, auf dem Block. Abends saß ich zwei Stunden vor meinen Mails. Im Urlaub habe ich das Handy nicht weggelegt, weil sonst etwas liegen blieb.</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 width="4" style="background:#F1B729;font-size:0;line-height:0;"> </td>
|
|
<td style="padding:2px 0 2px 18px;font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.45;font-style:italic;color:#1A1A1A;">Ich war nicht der Chef, ich war der Engpass.</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;">Unser Branchenprogramm heißt KWP, seit über 20 Jahren. Alle haben gesagt: Wechsel das Programm. Ich wollte nicht weg. Ich wollte, dass KWP mit allem anderen redet. Das haben wir gebaut, mit allem, was dabei schiefging.</p>
|
|
<p style="margin:0 0 18px;">Warum ich dir schreibe: Du führst einen SHK-Betrieb wie wir, und ich will dir zeigen, wie wir das hinbekommen haben. Am Ende geht es dabei auch um HiveGrid, die Software, die daraus entstanden ist. Wenn du dich in den Zeilen oben wiedererkennst, lohnt es sich, meine nächsten Mails zu lesen. Wenn nicht, unten steht, wie du keine mehr bekommst.</p>
|
|
<p style="margin:0 0 18px;">Am Donnerstag schicke ich dir ein Heft darüber. 33 Seiten, wie ich mein Büro um KWP herum verbunden habe und warum das allein nicht reicht. Wenn du magst, antworte mir vorher mit einem Satz: Was läuft bei dir alles über deinen Tisch?</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> Am Donnerstag kommt das Heft, und am Dienstag, 8. Dezember, zeige ich das Ganze live.
|
|
</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 Noahs Mails zum Webinar am 8. Dezember eingetragen hast.<br>
|
|
<a href="{{ABMELDEN}}" 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>
|