---
page-title: Search results
---


<div class="row">
	<div class="col-8">
		<div class="card">
			<div class="card-body">
				<div>
					{% assign items = "HTML,CSS,JavaScript,Ruby,GraphSQL" | split: ',' %}
					<div class="form-selectgroup">
						{% for item in items %}
						<label class="form-selectgroup-item">
							<input type="checkbox" name="name" value="{{ item | escape }}" class="form-selectgroup-input"{% if forloop.index <= 2 %} checked{% endif %}>
							<span class="form-selectgroup-box">
								{{ item }}
							</span>
						</label>
						{% endfor %}
					</div>
				</div>

				<div class="mt-4">
					{% assign items = "home,check-square,pie-chart,users,circle,square" | split: ',' %}
					<div class="form-selectgroup">
						{% for item in items %}
						<label class="form-selectgroup-item">
							<input type="checkbox" name="name" value="{{ item | escape }}" class="form-selectgroup-input"{% if forloop.index <= 2 %} checked{% endif %}>
							<div class="form-selectgroup-box">
								{% include ui/icon.html icon=item class="mr-1" %}
								<span>{{ item }}</span>
							</div>
						</label>
						{% endfor %}
					</div>
				</div>

				<div class="mt-4">
					{% assign items = "home,check-square,pie-chart,users,circle,square" | split: ',' %}
					<div class="form-selectgroup">
						{% for item in items %}
						<label class="form-selectgroup-item">
							<input type="checkbox" name="name" value="{{ item | escape }}" class="form-selectgroup-input"{% if forloop.index <= 2 %} checked{% endif %}>
							<div class="form-selectgroup-box">
								{% include ui/icon.html icon=item %}
							</div>
						</label>
						{% endfor %}
					</div>
				</div>

				<div class="mt-4">
					<input type="checkbox" class="form-check-input" checked>
					<input type="radio" class="form-check-input" checked> lorem haha
				</div>


			</div>
		</div>
	</div>
	<div class="col">
		{% include cards/configuration.html %}
	</div>
</div>