"Untitled"
Bootstrap 4.1.1 Snippet by gamer08

<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>

Related: See More


Questions / Comments: