1.7 KiB
1.7 KiB
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:
- Header:
- Ein schlichtes Logo mit "7SYS"
- Eine kurze Headline, die den Fokus auf IT-Dienstleistungen betont
- Hero-Section:
- Ein professionelles Layout mit einem subtilen Technologie-bezogenen Hintergrundbild
- Ein prägnanter Slogan
- Ein "Kontakt" Call-to-Action Button
- 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
- 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.