Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"Jobbörse"
Bootstrap 4.1.1 Snippet by
VisionHost24
4.1.1
Preview
HTML
CSS
View Full Screen
Fork
Fork this
884
 
1 Fav
Post to Facebook
Tweet this
<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
Free Template
Bootstrap Wizard
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76