LinusAI/secureguard-austria
0
1<!DOCTYPE html>2<html lang="de" class="scroll-smooth">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <meta name="description" content="Erfahren Sie mehr über SecureGuard Austria - Ihren professionellen Sicherheitsdienst nach AschG in Österreich">7 <title>Über Uns | SecureGuard Austria</title>8 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">9 <script src="https://cdn.tailwindcss.com"></script>10 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>11 <script src="https://unpkg.com/feather-icons"></script>12 <link rel="stylesheet" href="style.css">13</head>14<body class="bg-light">15 <custom-navbar></custom-navbar>16 <script src="components/navbar.js"></script>17 18 <main>19 <!-- Hero Section -->20 <section class="relative bg-primary text-white py-20 md:py-28">21 <div class="container mx-auto px-4 text-center">22 <h1 class="text-4xl md:text-5xl font-bold mb-6">Über Uns</h1>23 <p class="text-xl">Erfahren Sie mehr über unser Unternehmen und unsere Werte</p>24 </div>25 <div class="absolute bottom-0 left-0 right-0 h-16 bg-light"></div>26 </section>27 28 <!-- About Content -->29 <section class="py-16 bg-white">30 <div class="container mx-auto px-4">31 <div class="max-w-4xl mx-auto">32 <h2 class="text-3xl font-bold mb-8 text-dark">Unsere Geschichte</h2>33 <div class="prose prose-lg text-gray-600">34 <p>SecureGuard Austria wurde 2008 mit dem Ziel gegründet, höchste Sicherheitsstandards nach dem österreichischen Sicherheitsdienstegesetz (AschG) zu bieten. Was als kleines Unternehmen mit fünf Mitarbeitern begann, ist heute einer der führenden Sicherheitsdienste in Österreich.</p>35 36 <h3 class="text-2xl font-bold mt-8 mb-4 text-dark">Unsere Mission</h3>37 <p>Wir sind bestrebt, unseren Kunden durch professionelle Sicherheitsdienstleistungen ein Gefühl von Sicherheit und Schutz zu vermitteln. Dabei legen wir größten Wert auf Diskretion, Zuverlässigkeit und höchste Professionalität.</p>38 39 <h3 class="text-2xl font-bold mt-8 mb-4 text-dark">Unsere Werte</h3>40 <ul class="space-y-3">41 <li class="flex items-start">42 <i data-feather="check-circle" class="w-5 h-5 mt-1 mr-2 text-secondary"></i>43 <span>Integrität und Ehrlichkeit in allem, was wir tun</span>44 </li>45 <li class="flex items-start">46 <i data-feather="check-circle" class="w-5 h-5 mt-1 mr-2 text-secondary"></i>47 <span>Höchste Professionalität gemäß AschG</span>48 </li>49 <li class="flex items-start">50 <i data-feather="check-circle" class="w-5 h-5 mt-1 mr-2 text-secondary"></i>51 <span>Kundenorientierung und individuelle Lösungen</span>52 </li>53 <li class="flex items-start">54 <i data-feather="check-circle" class="w-5 h-5 mt-1 mr-2 text-secondary"></i>55 <span>Fortlaufende Weiterbildung unserer Mitarbeiter</span>56 </li>57 </ul>58 </div>59 </div>60 </div>61 </section>62 63 <!-- Team Section -->64 <section class="py-16 bg-gray-50">65 <div class="container mx-auto px-4">66 <h2 class="text-3xl font-bold mb-12 text-center text-dark">Unser Team</h2>67 <div class="grid md:grid-cols-3 gap-8">68 <!-- Team Member 1 -->69 <div class="bg-white rounded-lg shadow-md overflow-hidden">70 <img src="http://static.photos/people/640x360/1" alt="Team Mitglied" class="w-full h-64 object-cover">71 <div class="p-6">72 <h3 class="text-xl font-bold mb-1 text-dark">Markus Huber</h3>73 <p class="text-secondary mb-3">Geschäftsführer</p>74 <p class="text-gray-600">Zertifizierte Sicherheitsfachkraft mit über 20 Jahren Erfahrung im Sicherheitsbereich.</p>75 </div>76 </div>77 <!-- Team Member 2 -->78 <div class="bg-white rounded-lg shadow-md overflow-hidden">79 <img src="http://static.photos/people/640x360/2" alt="Team Mitglied" class="w-full h-64 object-cover">80 <div class="p-6">81 <h3 class="text-xl font-bold mb-1 text-dark">Sarah Müller</h3>82 <p class="text-secondary mb-3">Leiterin Personenschutz</p>83 <p class="text-gray-600">Spezialistin für diskreten Personenschutz mit internationaler Erfahrung.</p>84 </div>85 </div>86 <!-- Team Member 3 -->87 <div class="bg-white rounded-lg shadow-md overflow-hidden">88 <img src="http://static.photos/people/640x360/3" alt="Team Mitglied" class="w-full h-64 object-cover">89 <div class="p-6">90 <h3 class="text-xl font-bold mb-1 text-dark">Thomas Bauer</h3>91 <p class="text-secondary mb-3">Leiter Objektschutz</p>92 <p class="text-gray-600">Experte für technische und physische Sicherheit von Objekten.</p>93 </div>94 </div>95 </div>96 </div>97 </section>98 99 <!-- Certifications -->100 <section class="py-16 bg-white">101 <div class="container mx-auto px-4">102 <h2 class="text-3xl font-bold mb-12 text-center text-dark">Unsere Zertifizierungen</h2>103 <div class="flex flex-wrap justify-center gap-8">104 <div class="bg-gray-100 p-6 rounded-lg flex items-center justify-center">105 <i data-feather="award" class="w-12 h-12 text-primary mr-4"></i>106 <div>107 <h3 class="font-bold text-dark">AschG konform</h3>108 <p class="text-gray-600">Zertifizierte Sicherheitsfachkraft</p>109 </div>110 </div>111 <div class="bg-gray-100 p-6 rounded-lg flex items-center justify-center">112 <i data-feather="shield" class="w-12 h-12 text-primary mr-4"></i>113 <div>114 <h3 class="font-bold text-dark">ISO 9001</h3>115 <p class="text-gray-600">Qualitätsmanagement</p>116 </div>117 </div>118 <div class="bg-gray-100 p-6 rounded-lg flex items-center justify-center">119 <i data-feather="lock" class="w-12 h-12 text-primary mr-4"></i>120 <div>121 <h3 class="font-bold text-dark">ISO 28000</h3>122 <p class="text-gray-600">Lieferketten-Sicherheit</p>123 </div>124 </div>125 </div>126 </div>127 </section>128 </main>129 130 <custom-footer></custom-footer>131 <script src="components/footer.js"></script>132 133 <script src="script.js"></script>134 <script>135 feather.replace();136 </script>137</body>138</html>