templates/partials/navbar_footer.html.twig line 1

Open in your IDE?
  1. <section class="py-5 z-index-1" style="margin-bottom: -10rem">
  2.     <div class="container">
  3.         <div class="card py-5 px-5 border-0 shadow-sm">
  4.             <div class="card-body">
  5.                 <div class="row flex-center">
  6.                     <div class="col-12 col-lg-6 text-lg-start">
  7.                         <h2>Entdecke alle Premium-Funktionen<br />von PfauPN!</h2>
  8.                         <p class="mb-lg-0">Werde Premium-Mitglied und genieße vollen Zugriff auf ultraschnelle Verbindungen, exklusive Standorte und mehr.</p>
  9.                     </div>
  10.                     <div class="col-12 col-lg-6 text-lg-end">
  11.                         <a class="btn btn-lg btn-danger hover-top btn-glow text-end" href="{{ path('app_register') }}">Jetzt Premium werden</a>
  12.                     </div>
  13.                 </div>
  14.             </div>
  15.         </div>
  16.     </div>
  17. </section>
  19. <section class="bg-200 pt-9 pb-0">
  20.     <div class="container">
  21.         <div class="row">
  22.             <!-- Logo & Description -->
  23.             <div class="col-12 col-lg-4 mb-3">
  24.                 <a href="{{ path('home') }}"><img class="d-inline-block align-middle" src="{{ asset('assets/img/icons/logo2.png') }}" alt="PfauPN Logo" width="100">
  25.                     <span class="d-inline-block text-1000 fs-6 ms-2 fw-medium lh-base">Pfau<span class="fw-bold">PN</span></span>
  26.                 </a>
  27.                 <p class="my-3">
  28.                     PfauPN bietet sichere und dezentrale VPN-Dienste sowie Hosting für Discord-Bots. Schnell, zuverlässig und umweltbewusst.
  29.                 </p>
  30.                 <ul class="list-unstyled list-inline">
  31.                     <li class="list-inline-item"><a class="text-decoration-none" href="#"><i class="bi bi-facebook"></i></a></li>
  32.                     <li class="list-inline-item"><a class="text-decoration-none" href="#"><i class="bi bi-twitter"></i></a></li>
  33.                     <li class="list-inline-item"><a class="text-decoration-none" href="#"><i class="bi bi-instagram"></i></a></li>
  34.                     <li class="list-inline-item"><a class="text-decoration-none" href="#"><i class="bi bi-linkedin"></i></a></li>
  35.                     <li class="list-inline-item"><a class="text-decoration-none" href="#"><i class="bi bi-youtube"></i></a></li>
  36.                 </ul>
  37.                 <p class="text-400 my-3">© <a href="{{ path('home') }}">2024 PfauPN.de</a>. Alle Rechte vorbehalten.</p>
  38.             </div>
  40.             <!-- Social Media Section -->
  41.             <div class="col-6 col-sm-4 col-lg-3 mb-3">
  42.                 <h5 class="lh-lg">Social Media</h5>
  43.                 <ul class="list-unstyled">
  44.         
  45.                     <li class="lh-lg">
  46.                         <a class="text-900 text-decoration-none" href="#">
  47.                             <i class="fab fa-twitter me-2"></i> Twitter
  48.                         </a>
  49.                     </li>
  50.                     <li class="lh-lg">
  51.                         <a class="text-900 text-decoration-none" href="#">
  52.                             <i class="fab fa-instagram me-2"></i> Instagram
  53.                         </a>
  54.                     </li>
  55.                     <li class="lh-lg">
  56.                         <a class="text-900 text-decoration-none" href="#">
  57.                             <i class="fab fa-tiktok me-2"></i> TikTok
  58.                         </a>
  59.                     </li>
  60.                     <li class="lh-lg">
  61.                         <a class="text-900 text-decoration-none" href="#">
  62.                             <i class="fab fa-youtube me-2"></i> YouTube
  63.                         </a>
  64.                     </li>
  65.                 </ul>
  66.             </div>
  69.             <!-- Unternehmen Section -->
  70.             <div class="col-6 col-sm-4 col-lg-3 mb-3">
  71.                 <h5 class="lh-lg">Unternehmen</h5>
  72.                 <ul class="list-unstyled">
  73.                     <li class="lh-lg"><a class="text-900 text-decoration-none" href="{{ path('partner_become') }}">Partner werden</a></li>
  74.                     <li class="lh-lg"><a class="text-900 text-decoration-none" href="{{ path('about') }}">Über uns</a></li>
  75.                     <li class="lh-lg"><a class="text-900 text-decoration-none" href="{{ path('karriere') }}">Karriere</a></li>
  76.                     <li class="lh-lg"><a class="text-900 text-decoration-none" href="#">Kontakt</a></li>
  77.                     
  78.                 </ul>
  79.             </div>
  81.             <!-- Partner & Support Section -->
  82.             <div class="col-12 col-sm-4 col-lg-2 mb-3">
  83.                 <h5 class="lh-lg">Support</h5>
  84.                 <ul class="list-unstyled">            
  85.                     <li class="lh-lg"><a class="text-900 text-decoration-none" href="{{ path('hilfe') }}">Hilfe</a></li>
  86.                     <li class="lh-lg"><a class="text-900 text-decoration-none" href="{{ path('agb') }}">AGB</a></li>
  87.                     <li class="lh-lg"><a class="text-900 text-decoration-none" href="{{ path('datenschutz') }}">Datenschutz</a></li>
  88.                     <li class="lh-lg"><a class="text-900 text-decoration-none" href="{{ path('impressum') }}">Impressum</a></li>
  89.                 </ul>
  90.             </div>
  91.         </div>
  92.     </div>
  93. </section>