templates/about.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Über Uns - PfauPN{% endblock %}
  3. {% block body %}
  4. <section class="py-8">
  5.     <div class="container">
  6.         <div class="row flex-center">
  7.             <div class="col-md-7 col-lg-6 text-center text-md-start">
  8.                 <h1 class="fw-bold">Über <span class="text-danger">PfauPN</span></h1>
  9.                 <p class="mt-4">PfauPN ist der führende Anbieter für sichere und anonyme VPN-Dienste. Mit einem Netzwerk von weltweit verteilten Servern bieten wir dir höchste Sicherheit und Privatsphäre im Internet. Zudem setzen wir auf umweltfreundliche Technologien, um die Zukunft des Internets nachhaltig zu gestalten.</p>
  10.             </div>
  11.             <div class="col-lg-6 col-md-5 mt-5">
  12.                 <video class="rounded-video" controls width="100%" autoplay loop>
  13.                     <source src="{{ asset('assets/video/WerbeVideo.mp4') }}" type="video/mp4">
  14.                     Dein Browser unterstützt dieses Video nicht.
  15.                 </video>
  16.             </div>
  17.         </div>
  18.     </div>
  19. </section>
  20. <section class="py-6 bg-light">
  21.     <div class="container">
  22.         <h2 class="text-center fw-bold mb-5">Unsere <span class="text-danger">Werte</span></h2>
  23.         <div class="row">
  24.             <div class="col-md-4 text-center mb-4">
  25.                 <div class="p-4 shadow-sm h-100">
  26.                     <img src="{{ asset('assets/img/illustrations/2.png') }}" alt="Dezentralisierung" class="mb-3" height="60">
  27.                     <h5 class="fw-bold">Dezentralisierung</h5>
  28.                     <p>Unsere Server sind weltweit verteilt, um maximale Sicherheit und Verfügbarkeit zu garantieren.</p>
  29.                 </div>
  30.             </div>
  31.             <div class="col-md-4 text-center mb-4">
  32.                 <div class="p-4 shadow-sm h-100">
  33.                     <img src="{{ asset('assets/img/illustrations/3.png') }}" alt="Nachhaltigkeit" class="mb-3" height="60">
  34.                     <h5 class="fw-bold">Nachhaltigkeit</h5>
  35.                     <p>Wir setzen auf energieeffiziente Technologien, um unseren CO2-Fußabdruck zu minimieren.</p>
  36.                 </div>
  37.             </div>
  38.             <div class="col-md-4 text-center mb-4">
  39.                 <div class="p-4 shadow-sm h-100">
  40.                     <img src="{{ asset('assets/img/illustrations/4.png') }}" alt="Privatsphäre" class="mb-3" height="60">
  41.                     <h5 class="fw-bold">Privatsphäre</h5>
  42.                     <p>Der Schutz deiner Daten steht für uns an erster Stelle – keine Protokollierung und volle Anonymität.</p>
  43.                 </div>
  44.             </div>
  45.         </div>
  46.     </div>
  47. </section>
  48. <section class="py-8">
  49.     <div class="container">
  50.         <div class="row align-items-center">
  51.             <div class="col-lg-6 col-md-5">
  52.                 <img class="img-fluid" src="{{ asset('assets/img/illustrations/1.png') }}" alt="Team" />
  53.             </div>
  54.             <div class="col-md-7 col-lg-6 text-center text-md-start">
  55.                 <h2 class="fw-bold">Unser <span class="text-danger">Team</span></h2>
  56.                 <p class="mt-4">Unser Team besteht aus Experten im Bereich IT-Sicherheit und Netzwerktechnologien. Wir arbeiten täglich daran, das Internet für alle sicherer und freier zu machen.</p>
  57.                 <a href="#" class="btn btn-danger rounded-pill mt-4">Werde Teil unseres Teams</a>
  58.             </div>
  59.         </div>
  60.     </div>
  61. </section>
  62. <section class="py-8 bg-light">
  63.     <div class="container text-center">
  64.         <h2 class="fw-bold">Werde <span class="text-danger">Partner</span></h2>
  65.         <p class="mt-4">Hilf uns, unser dezentrales Netzwerk weiter auszubauen und sichere VPN-Dienste weltweit bereitzustellen. Als Partner von PfauPN profitierst du von attraktiven Vergütungen und trägst zur weltweiten Sicherheit im Internet bei.</p>
  66.         <a href="#" class="btn btn-outline-danger rounded-pill mt-4">Mehr erfahren</a>
  67.     </div>
  68. </section>
  69. <section class="py-8">
  70.     <div class="container text-center">
  71.         <h2 class="fw-bold">Kontaktiere <span class="text-danger">Uns</span></h2>
  72.         <p class="mt-4">Hast du Fragen oder möchtest mehr über unsere Services erfahren? Unser Support-Team steht dir jederzeit zur Verfügung.</p>
  73.         <a href="#" class="btn btn-danger rounded-pill mt-4">Kontakt aufnehmen</a>
  74.     </div>
  75. </section>
  76. {% endblock %}