<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!-- Home Start -->
<div class="position-relative">
<div class="shape overflow-hidden text-white">
<svg viewBox="0 0 1000 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M 0 0 c 0 0 200 50 500 50 s 500 -50 500 -50 v 101 h -1000 v -100 z" fill="currentColor"></path>
</svg>
</div>
</div>
<!-- Home End -->
<div class="container mt-100 mt-60">
<div class="row justify-content-center">
<div class="col-12">
<div class="section-title text-center mb-4 pb-2">
<h4 class="title mb-4">Arbeitsort: Teststadt</h4>
<p class="text-muted mx-auto para-desc mb-0">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna </p>
</div>
</div><!--end col-->
</div><!--end row-->
<!--<i class="fea icon-md text-light">-->
<div class="card mb-5">
<ul class="list-group list-group-lg list-group-flush">
<li class="list-group-item d-flex justify-content-between">
<a data-toggle="collapse" href="#anwendungsentwickler" role="button" aria-expanded="false" aria-controls="anwendungsentwickler">Anwendungsentwickler (w/m/d)</a>
<span>Vollzeit, Teilzeit, Minijob</span>
</li>
<div class="collapse show" id="anwendungsentwickler">
<div class="row p-4">
<div class="col-md-8">
<h6>Aufgabe:</h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna </p>
<h6>Deine möglichen Einsätze sehen wie folgt aus:</h6>
<p>Lorem ipsum dolor sit amet</p>
<h6>Profil:</h6>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="col-md-4">
<h6>Stellenangebot:</h6>
<p>Anwendungsentwickler (w/m/d)</p>
<h6>Ansprechpartner:</h6>
<p>Lorem ipsum dolor sit amet</p>
<img class="img img-responsiv" src="images/client/benutzer.png" width="180" height="200">
<h6>Bewerbungsmöglichkeiten:</h6>
<p>E-Mail an <a href="mailto:Lorem@ipsum.eu">Lorem@ipsum.eu</a></p>
</div>
</div>
</div>
<li class="list-group-item d-flex justify-content-between">
<a data-toggle="collapse" href="#systemadministrator" role="button" aria-expanded="false" aria-controls="systemadministrator">Systemadministrator (w/m/d)</a>
<span>Vollzeit, Teilzeit</span>
</li>
<div class="collapse" id="systemadministrator">
<div class="row p-4">
<div class="col-md-8">
<h6>Aufgabe:</h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna </p>
<h6>Deine möglichen Einsätze sehen wie folgt aus:</h6>
<p>Lorem ipsum dolor sit amet</p>
<h6>Profil:</h6>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="col-md-4">
<h6>Stellenangebot:</h6>
<p>Anwendungsentwickler (w/m/d)</p>
<h6>Ansprechpartner:</h6>
<p>Lorem ipsum dolor sit amet</p>
<img class="img img-responsiv" src="images/client/benutzer.png" width="180" height="200">
<h6>Bewerbungsmöglichkeiten:</h6>
<p>E-Mail an <a href="mailto:Lorem@ipsum.eu">Lorem@ipsum.eu</a></p>
</div>
</div>
</div>
</ul>
</div>
<div class="container mt-100 mt-60">
<div class="row justify-content-center">
<div class="col-12">
<div class="section-title text-center mb-4 pb-2">
<h4 class="title mb-4">Arbeitsort: Homeoffice</h4>
<p class="text-muted mx-auto para-desc mb-0">Dein perfekter Arbeitsplatz an der Nordsee</p>
</div>
</div><!--end col-->
</div><!--end row-->
<li class="list-group-item d-flex justify-content-between">
<a data-toggle="collapse" href="#kundensupporter" role="button" aria-expanded="false" aria-controls="kundensupporter">Kundensupporter (w/m/d)</a>
<span>Vollzeit, Teilzeit oder als Praktikum</span>
</li>
<div class="collapse" id="kundensupporter">
<div class="row p-4">
<div class="col-md-8">
<h6>Aufgabe:</h6>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna </p>
<h6>Deine möglichen Einsätze sehen wie folgt aus:</h6>
<p>Lorem ipsum dolor sit amet</p>
<h6>Profil:</h6>
<ul>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
<li>Lorem ipsum dolor sit amet</li>
</ul>
</div>
<div class="col-md-4">
<h6>Stellenangebot:</h6>
<p>Anwendungsentwickler (w/m/d)</p>
<h6>Ansprechpartner:</h6>
<p>Lorem ipsum dolor sit amet</p>
<img class="img img-responsiv" src="images/client/benutzer.png" width="180" height="200">
<h6>Bewerbungsmöglichkeiten:</h6>
<p>E-Mail an <a href="mailto:Lorem@ipsum.eu">Lorem@ipsum.eu</a></p>
</div>
</div>
</div>
</div>
<div class="row justify-content-center text-center section-outro">
<div class="col-lg-6 col-md-7">
<h6>Haben wir Dein Interesse geweckt?</h6>
<p>Dann sende uns bitte deinen Lebenslauf und ein kurzes Anschreiben an:</p>
<p class="font-weight-bold">Lorem ipsum dolor sit amet<br><span class="font-weight-light">Lorem ipsum dolor sit amet <br> Lorem ipsum dolor sit amet <br> Lorem ipsum dolor sit amet</span></p>
<p class="font-weight-bold">oder an:<br></p>
<p class="font-weight-bold">Lorem ipsum dolor sit amet<br><span class="font-weight-light">CEO</span></p>
<a href="tel:+49145275622">+49 (0) 145275622</a><br>
<a href="mailto:Lorem@ipsum.eu">Lorem@ipsum.eu</a>
</div>
</div>