webarte webdesign

Die finale Design-Enzyklopädie (Master-Sicherung)

Vollständiges Referenzwerk aller im Template hinterlegten Klassen. Nutzen Sie diesen Code als globale Kopiervorlage für alle Unterseiten.

Musterdesign 1: Hero-Header Modul

Salsa Club

Willkommen im Salsaclub

Das perfekte Header-Element für Landingpages (Klasse: .picfull).

Musterdesign 2-4: Karten- & Preis-Variationen

Kurs

Standard Kurs-Card

Nutzt .tanz-card für dezenten Schatten und Hover-Effekt.

Details

Empfehlung

Premium Abo

49 €
  • Häkchen via .ok
  • Starker Schatten
Anmelden
Highlight

VIP Flatrate

  • Häkchen via .check-list
  • Akzent via .box-orange
Mitglied werden

Musterdesign 4: Team-Vorstellung & Feedback

Trainer
Max Muster Salsa Experte

Oranger Ring-Hover via .team-member-card.

„Klasse .testimonial-box mit Rating-Sterne-System.“

​
​
​
​
​

Musterschüler

Musterdesign 5 & 6: Zeitstrahl & Pulsieren

​

Workshop Start 01

19Uhr

Party Start 02

21Uhr
Pulsierender Button (Review)

Musterdesign 27: Die vollständige Icon-Bibliothek

​ large | ​ 2x | ​ 3x | ​ 4x | spin
​
cog
​
home
​
user
​
mail
​
camera
​
play
​
music
​
ok
​
phone
​
menu
​
twitter
​
facebook

Musterdesign 21 & 29: Layout-Experten (Floats & Offsets)

Pic

.pic3left (32%): Text umfließt das Bild links. clear:both setzt den Umfluss zurück.

​
Pic

.pic4right (24%): Schmale Variante rechtsbündig.

Offset Zentrierung (.fg-off-3)
Element schwebt mittig im Grid.

Musterserie 30: Spezial-Listen & Badges

  • Listen-Stil .play
  • Listen-Stil .ok
NEU HEISS
Kontakt-Modul
Musterstraße 1, Bamberg

Desktop: Sichtbar

Mobile: Sichtbar

Musterdesign 25 & 8: Kurslevel & Partner

Level 1

  • Grundschritte
  • Technik
​ Gratis

Musterdesign 26: Full-Width & Parallax

Parallax Simulation

Nutzt background-attachment: fixed.

„Dies ist die vollständige Dokumentation deines Designs. Nichts wurde unterschlagen.“

Admin-Referenz
​

ENZYKLOPÄDIE VOLLSTÄNDIG