74a6ae33b9
Some checks failed
Build and Deploy Container / build_and_deploy (push) Failing after 33s
147 lines
5.8 KiB
HTML
147 lines
5.8 KiB
HTML
<!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> |