<section class="section-wrapper quickfinder">
<div class="container">
<form class="quickfinder-form">
<div class="row">
<div class="col-sm-6 col-md-4">
<h3 class="label-title">Formate</h3>
<div class="checkbox">
<input type="checkbox" id="lorem1">
<label for="lorem1"><i class="fal fa-check"></i>Bildungsgänge und Kurse</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem2">
<label for="lorem2"><i class="fal fa-check"></i>Seminare</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem3">
<label for="lorem3"><i class="fal fa-check"></i>SmartCamps</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem4">
<label for="lorem4"><i class="fal fa-check"></i>Skillbox</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem5">
<label for="lorem5"><i class="fal fa-check"></i>Tagungen</label>
</div>
</div>
<div class="col-sm-6 col-md-4">
<h3 class="label-title">Themen</h3>
<div class="checkbox">
<input type="checkbox" id="lorem11">
<label for="lorem11"><i class="fal fa-check"></i>Bildungsgänge und Kurse</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem12">
<label for="lorem12"><i class="fal fa-check"></i>Seminare</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem13">
<label for="lorem13"><i class="fal fa-check"></i>SmartCamps</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem14">
<label for="lorem14"><i class="fal fa-check"></i>Skillbox</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem15">
<label for="lorem15"><i class="fal fa-check"></i>Tagungen</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem16">
<label for="lorem16"><i class="fal fa-check"></i>Bildungsgänge und Kurse</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem17">
<label for="lorem17"><i class="fal fa-check"></i>Seminare</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem18">
<label for="lorem18"><i class="fal fa-check"></i>SmartCamps</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem19">
<label for="lorem19"><i class="fal fa-check"></i>Skillbox</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem20">
<label for="lorem20"><i class="fal fa-check"></i>Tagungen</label>
</div>
</div>
<div class="col-sm-12 col-md-4">
<a href="#lorem" class="btn btn-white">Anzeigen</a>
</div>
</div>
</form>
</div>
</section>
<section class="section-wrapper quickfinder">
<div class="container">
<form class="quickfinder-form">
<div class="row">
<div class="col-sm-6 col-md-4">
<h3 class="label-title">Formate</h3>
<div class="checkbox">
<input type="checkbox" id="lorem1">
<label for="lorem1"><i class="fal fa-check"></i>Bildungsgänge und Kurse</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem2">
<label for="lorem2"><i class="fal fa-check"></i>Seminare</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem3">
<label for="lorem3"><i class="fal fa-check"></i>SmartCamps</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem4">
<label for="lorem4"><i class="fal fa-check"></i>Skillbox</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem5">
<label for="lorem5"><i class="fal fa-check"></i>Tagungen</label>
</div>
</div>
<div class="col-sm-6 col-md-4" >
<h3 class="label-title">Themen</h3>
<div class="checkbox">
<input type="checkbox" id="lorem11">
<label for="lorem11"><i class="fal fa-check"></i>Bildungsgänge und Kurse</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem12">
<label for="lorem12"><i class="fal fa-check"></i>Seminare</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem13">
<label for="lorem13"><i class="fal fa-check"></i>SmartCamps</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem14">
<label for="lorem14"><i class="fal fa-check"></i>Skillbox</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem15">
<label for="lorem15"><i class="fal fa-check"></i>Tagungen</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem16">
<label for="lorem16"><i class="fal fa-check"></i>Bildungsgänge und Kurse</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem17">
<label for="lorem17"><i class="fal fa-check"></i>Seminare</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem18">
<label for="lorem18"><i class="fal fa-check"></i>SmartCamps</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem19">
<label for="lorem19"><i class="fal fa-check"></i>Skillbox</label>
</div>
<div class="checkbox">
<input type="checkbox" id="lorem20">
<label for="lorem20"><i class="fal fa-check"></i>Tagungen</label>
</div>
</div>
<div class="col-sm-12 col-md-4">
<a href="#lorem" class="btn btn-white">Anzeigen</a>
</div>
</div>
</form>
</div>
</section>
/* No context defined for this component. */
.quickfinder {
background-color: $primary;
padding-top: 3rem;
padding-bottom: 3rem;
.label-title {
color: #fff;
font-family: "Effra";
}
.btn {
height: 5rem;
}
.col-sm-6 {
margin-bottom: 3rem;
@include media-breakpoint-up(md) {
margin-bottom: 0;
}
}
}
There are no notes for this item.