templates/hilfe.html.twig line 1

1. {% extends 'base.html.twig' %}
3. {% block title %}Hilfe - 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">Hilfe und Support</h1>
10.             <p class="text-muted">Hier findest du Antworten auf häufig gestellte Fragen und erhältst Unterstützung bei der Nutzung unseres Services.</p>
11.         </div>
13.         <div class="row">
14.             <div class="col-md-6 mb-4">
15.                 <div class="card shadow-sm border-0" style="background-color: #E3F2FD;">
16.                     <div class="card-body">
17.                         <h5 class="card-title text-primary fw-bold">Wie richte ich MyVPN ein?</h5>
18.                         <p class="card-text text-secondary">Eine Schritt-für-Schritt-Anleitung zur einfachen Einrichtung von MyVPN auf all deinen Geräten.</p>
19.                         <a href="#" class="btn btn-outline-primary rounded-pill">Mehr erfahren</a>
20.                     </div>
21.                 </div>
22.             </div>
24.             <div class="col-md-6 mb-4">
25.                 <div class="card shadow-sm border-0" style="background-color: #E8F5E9;">
26.                     <div class="card-body">
27.                         <h5 class="card-title text-success fw-bold">Probleme mit der Verbindung?</h5>
28.                         <p class="card-text text-secondary">Tipps und Tricks, um Verbindungsprobleme schnell und einfach zu beheben.</p>
29.                         <a href="#" class="btn btn-outline-success rounded-pill">Mehr erfahren</a>
30.                     </div>
31.                 </div>
32.             </div>
33.         </div>
35.         <!-- Weitere häufig gestellte Fragen -->
36.         <div class="row">
37.             <div class="col-md-6 mb-4">
38.                 <div class="card shadow-sm border-0" style="background-color: #E3F2FD;">
39.                     <div class="card-body">
40.                         <h5 class="card-title text-primary fw-bold">Warum verdienen Partner daran?</h5>
41.                         <p class="card-text text-secondary">Verstehe, wie unser Partnerprogramm funktioniert und warum es für alle Seiten vorteilhaft ist.</p>
42.                         <a href="#" class="btn btn-outline-primary rounded-pill">Mehr erfahren</a>
43.                     </div>
44.                 </div>
45.             </div>
47.             <div class="col-md-6 mb-4">
48.                 <div class="card shadow-sm border-0" style="background-color: #E8F5E9;">
49.                     <div class="card-body">
50.                         <h5 class="card-title text-success fw-bold">Umweltfreundlichkeit von MyVPN</h5>
51.                         <p class="card-text text-secondary">Entdecke, wie wir umweltfreundliche Technologien einsetzen, um den CO2-Ausstoß zu minimieren.</p>
52.                         <a href="#" class="btn btn-outline-success rounded-pill">Mehr erfahren</a>
53.                     </div>
54.                 </div>
55.             </div>
56.         </div>
58.         <!-- Mehr Informationen -->
59.         <div class="row">
60.             <div class="col-md-6 mb-4">
61.                 <div class="card shadow-sm border-0" style="background-color: #E3F2FD;">
62.                     <div class="card-body">
63.                         <h5 class="card-title text-primary fw-bold">Geschwindigkeitsprobleme?</h5>
64.                         <p class="card-text text-secondary">Finde heraus, wie du die Geschwindigkeit deiner VPN-Verbindung optimieren kannst.</p>
65.                         <a href="#" class="btn btn-outline-primary rounded-pill">Mehr erfahren</a>
66.                     </div>
67.                 </div>
68.             </div>
70.             <div class="col-md-6 mb-4">
71.                 <div class="card shadow-sm border-0" style="background-color: #E8F5E9;">
72.                     <div class="card-body">
73.                         <h5 class="card-title text-success fw-bold">Datenschutz und Sicherheit</h5>
74.                         <p class="card-text text-secondary">Erfahre mehr über unsere Sicherheitsstandards und wie wir deine Daten schützen.</p>
75.                         <a href="#" class="btn btn-outline-success rounded-pill">Mehr erfahren</a>
76.                     </div>
77.                 </div>
78.             </div>
79.         </div>
81.         <!-- Kontakt- und Ticket-Erstellung -->
82.         <div class="text-center mt-5">
83.             <div class="row align-items-center">
84.                 <div class="col-md-6">
85.                     <h2 class="fw-bold text-primary">Noch mehr Fragen?</h2>
86.                     <p class="text-muted">Unser Support-Team steht dir rund um die Uhr zur Verfügung, um dir bei deinen Anliegen zu helfen.</p>
87.                     <a href="{{ path('user_ticket_new') }}" class="btn btn-primary btn-lg rounded-pill mt-3">Ticket eröffnen</a>
88.                 </div>
89.                 <div class="col-md-6">
90.                     <!-- Passendes Bild aus dem illustrations-Ordner einfügen -->
91.                     <img src="{{ asset('assets/img/illustrations/1.png') }}" class="img-fluid rounded" alt="Support Team">
92.                 </div>
93.             </div>
94.         </div>
95.     </div>
96. </section>
97. {% endblock %}