templates/leistung.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Unsere Leistungen - MyVPN{% endblock %}
  5. {% block body %}
  6. <section class="py-8">
  7.     <div class="container">
  8.         <div class="text-center mb-5">
  9.             <h1 class="fw-bold text-1000 ">Unsere Leistungen</h1>
  10.             <p class="text-muted">MyVPN bietet eine Vielzahl von hochwertigen VPN- und Hosting-Diensten, die dir Sicherheit, Flexibilität und Geschwindigkeit garantieren.</p>
  11.         </div>
  13.         <!-- Leistungen Übersicht -->
  14.         <div class="row">
  15.             <!-- Leistung 1: Sichere VPN-Verbindungen -->
  16.             <div class="col-md-6 mb-4">
  17.                 <div class="card h-100 shadow-sm">
  18.                     <div class="card-body text-center">
  19.                         <img src="{{ asset('assets/img/illustrations/vpn-secure.png') }}" alt="Sichere VPN-Verbindungen" class="img-fluid mb-3 mx-auto d-block" style="height: 120px;">
  20.                         <h4 class="card-title text-1000">Sichere VPN-Verbindungen</h4>
  21.                         <p class="card-text text-muted">Schütze deine Online-Aktivitäten mit unseren verschlüsselten und sicheren VPN-Verbindungen. Deine Daten sind jederzeit sicher und anonym.</p>
  22.                     </div>
  23.                 </div>
  24.             </div>
  26.             <!-- Leistung 2: Weltweites Servernetzwerk -->
  27.             <div class="col-md-6 mb-4">
  28.                 <div class="card h-100 shadow-sm">
  29.                     <div class="card-body text-center">
  30.                         <img src="{{ asset('assets/img/illustrations/global-network.png') }}" alt="Weltweites Servernetzwerk" class="img-fluid mb-3 mx-auto d-block" style="height: 120px;">
  31.                         <h4 class="card-title text-1000">Weltweites Servernetzwerk</h4>
  32.                         <p class="card-text text-muted">Mit über 50 Servern weltweit hast du immer Zugriff auf stabile und schnelle Verbindungen, egal wo du dich befindest.</p>
  33.                     </div>
  34.                 </div>
  35.             </div>
  37.             <!-- Leistung 3: Dezentrales Bot-Hosting -->
  38.             <div class="col-md-6 mb-4">
  39.                 <div class="card h-100 shadow-sm">
  40.                     <div class="card-body text-center">
  41.                         <img src="{{ asset('assets/img/illustrations/bot-hosting.png') }}" alt="Dezentrales Bot-Hosting" class="img-fluid mb-3 mx-auto d-block" style="height: 120px;">
  42.                         <h4 class="card-title text-1000">Dezentrales Bot-Hosting</h4>
  43.                         <p class="card-text text-muted">Hoste deinen Discord-Bot dezentral auf unseren zuverlässigen Servern. Keine Ausfallzeiten und einfache Verwaltung.</p>
  44.                     </div>
  45.                 </div>
  46.             </div>
  48.             <!-- Leistung 4: Datenschutz und Privatsphäre -->
  49.             <div class="col-md-6 mb-4">
  50.                 <div class="card h-100 shadow-sm">
  51.                     <div class="card-body text-center">
  52.                         <img src="{{ asset('assets/img/illustrations/privacy.png') }}" alt="Datenschutz und Privatsphäre" class="img-fluid mb-3 mx-auto d-block" style="height: 120px;">
  53.                         <h4 class="card-title text-1000">Datenschutz und Privatsphäre</h4>
  54.                         <p class="card-text text-muted">Der Schutz deiner Daten steht für uns an erster Stelle – keine Protokollierung und volle Anonymität.</p>
  55.                     </div>
  56.                 </div>
  57.             </div>
  59.             <!-- Leistung 5: Umweltfreundliche Technologien -->
  60.             <div class="col-md-6 mb-4">
  61.                 <div class="card h-100 shadow-sm">
  62.                     <div class="card-body text-center">
  63.                         <img src="{{ asset('assets/img/illustrations/eco-friendly.png') }}" alt="Umweltfreundliche Technologien" class="img-fluid mb-3 mx-auto d-block" style="height: 120px;">
  64.                         <h4 class="card-title text-1000">Umweltfreundliche Technologien</h4>
  65.                         <p class="card-text text-muted">Unser dezentrales Netzwerk ist nicht nur sicher, sondern auch umweltfreundlich. MyVPN setzt auf energieeffiziente Technologien.</p>
  66.                     </div>
  67.                 </div>
  68.             </div>
  70.             <!-- Leistung 6: Schneller und zuverlässiger Support -->
  71.             <div class="col-md-6 mb-4">
  72.                 <div class="card h-100 shadow-sm">
  73.                     <div class="card-body text-center">
  74.                         <img src="{{ asset('assets/img/illustrations/support.png') }}" alt="Schneller Support" class="img-fluid mb-3 mx-auto d-block" style="height: 120px;">
  75.                         <h4 class="card-title text-1000">Schneller und zuverlässiger Support</h4>
  76.                         <p class="card-text text-muted">Unser Support-Team steht dir rund um die Uhr zur Verfügung, um alle deine Fragen zu beantworten und dir bei Problemen zu helfen.</p>
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.         </div>
  81.     </div>
  82. </section>
  84. <section class="py-8 bg-light text-center">
  85.     <div class="container">
  86.         <h2 class="fw-bold">Warum <span class="text-primary">MyVPN</span> wählen?</h2>
  87.         <p class="text-muted">MyVPN kombiniert Sicherheit, Geschwindigkeit und Umweltbewusstsein, um dir die beste VPN-Erfahrung zu bieten.</p>
  88.         <a href="{{ path('preise') }}" class="btn btn-primary btn-lg rounded-pill mt-4">Entdecke unsere Preise</a>
  89.     </div>
  90. </section>
  92. {% endblock %}