Files
HexaHost-Frontend/public/about.html
Samuel Müller 3df2a0efea initial commit
2025-07-31 15:19:31 +02:00

409 lines
21 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Über uns - HexaHost.de | Hosting aus Niederbayern</title>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Russo+One&family=Source+Sans+Pro:wght@300;400;600;700&display=swap" rel="stylesheet">
<link rel="icon" type="image/svg+xml" href="favicon.svg">
<meta name="description" content="Erfahren Sie mehr über HexaHost.de - Ihr zuverlässiger Hosting-Partner aus Niederbayern. Moderne Technologie mit persönlichem Service.">
</head>
<body>
<header class="header">
<nav class="nav">
<div class="nav-container">
<div class="nav-logo">
<a href="index.html">
<span class="logo-text">HexaHost</span>
<span class="logo-tld">.de</span>
</a>
</div>
<ul class="nav-menu">
<li><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-dropdown">
<a href="#" class="nav-link">Produkte</a>
<ul class="dropdown-menu">
<li><a href="vpc.html">Virtual Private Container</a></li>
<li><a href="vps.html">Virtual Private Server</a></li>
<li><a href="mail-gateway.html">Mail Gateway</a></li>
<li><a href="webhosting.html">Webhosting</a></li>
</ul>
</li>
<li><a href="about.html" class="nav-link active">Über uns</a></li>
<li><a href="contact.html" class="nav-link">Kontakt</a></li>
</ul>
<div class="nav-toggle">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
</header>
<main>
<!-- About Hero -->
<section class="about-hero">
<div class="container">
<div class="about-hero-content">
<div class="breadcrumb">
<a href="index.html">Home</a>
<span>/</span>
<span>Über uns</span>
</div>
<h1 class="about-hero-title">
Über <span class="highlight">HexaHost.de</span>
</h1>
<p class="about-hero-description">
Wir sind Ihr zuverlässiger Partner für Hosting-Lösungen aus Niederbayern.
Mit modernster Technologie und persönlichem Service sorgen wir dafür,
dass Ihre Online-Projekte erfolgreich sind.
</p>
</div>
</div>
</section>
<!-- Company Story -->
<section class="company-story">
<div class="container">
<div class="story-content">
<div class="story-text">
<h2 class="section-title">Unsere Geschichte</h2>
<p>
HexaHost.de wurde mit der Vision gegründet, zuverlässiges und preiswertes
Hosting direkt aus Deutschland anzubieten. Als regionales Unternehmen aus
Niederbayern verstehen wir die Bedürfnisse unserer Kunden und bieten
persönlichen Support in deutscher Sprache.
</p>
<p>
Unsere Expertise liegt in der Bereitstellung moderner Hosting-Lösungen
auf Basis von Proxmox-Technologie. Von Virtual Private Containern bis
hin zu klassischem Webhosting - wir haben für jeden Bedarf die passende
Lösung.
</p>
<p>
Vertrauen, Zuverlässigkeit und faire Preise sind die Grundpfeiler unseres
Unternehmens. Wir setzen auf transparente Kommunikation und ehrliche
Beratung, damit Sie die beste Lösung für Ihre Anforderungen erhalten.
</p>
</div>
<div class="story-visual glass-card">
<div class="location-info">
<div class="location-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
<circle cx="12" cy="10" r="3"/>
</svg>
</div>
<h3>Standort Niederbayern</h3>
<p>Hosting mit regionaler Verbundenheit</p>
</div>
<div class="stats">
<div class="stat-item">
<span class="stat-number">99.9%</span>
<span class="stat-label">Uptime</span>
</div>
<div class="stat-item">
<span class="stat-number">24/7</span>
<span class="stat-label">Support</span>
</div>
<div class="stat-item">
<span class="stat-number">100%</span>
<span class="stat-label">Deutschland</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Our Mission -->
<section class="mission">
<div class="container">
<div class="section-header">
<h2 class="section-title">Unsere Mission</h2>
<p class="section-description">
Wir möchten Hosting einfach, zuverlässig und bezahlbar machen
</p>
</div>
<div class="mission-grid">
<div class="mission-item glass-card">
<div class="mission-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
</svg>
</div>
<h3>Zuverlässigkeit</h3>
<p>Maximale Verfügbarkeit durch redundante Systeme und proaktive Überwachung. Ihre Online-Präsenz ist bei uns in sicheren Händen.</p>
</div>
<div class="mission-item glass-card">
<div class="mission-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/>
</svg>
</div>
<h3>Persönlicher Support</h3>
<p>Direkter Kontakt zu echten Menschen, die Ihnen schnell und kompetent helfen. Support in deutscher Sprache aus Niederbayern.</p>
</div>
<div class="mission-item glass-card">
<div class="mission-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M12 2v20M17 7l-5-5-5 5M17 17l-5 5-5-5"/>
</svg>
</div>
<h3>Faire Preise</h3>
<p>Transparente Preisgestaltung ohne versteckte Kosten. Qualität muss nicht teuer sein - das beweisen wir täglich.</p>
</div>
<div class="mission-item glass-card">
<div class="mission-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/>
</svg>
</div>
<h3>Innovation</h3>
<p>Modernste Technologien wie Proxmox LXC und KVM für optimale Performance und Flexibilität.</p>
</div>
</div>
</div>
</section>
<!-- Our Values -->
<section class="values">
<div class="container">
<div class="section-header">
<h2 class="section-title">Unsere Werte</h2>
<p class="section-description">
Was uns antreibt und leitet
</p>
</div>
<div class="values-content">
<div class="values-list">
<div class="value-item glass-card">
<div class="value-number">01</div>
<div class="value-content">
<h3>Vertrauen</h3>
<p>Wir bauen langfristige Beziehungen zu unseren Kunden auf, basierend auf Vertrauen und Transparenz.</p>
</div>
</div>
<div class="value-item glass-card">
<div class="value-number">02</div>
<div class="value-content">
<h3>Qualität</h3>
<p>Höchste Standards bei Hardware, Software und Service - Kompromisse bei der Qualität gibt es nicht.</p>
</div>
</div>
<div class="value-item glass-card">
<div class="value-number">03</div>
<div class="value-content">
<h3>Nachhaltigkeit</h3>
<p>Energieeffiziente Rechenzentren und verantwortungsvoller Umgang mit Ressourcen.</p>
</div>
</div>
<div class="value-item glass-card">
<div class="value-number">04</div>
<div class="value-content">
<h3>Kundenorientierung</h3>
<p>Ihre Bedürfnisse stehen im Mittelpunkt. Wir hören zu und finden gemeinsam die beste Lösung.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Technology Stack -->
<section class="technology-stack">
<div class="container">
<div class="section-header">
<h2 class="section-title">Unsere Technologie</h2>
<p class="section-description">
Modernste Infrastruktur für maximale Performance
</p>
</div>
<div class="tech-stack-grid">
<div class="tech-stack-item glass-card">
<div class="tech-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<rect x="2" y="3" width="20" height="14" rx="2" ry="2"/>
<line x1="8" y1="21" x2="16" y2="21"/>
<line x1="12" y1="17" x2="12" y2="21"/>
</svg>
</div>
<h3>Proxmox VE</h3>
<p>Enterprise-Virtualisierung mit KVM und LXC für maximale Flexibilität und Performance.</p>
</div>
<div class="tech-stack-item glass-card">
<div class="tech-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
</div>
<h3>NVMe SSD</h3>
<p>Modernste NVMe SSD-Speicher für blitzschnelle Zugriffs- und Ladezeiten.</p>
</div>
<div class="tech-stack-item glass-card">
<div class="tech-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="3"/>
<path d="M12 1v6m0 6v6"/>
</svg>
</div>
<h3>Enterprise Hardware</h3>
<p>Professionelle Server-Hardware von Intel und AMD mit ECC-RAM und Redundanz.</p>
</div>
<div class="tech-stack-item glass-card">
<div class="tech-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/>
</svg>
</div>
<h3>Monitoring & Backup</h3>
<p>24/7 Überwachung und automatische Backups für maximale Datensicherheit.</p>
</div>
</div>
</div>
</section>
<!-- Why Choose Us -->
<section class="why-choose-us">
<div class="container">
<div class="section-header">
<h2 class="section-title">Warum HexaHost.de?</h2>
<p class="section-description">
Die Vorteile einer Zusammenarbeit mit uns
</p>
</div>
<div class="advantages-grid">
<div class="advantage-item glass-card">
<div class="advantage-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
<circle cx="12" cy="10" r="3"/>
</svg>
</div>
<h3>Regionale Nähe</h3>
<p>Als Unternehmen aus Niederbayern sind wir nah bei unseren Kunden und verstehen regionale Bedürfnisse.</p>
</div>
<div class="advantage-item glass-card">
<div class="advantage-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M9 12l2 2 4-4"/>
<path d="M21 12c-1 0-3-1-3-3s2-3 3-3 3 1 3 3-2 3-3 3"/>
<path d="M3 12c1 0 3-1 3-3s-2-3-3-3-3 1-3 3 2 3 3 3"/>
</svg>
</div>
<h3>DSGVO-konform</h3>
<p>Alle Server stehen in Deutschland. Vollständige DSGVO-Konformität und deutsche Datenschutzstandards.</p>
</div>
<div class="advantage-item glass-card">
<div class="advantage-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<circle cx="12" cy="12" r="10"/>
<polyline points="12,6 12,12 16,14"/>
</svg>
</div>
<h3>Schnelle Reaktion</h3>
<p>Kurze Wege bedeuten schnelle Hilfe. Unser Support reagiert prompt auf Ihre Anfragen.</p>
</div>
<div class="advantage-item glass-card">
<div class="advantage-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
<circle cx="9" cy="7" r="4"/>
<path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
<path d="M16 3.13a4 4 0 0 1 0 7.75"/>
</svg>
</div>
<h3>Persönliche Betreuung</h3>
<p>Jeder Kunde erhält eine persönliche Betreuung - Sie sind nicht nur eine Nummer.</p>
</div>
<div class="advantage-item glass-card">
<div class="advantage-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M12 2v20M17 7l-5-5-5 5M17 17l-5 5-5-5"/>
</svg>
</div>
<h3>Transparent & Fair</h3>
<p>Keine versteckten Kosten, keine Kleingedruckten Überraschungen. Faire Preise für alle.</p>
</div>
<div class="advantage-item glass-card">
<div class="advantage-icon">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/>
</svg>
</div>
<h3>Skalierbar</h3>
<p>Wachsen Sie mit uns. Unsere Lösungen sind flexibel skalierbar und wachsen mit Ihren Anforderungen.</p>
</div>
</div>
</div>
</section>
<!-- CTA Section -->
<section class="cta">
<div class="container">
<div class="cta-content glass-card">
<h2>Überzeugt? Lassen Sie uns sprechen!</h2>
<p>Kontaktieren Sie uns für eine kostenlose und unverbindliche Beratung</p>
<div class="cta-actions">
<a href="contact.html" class="btn btn-primary">Kontakt aufnehmen</a>
<a href="index.html#products" class="btn btn-secondary">Produkte ansehen</a>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h4>HexaHost.de</h4>
<p>Zuverlässiges Hosting aus Niederbayern</p>
<div class="footer-location">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/>
<circle cx="12" cy="10" r="3"/>
</svg>
<span>Niederbayern, Deutschland</span>
</div>
</div>
<div class="footer-section">
<h4>Produkte</h4>
<ul>
<li><a href="vpc.html">Virtual Private Container</a></li>
<li><a href="vps.html">Virtual Private Server</a></li>
<li><a href="mail-gateway.html">Mail Gateway</a></li>
<li><a href="webhosting.html">Webhosting</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Unternehmen</h4>
<ul>
<li><a href="about.html">Über uns</a></li>
<li><a href="contact.html">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Datenschutz</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Support</h4>
<ul>
<li><a href="#">Hilfe-Center</a></li>
<li><a href="#">Status</a></li>
<li><a href="contact.html">Support-Ticket</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2024 HexaHost.de - Alle Rechte vorbehalten</p>
</div>
</div>
</footer>
<script src="assets/js/main.js"></script>
</body>
</html>