This commit is contained in:
Clemens Hering
147
index.html
Normal file
147
index.html
Normal file
@@ -0,0 +1,147 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Valtrix - Security, AI & Cloud Solutions</title>
|
||||
<meta name="description"
|
||||
content="Valtrix bietet modernste Lösungen in den Bereichen IT-Sicherheit, Künstliche Intelligenz und Cloud Computing.">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Header -->
|
||||
<header id="header">
|
||||
<div class="container header-content">
|
||||
<a href="#" class="logo">Valtrix<span class="dot">.</span></a>
|
||||
<nav>
|
||||
<ul class="nav-links">
|
||||
<li><a href="#about">Über uns</a></li>
|
||||
<li><a href="#services">Leistungen</a></li>
|
||||
<li><a href="#references">Referenzen</a></li>
|
||||
<li><a href="#contact">Kontakt</a></li>
|
||||
<li><a href="index-en.html" style="opacity: 0.7;">EN</a></li>
|
||||
</ul>
|
||||
<button class="mobile-toggle" aria-label="Menü öffnen">☰</button>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section id="hero">
|
||||
<div class="container hero-content">
|
||||
<h1>Sicherheit für die <br><span class="highlight">Digitale Zukunft</span></h1>
|
||||
<p>Wir verbinden Security, AI und Cloud zu robusten Lösungen für Ihr Unternehmen.</p>
|
||||
<div class="hero-btns">
|
||||
<a href="#contact" class="btn btn-primary">Kontakt aufnehmen</a>
|
||||
<a href="#services" class="btn btn-outline">Mehr erfahren</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-bg"></div>
|
||||
</section>
|
||||
|
||||
<!-- About Section -->
|
||||
<section id="about" class="section">
|
||||
<div class="container">
|
||||
<div class="section-title">
|
||||
<span>Wer wir sind</span>
|
||||
<h2>Innovation trifft Sicherheit</h2>
|
||||
</div>
|
||||
<div class="about-grid">
|
||||
<div class="about-text">
|
||||
<p>Valtrix steht für technologische Exzellenz. In einer immer komplexer werdenden digitalen Welt
|
||||
bieten wir Ihnen den Schutz und die Infrastruktur, die Sie benötigen, um zu wachsen.</p>
|
||||
<p>Unser Team aus Experten vereint tiefgehendes Wissen in Cybersecurity mit modernsten KI-Ansätzen
|
||||
und skalierbaren Cloud-Architekturen.</p>
|
||||
</div>
|
||||
<div class="about-visual">
|
||||
<!-- Abstract visual placeholder -->
|
||||
<div class="visual-box"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Services Section -->
|
||||
<section id="services" class="section">
|
||||
<div class="container">
|
||||
<div class="section-title">
|
||||
<span>Unsere Leistungen</span>
|
||||
<h2>Ganzheitliche IT-Lösungen</h2>
|
||||
</div>
|
||||
<div class="services-grid">
|
||||
<div class="service-card">
|
||||
<div class="icon">🛡️</div>
|
||||
<h3>Security</h3>
|
||||
<p>Proaktiver Schutz für Ihre Daten und Infrastruktur. Penetration Testing, Audits und
|
||||
Secure-by-Design Architektur.</p>
|
||||
</div>
|
||||
<div class="service-card">
|
||||
<div class="icon">🤖</div>
|
||||
<h3>Artificial Intelligence</h3>
|
||||
<p>Maßgeschneiderte KI-Modelle und Automatisierungslösungen, die Ihre Prozesse effizienter machen.
|
||||
</p>
|
||||
</div>
|
||||
<div class="service-card">
|
||||
<div class="icon">☁️</div>
|
||||
<h3>Cloud Computing</h3>
|
||||
<p>Skalierbare und sichere Cloud-Migrationen, Management und Optimierung für AWS, Azure und Google
|
||||
Cloud.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- References Section -->
|
||||
<section id="references" class="section">
|
||||
<div class="container">
|
||||
<div class="section-title">
|
||||
<span>Referenzen</span>
|
||||
<h2>Vertrauen durch Leistung</h2>
|
||||
</div>
|
||||
<div class="references-grid">
|
||||
<!-- Placeholders for logos/testimonials -->
|
||||
<div class="ref-item">TechCorp Solutions</div>
|
||||
<div class="ref-item">Global Finance AG</div>
|
||||
<div class="ref-item">SecureNet Systems</div>
|
||||
<div class="ref-item">Future AI Lab</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contact Section -->
|
||||
<section id="contact" class="section">
|
||||
<div class="container">
|
||||
<div class="section-title">
|
||||
<span>Kontakt</span>
|
||||
<h2>Starten Sie Ihr Projekt</h2>
|
||||
</div>
|
||||
<div class="contact-wrapper">
|
||||
<div class="contact-info">
|
||||
<h3>Lassen Sie uns sprechen</h3>
|
||||
<p>Bereit für den nächsten Schritt? Schreiben Sie uns eine E-Mail oder rufen Sie an.</p>
|
||||
<a href="mailto:info@valtrix.systems" class="contact-link">info@valtrix.systems</a>
|
||||
<p class="address">Musterstraße 123<br>10115 Berlin<br>Deutschland</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer>
|
||||
<div class="container footer-content">
|
||||
<div class="footer-logo">Valtrix.</div>
|
||||
<div class="footer-links">
|
||||
<a href="impressum.html">Impressum</a>
|
||||
<a href="datenschutz.html">Datenschutz</a>
|
||||
</div>
|
||||
<p class="copyright">© 2025 Valtrix. Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user