templates/karriere.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Karriere bei MyVPN{% endblock %}
  5. {% block body %}
  6. <section class="py-8">
  7.     <div class="container">
  8.         <h1 class="mb-4 text-center">Karriere bei MyVPN</h1>
  9.         <p class="lead text-center">
  10.             Werde Teil des MyVPN-Teams und gestalte mit uns die Zukunft sicherer, dezentraler Netzwerke! Wir suchen nach leidenschaftlichen, kreativen und talentierten Persönlichkeiten, die mit uns gemeinsam wachsen und unsere Vision teilen.
  11.         </p>
  13.         <!-- Über uns Section (Leichtes Grau) -->
  14.         <div class="mb-5 bg-light p-4 rounded">
  15.             <h2 class="h4">Warum MyVPN?</h2>
  16.             <p>
  17.                 Bei MyVPN bieten wir nicht nur innovative und nachhaltige VPN-Lösungen, sondern auch ein Arbeitsumfeld, das von Teamgeist, Offenheit und Flexibilität geprägt ist. Wir sind ein schnell wachsendes Unternehmen mit einer großen Vision, bei dem deine Ideen und Fähigkeiten direkt zur Gestaltung der Zukunft beitragen.
  18.             </p>
  19.             <ul class="list-unstyled">
  20.                 <li><i class="bi bi-check-circle text-success"></i> Arbeiten in einem dynamischen und innovativen Umfeld</li>
  21.                 <li><i class="bi bi-check-circle text-success"></i> Flache Hierarchien und kurze Entscheidungswege</li>
  22.                 <li><i class="bi bi-check-circle text-success"></i> Möglichkeit, Verantwortung zu übernehmen und eigene Ideen einzubringen</li>
  23.                 <li><i class="bi bi-check-circle text-success"></i> Flexible Arbeitszeiten und die Möglichkeit, remote zu arbeiten</li>
  24.                 <li><i class="bi bi-check-circle text-success"></i> Attraktive Vergütung und Zusatzleistungen</li>
  25.             </ul>
  26.         </div>
  28.         <!-- Aktuelle Stellenangebote (Weiß) -->
  29.         <div class="mb-5 p-4">
  30.             <h2 class="h4">Aktuelle Stellenangebote</h2>
  31.             <p>
  32.                 Unsere aktuellen offenen Stellen findest du unten. Wenn du eine Position findest, die zu deinem Profil passt, freuen wir uns über deine Bewerbung!
  33.             </p>
  34.             <div class="row">
  35.                 <!-- Job Card 1 -->
  36.                 <div class="col-md-6 mb-4">
  37.                     <div class="card border-0 shadow-sm h-100">
  38.                         <div class="card-body">
  39.                             <h5 class="card-title">Softwareentwickler (m/w/d)</h5>
  40.                             <p class="card-text">
  41.                                 Unterstütze unser IT-Team bei der Entwicklung neuer Funktionen und Features für unsere dezentralen VPN-Dienste.
  42.                             </p>
  43.                             <ul>
  44.                                 <li><strong>Standort:</strong> Braunschweig / Remote</li>
  45.                                 <li><strong>Arbeitszeit:</strong> Vollzeit</li>
  46.                                 <li><strong>Startdatum:</strong> Ab sofort</li>
  47.                             </ul>
  48.                             <a href="#" class="btn btn-outline-primary">Mehr erfahren & bewerben</a>
  49.                         </div>
  50.                     </div>
  51.                 </div>
  53.                 <!-- Job Card 2 -->
  54.                 <div class="col-md-6 mb-4">
  55.                     <div class="card border-0 shadow-sm h-100">
  56.                         <div class="card-body">
  57.                             <h5 class="card-title">Marketing Manager (m/w/d)</h5>
  58.                             <p class="card-text">
  59.                                 Entwickle kreative Kampagnen und Strategien, um unsere Marke weiter auszubauen und neue Kunden zu gewinnen.
  60.                             </p>
  61.                             <ul>
  62.                                 <li><strong>Standort:</strong> Braunschweig / Remote</li>
  63.                                 <li><strong>Arbeitszeit:</strong> Vollzeit / Teilzeit</li>
  64.                                 <li><strong>Startdatum:</strong> Ab sofort</li>
  65.                             </ul>
  66.                             <a href="#" class="btn btn-outline-primary">Mehr erfahren & bewerben</a>
  67.                         </div>
  68.                     </div>
  69.                 </div>
  71.                 <!-- Weitere Stellenangebote -->
  72.                 <!-- Weitere Job Cards können hier hinzugefügt werden -->
  73.             </div>
  74.         </div>
  76.         <!-- Initiativbewerbung Section (Leichtes Grau) -->
  77.         <div class="mb-5 bg-light p-4 rounded">
  78.             <h2 class="h4">Initiativbewerbung</h2>
  79.             <p>
  80.                 Keine passende Stelle gefunden? Kein Problem! Wir sind immer auf der Suche nach talentierten und motivierten Menschen. Schicke uns gerne deine Initiativbewerbung und überzeuge uns, warum du Teil des MyVPN-Teams werden möchtest.
  81.             </p>
  82.             <a href="mailto:karriere@myvpn.com" class="btn btn-secondary">Jetzt Initiativbewerbung senden</a>
  83.         </div>
  85.         <!-- Benefits Section (Abwechselnde Farben) -->
  86.         <div class="mb-5">
  87.             <h2 class="h4 mb-4">Deine Vorteile bei MyVPN</h2>
  88.             <div class="row">
  89.                 <div class="col-md-4 mb-3">
  90.                     <div class="card border-0 shadow-sm h-100 bg-light">
  91.                         <div class="card-body text-center">
  92.                             <i class="bi bi-emoji-smile fs-1 text-primary"></i>
  93.                             <h5 class="card-title mt-3">Angenehme Arbeitsatmosphäre</h5>
  94.                             <p class="card-text">Wir legen Wert auf ein angenehmes Arbeitsklima, in dem du dich wohlfühlst.</p>
  95.                         </div>
  96.                     </div>
  97.                 </div>
  98.                 <div class="col-md-4 mb-3">
  99.                     <div class="card border-0 shadow-sm h-100">
  100.                         <div class="card-body text-center">
  101.                             <i class="bi bi-house-door fs-1 text-primary"></i>
  102.                             <h5 class="card-title mt-3">Home Office & Flexibilität</h5>
  103.                             <p class="card-text">Arbeite von überall, zu Zeiten, die zu deinem Leben passen.</p>
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.                 <div class="col-md-4 mb-3">
  108.                     <div class="card border-0 shadow-sm h-100 bg-light">
  109.                         <div class="card-body text-center">
  110.                             <i class="bi bi-currency-euro fs-1 text-primary"></i>
  111.                             <h5 class="card-title mt-3">Attraktive Vergütung</h5>
  112.                             <p class="card-text">Wir bieten ein attraktives Gehaltspaket und spannende Benefits.</p>
  113.                         </div>
  114.                     </div>
  115.                 </div>
  116.             </div>
  117.         </div>
  119.         <!-- Kontakt Section (Weiß) -->
  120.         <div class="mb-4 p-4">
  121.             <h2 class="h4">Hast du Fragen?</h2>
  122.             <p>
  123.                 Wir stehen dir jederzeit für Fragen rund um unsere offenen Stellen und die Bewerbung bei MyVPN zur Verfügung.
  124.             </p>
  125.             <address>
  126.                 <strong>E-Mail:</strong> <a href="mailto:karriere@myvpn.com">karriere@myvpn.com</a><br>
  127.                 <strong>Telefon:</strong> +49 531 1234567
  128.             </address>
  129.         </div>
  130.     </div>
  131. </section>
  132. {% endblock %}