Praxis — Online-Kurs & Coaching Landing Page Template (HTML + Tailwind)

Praxis ist ein Premium-One-Page-Landing-Template für Online-Kurse, Cohort-Programme und Coaching-Angebote — genau die Art von Produkt, der man erst vertrauen muss, bevor man vierstellige Beträge dafür bezahlt. Warme Creme-Papiertöne, ein selbstbewusster Emerald-Akzent, große Editorial-Serif-Headlines und ein signaturartiger Highlighter-Marker, der beim Scrollen über Schlüsselphrasen hinwegwischt. Es liest sich wie ein privates Masterclass-Erlebnis — nicht wie noch eine Infomarketing-Seite.

Erstellt mit static HTML + Tailwind CSS v4. Kein React, kein Vue, kein Build-Step — das kompilierte CSS wird mitgeliefert, sodass du index.html öffnest und sofort live bist auf GitHub Pages, Netlify, Vercel, Cloudflare oder deinem eigenen Server.

DAS IST DRIN (11 Abschnitte)

• Sticky Nav + zugängliches Mobile-Menu

• Hero mit der Highlighter-Signatur + einer sauberen Kurskarte

• Social-Proof-Zeile „Alumni bauen jetzt“

• Ein Full-Bleed-Versprechen / „Wofür es ist“-Manifest-Band

• Ein 8-Wochen-Curriculum, als vertikale „Learning Spine“ umgesetzt, die sich beim Scrollen füllt

• „Triff deinen Mentor“ mit animierten Count-up-Stats

• Eine Six-up-Feature-Grid „Was du bekommst“ (Inline-SVG-Icons)

• Ergebnisse — ein hervorgehobenes Outcome + Alumni-Testimonials (Initialen-Avatare, keine Stock-Gesichter)

• Ehrliches Pricing in 3 Stufen (Self-paced / Cohort / 1:1) mit 14-Tage-Garantie

• FAQ-Akkordeon

• Finaler CTA-Band + vollständiger Footer

WARUM ES ANDERS IST

• Eine Signatur, die du in keinem Course-Template findest — der animierte Highlighter + die sich füllende Curriculum-Spine

• Token-gesteuert — ändere EIN @theme-Block in src/input.css und die ganze Seite erhält ein neues Skin

• Ehrlich per Design — keine Fake-Countdown-Timer, keine Fake-Knappheit, keine Dark Patterns

• Vollständig responsiv, mobile-first, kein horizontaler Scroll auf jedem Gerät

• WCAG AA-Kontrast, semantisches HTML, sichtbarer Fokus, zugängliches Akkordeon — Lighthouse Accessibility 100

• Selbst gehostete Fonts (Fraunces + Space Grotesk + IBM Plex Mono, woff2) — kein Google CDN, kein Layout Shift

DAS BEKOMMST DU

index.html · kompiliertes + Source Tailwind CSS · ein paar KB Vanilla-JS · selbst gehostete Fonts · favicon + OG image · komplette Dokumentation · Changelog · Lizenzhinweise.

Live-Demo (kostenlose Lite-Version): https://mcmxcixx.github.io/praxis/