shot1 and shot2 added

shot-1/shot-1.md

@@ -0,0 +1,48 @@
+Erstelle eine moderne, minimalistische One-Page Webseite als digitale Visitenkarte für das IT-Unternehmen 7SYS. Die Seite soll responsive sein und folgende Elemente enthalten:
+
+1. Header:
+- Ein schlichtes Logo mit "7SYS"
+- Eine kurze Headline, die den Fokus auf IT-Dienstleistungen betont
+
+2. Hero-Section:
+- Ein professionelles Layout mit einem subtilen Technologie-bezogenen Hintergrundbild
+- Ein prägnanter Slogan
+- Ein "Kontakt" Call-to-Action Button
+
+3. Hauptbereich:
+- 3-4 Icons mit den wichtigsten Dienstleistungen
+- Kurze, präzise Beschreibungen der Services
+- Moderne Farbgebung in Blau- und Grautönen
+- Ausgewogenes Verhältnis von Whitespace
+
+4. Kontaktbereich:
+- Geschäftliche Kontaktdaten
+- Ein einfaches Kontaktformular
+- Social Media Icons (falls gewünscht)
+- Impressum-Link im Footer
+
+Technische Anforderungen:
+- Nur HTML und CSS (kein JavaScript erforderlich)
+- Moderne CSS-Features wie Flexbox/Grid für das Layout
+- Mobile-First Ansatz
+- Optimierte Performance
+- Klare Kommentierung im Code
+- Semantic HTML
+
+Design-Richtlinien:
+- Farben: Hauptsächlich Blautöne (#1a365d für Primärfarbe), kombiniert mit neutralem Grau
+- Typography: Sans-serif Schriftart (z.B. 'Inter' oder 'Roboto')
+- Reichlich Whitespace für bessere Lesbarkeit
+- Subtle Hover-Effekte für interaktive Elemente
+- Maximale Breite von 1200px für den Content
+
+Bitte erstelle den kompletten HTML und CSS Code für diese One-Page Webseite. Der Code soll sauber strukturiert und gut kommentiert sein.
+
+Achte besonders auf:
+- Schnelle Ladezeit
+- Gute Lesbarkeit auf allen Geräten
+- Professionelles, zeitgemäßes Design
+- SEO-freundliche Struktur
+- Barrierefreiheit
+
+Bitte liefere den Code in zwei separaten Blöcken für HTML und CSS, sodass ich ihn einfach kopieren und verwenden kann.