Ein kompleiter, responsiver Onlineshop: semantisches HTML, ein kommentiertes Design-System in CSS, Vanilla JavaScript, erzeugte Produktgrafik und vollständiges SEO-Markup. Keine Frameworks, kein Build-Schritt, kein Lizenzschlüssel.

WAS SIE ERHALTEN

Ein Ordner, keine Build-Tools:

• index.html - Semantische Markup, Meta-Tags, Open Graph und ClothingStore + ItemList JSON-LD.
• style.css - Ein :root-Farbpalette-Block, der die gesamte Seite neu einfärbt. Mobile-first, kein Framework.
• script.js - 4 KB Vanilla JS: Navigation, Filtern, Sortieren, Tasche, Reveal-on-Scroll.
• img/ - Generierte SVG-Produktgrafik - winzig, scharf in jeder Größe, nach Ihrer Palette umgefärbt.

MIT-Lizenz - nutzen Sie es in Kundenprojekten, branden Sie es um, verkaufen Sie es als Teil Ihres eigenen Build.

GEBAUT, WIE EIN SHOP FUNKTIONIEREN SOLLT

1. Responsiv - Layouts von 320 bis 1440 px geprüft mit null horizontaler Überlauf bei 360, 390, 768, 1024 und 1440.
2. Vanilla JavaScript - Tasche, Filtern, Sortieren, mobile Navigation und Scroll-Reveals in einem kleinen Script - keine Bibliotheken, kein Build-Schritt.
3. SEO-ready - Semantisches Markup, Meta-Tags, Open Graph und strukturierte Daten JSON-LD im Seitenkopf.
4. Ein-Farbschema-Rebranding - Die gesamte Seite wird aus einem einzigen kommentierten :root-Block oben in style.css neu eingefärbt.

LIVE IN WENIGER ALS FÜNF MINUTEN

1. Entpacken und Öffnen - Doppelklick auf index.html - läuft direkt vom Desktop, kein Server oder npm-Installation.
2. Geben Sie Ihre Details ein - script.js beginnt mit einem kleinen CONFIG-Block: Support-E-Mail und Ihre eigenen Details, 30 Sekunden.
3. Branding - Ändern Sie den Brand-Text im Header und die Farb-Tokens in style.css - die Seite färbt sich um.
4. Hochladen - Ziehen Sie den Ordner auf Netlify Drop, GitHub Pages oder jeden statischen Host - es ist in weniger als fünf Minuten live.

WARUM KÄUFER DAS AUSWÄHLEN

• Was Du siehst, ist was Du bekommst: Die Live-Demo läuft exakt denselben Code, den Sie herunterladen - dieselben Dateien, dasselbe Verhalten.
• Vor der Veröffentlichung geprüft: Getestet von 360 bis 1440 px ohne Überlauf, ohne beschädigte Bilder und ohne Konsolenfehler.
• Deins zu verkaufen: MIT-Lizenz - nutze es in Kundenprojekten oder verkaufe es als Teil deines eigenen Builds.
• Sofortiger Download: Checkout, Lieferung und erneute Downloads werden für dich abgewickelt - zahle einmal und der ZIP ist direkt in deiner Bibliothek.

FAQ

Brauche ich ein Build-Tool?
Nein. Entpacken, index.html öffnen, es läuft. Den Ordner auf GitHub Pages, Netlify Drop oder jeden Shared-Host hochladen.

Kann ich die Farben ändern?
Ja - der :root-Block oben in style.css enthält jede Farbe, Schriftart und jeden Radius, der auf der Seite verwendet wird.

Was kann ich damit tun?
MIT-Lizenz. Verwende es für Kundenprojekte, verkaufe damit, behalte alles, wofür du berechnest. Eine Attribution wird geschätzt, ist aber nicht erforderlich.

Wo bearbeite ich den Text?
Alle Texte sind reines HTML in index.html. INSTALL.md listet jeden Block auf, der zuerst geändert werden sollte.

Wie bekomme ich das?