77 lines
4.5 KiB
HTML
77 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Empfehlen für WEBklar – Leitfaden</title>
|
||
<style>
|
||
@page { size: A4; margin: 13mm 16mm 12mm; }
|
||
* { box-sizing: border-box; }
|
||
body { margin: 0; color: #1d1d1f; font: 10pt/1.45 "DejaVu Sans", system-ui, sans-serif; }
|
||
.brand { font-weight: 800; letter-spacing: 0.12em; font-size: 10pt; color: #6d1fd1; }
|
||
h1 { font-size: 20pt; line-height: 1.15; margin: 3mm 0 1.5mm; }
|
||
.lead { font-size: 10.5pt; color: #444; margin: 0 0 4mm; }
|
||
h2 { font-size: 12pt; margin: 4.5mm 0 2mm; }
|
||
ol.steps { list-style: none; padding: 0; margin: 0; display: grid; gap: 3mm; }
|
||
ol.steps li { display: grid; grid-template-columns: 9mm 1fr; gap: 3mm; align-items: start; }
|
||
.num { width: 8mm; height: 8mm; border-radius: 50%; background: #6d1fd1; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }
|
||
ol.steps strong { display: block; }
|
||
.box { border: 1px solid #e0dccf; border-radius: 3mm; padding: 3mm 4mm; margin: 3.5mm 0; background: #faf9f6; }
|
||
.rules { margin: 0; padding-left: 5mm; }
|
||
.rules li { margin: 1.4mm 0; }
|
||
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 4mm; }
|
||
.muted { color: #666; font-size: 9pt; }
|
||
.contact { font-size: 10pt; }
|
||
.do::marker { content: "✓ "; color: #2f7d3b; }
|
||
.dont::marker { content: "✗ "; color: #b3261e; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="brand">WEBKLAR</div>
|
||
<h1>Empfehlen für WEBklar</h1>
|
||
<p class="lead">Danke, dass du uns weiterempfiehlst! Hier steht auf einer Seite, wie das am einfachsten läuft
|
||
und worauf du achten solltest.</p>
|
||
|
||
<h2>So läuft es ab</h2>
|
||
<ol class="steps">
|
||
<li><span class="num">1</span><div><strong>Erzähl von uns</strong>
|
||
Wir bauen Websites für Betriebe und betreuen sie danach. Beispiele und Kontakt findest du auf <b>webklar.com</b>.</div></li>
|
||
<li><span class="num">2</span><div><strong>Kontakt herstellen, aber nur mit Einverständnis</strong>
|
||
Frag den Betrieb, ob du seine Kontaktdaten an uns weitergeben darfst. Oder gib ihm unsere Kontaktdaten (unten).
|
||
Schick uns dann Name des Betriebs, Ansprechpartner, Telefon oder E-Mail, worum es kurz geht, und dass er mit der Weitergabe einverstanden ist.</div></li>
|
||
<li><span class="num">3</span><div><strong>Den Rest machen wir</strong>
|
||
Beratung, Angebot und Website übernehmen wir. Für das Wartungs-Abo bekommt der Kunde von uns einen Zugang zum Kundenportal
|
||
und schließt es dort <b>selbst online</b> ab: ohne Unterschrift, ohne Termin, Zahlung sicher über Stripe.</div></li>
|
||
</ol>
|
||
|
||
<div class="box">
|
||
<strong>Das Wartungs-Abo auf einen Blick</strong><br>
|
||
50 € pro Monat, Mindestlaufzeit 12 Monate, danach monatlich kündbar. Enthalten sind Betrieb und Pflege der Website,
|
||
1 Domain, 1 E-Mail-Postfach und 1 Stunde Arbeitszeit pro Monat (sammelt sich an, jede Stunde 12 Monate gültig).
|
||
Alle Details stehen in den Abo-Bedingungen: project.webklar.com/abo-bedingungen.html
|
||
</div>
|
||
|
||
<h2>Bitte beachten</h2>
|
||
<p class="muted" style="margin-top:0">Wichtig, weil wir als Firma für Werbung haften, die in unserem Namen gemacht wird.</p>
|
||
<div class="grid2">
|
||
<ul class="rules">
|
||
<li class="do">Persönlich empfehlen, im Gespräch, im Bekanntenkreis, unter Kollegen.</li>
|
||
<li class="do">Interessenten an uns verweisen, bei allen Fragen zu Preis, Leistung und Vertrag.</li>
|
||
<li class="do">Kontaktdaten nur weitergeben, wenn der Betrieb einverstanden ist.</li>
|
||
<li class="do">In Social Media gern von uns erzählen. Bekommst du dafür etwas, muss der Beitrag als Werbung gekennzeichnet sein.</li>
|
||
</ul>
|
||
<ul class="rules">
|
||
<li class="dont">Keine Werbe-E-Mails, WhatsApp- oder SMS-Nachrichten und keine Werbeanrufe an Leute, die dem nicht zugestimmt haben.</li>
|
||
<li class="dont">Keine Zusagen zu Preisen, Rabatten, Terminen oder Leistungen, die nicht auf webklar.com oder in unserem Angebot stehen.</li>
|
||
<li class="dont">Nichts für WEBklar unterschreiben, keine Verträge abschließen, kein Geld annehmen.</li>
|
||
<li class="dont">Kundendaten nicht sammeln, speichern oder anders verwenden.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="box contact">
|
||
<strong>Kontakt für Interessenten und für dich</strong><br>
|
||
WEBklar GbR · Kenso Grimm · Telefon 0176 23726355 · E-Mail support@webklar.com · webklar.com
|
||
</div>
|
||
<p class="muted">WEBklar GbR, Am Schwimmbad 10, 67722 Winnweiler. Empfehlen ist freiwillig und unentgeltlich. Du handelst dabei nicht als unser Vertreter.</p>
|
||
</body>
|
||
</html>
|