This commit is contained in:
Clemens Hering
146
index-en.html
Normal file
146
index-en.html
Normal file
@@ -0,0 +1,146 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<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 offers cutting-edge solutions in IT Security, Artificial Intelligence, and Cloud Computing.">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- Header -->
|
||||
<header id="header">
|
||||
<div class="container header-content">
|
||||
<a href="index-en.html" class="logo">Valtrix<span class="dot">.</span></a>
|
||||
<nav>
|
||||
<ul class="nav-links">
|
||||
<li><a href="#about">About Us</a></li>
|
||||
<li><a href="#services">Services</a></li>
|
||||
<li><a href="#references">References</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
<li><a href="index.html" style="opacity: 0.7;">DE</a></li>
|
||||
</ul>
|
||||
<button class="mobile-toggle" aria-label="Open Menu">☰</button>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section id="hero">
|
||||
<div class="container hero-content">
|
||||
<h1>Security for the <br><span class="highlight">Digital Future</span></h1>
|
||||
<p>We combine Security, AI, and Cloud into robust solutions for your business.</p>
|
||||
<div class="hero-btns">
|
||||
<a href="#contact" class="btn btn-primary">Get in Touch</a>
|
||||
<a href="#services" class="btn btn-outline">Learn More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-bg"></div>
|
||||
</section>
|
||||
|
||||
<!-- About Section -->
|
||||
<section id="about" class="section">
|
||||
<div class="container">
|
||||
<div class="section-title">
|
||||
<span>Who We Are</span>
|
||||
<h2>Innovation Meets Security</h2>
|
||||
</div>
|
||||
<div class="about-grid">
|
||||
<div class="about-text">
|
||||
<p>Valtrix stands for technological excellence. In an increasingly complex digital world, we provide
|
||||
the protection and infrastructure you need to grow.</p>
|
||||
<p>Our team of experts combines deep cybersecurity knowledge with state-of-the-art AI approaches and
|
||||
scalable cloud architectures.</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>Our Services</span>
|
||||
<h2>Holistic IT Solutions</h2>
|
||||
</div>
|
||||
<div class="services-grid">
|
||||
<div class="service-card">
|
||||
<div class="icon">🛡️</div>
|
||||
<h3>Security</h3>
|
||||
<p>Proactive protection for your data and infrastructure. Penetration Testing, Audits, and
|
||||
Secure-by-Design Architecture.</p>
|
||||
</div>
|
||||
<div class="service-card">
|
||||
<div class="icon">🤖</div>
|
||||
<h3>Artificial Intelligence</h3>
|
||||
<p>Tailored AI models and automation solutions that make your processes more efficient.</p>
|
||||
</div>
|
||||
<div class="service-card">
|
||||
<div class="icon">☁️</div>
|
||||
<h3>Cloud Computing</h3>
|
||||
<p>Scalable and secure cloud migrations, management, and optimization for AWS, Azure, and Google
|
||||
Cloud.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- References Section -->
|
||||
<section id="references" class="section">
|
||||
<div class="container">
|
||||
<div class="section-title">
|
||||
<span>References</span>
|
||||
<h2>Trust Through Performance</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>Contact</span>
|
||||
<h2>Start Your Project</h2>
|
||||
</div>
|
||||
<div class="contact-wrapper">
|
||||
<div class="contact-info">
|
||||
<h3>Let's Talk</h3>
|
||||
<p>Ready for the next step? Send us an email or give us a call.</p>
|
||||
<a href="mailto:info@valtrix.systems" class="contact-link">info@valtrix.systems</a>
|
||||
<p class="address">Musterstraße 123<br>10115 Berlin<br>Germany</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-en.html">Imprint</a>
|
||||
<a href="datenschutz-en.html">Privacy Policy</a>
|
||||
</div>
|
||||
<p class="copyright">© 2025 Valtrix. All rights reserved.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script src="script.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user