<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. */
  • Content:
    .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;
    		}
    	}
    }
    
  • URL: /components/raw/quickfinder/quickfinder.scss
  • Filesystem Path: components/02-components/quickfinder/quickfinder.scss
  • Size: 278 Bytes

There are no notes for this item.