immobilien-sparrer/content/lists/immobilien.blade.php

217 lines
11 KiB
PHP
Raw Normal View History

2022-10-19 14:42:20 +00:00
@layout('content.master')
@section('content')
<div class="container">
<section>
<div class="row">
<div class="col">
2022-10-19 15:06:26 +00:00
<h1>Immobilien</h1>
2022-10-19 14:42:20 +00:00
<br>
<br>
2022-10-20 08:52:57 +00:00
@foreach($contents as $content)
<div class="col-12 col-md-6 mb-5">
<div class="card shadow-sm" style="background-color: #2776b7;">
<img src="https://picsum.photos/200/100" class="card-img-top border-bottom">
<div class="card-body">
<h2 class="card-title text-light">{{$content->title}}</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus asperiores consequatur maxime nobis provident! Amet in laborum minus possimus reiciendis rem reprehenderit! Ducimus facere facilis illo odit omnis suscipit voluptatum?</p>
</div>
</div>
</div>
@endforeach
@if (isset($list))
<p class="fs-5">
{{ $list->description }}
</p>
@endif
2022-10-19 14:42:20 +00:00
<br>
<br>
</div>
</div>
2022-10-19 17:40:49 +00:00
<style>
#list-filter-menue .form-check {
min-height: 2.5rem;
}
#list-filter-menue .bg-light {
background-color: #4285c836 !important;
}
a:hover .card-body{
background-color: #edeff25e;
}
</style>
2022-10-19 14:42:20 +00:00
<div class="row">
2022-10-19 17:40:49 +00:00
<div id="list-filter-menue" class="d-none d-lg-block col-12 position-relative col-md-3 rounded-end" style="background-color: #9cbbd961; padding: 25px;">
<div class="row">
<div class="col-12">
<h5 class="mt-2 mb-3 fw-bold">Region</h5>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="regensburg" id="flexCheckRegensburg">
<label class="form-check-label" for="flexCheckRegensburg">
Regensburg
2022-10-20 08:52:57 +00:00
<span class="badge bg-light text-dark">244 Objekte</span>
2022-10-19 17:40:49 +00:00
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="weiden" id="flexCheckWeiden">
<label class="form-check-label" for="flexCheckWeiden">
Weiden
2022-10-20 08:52:57 +00:00
<span class="badge bg-light text-dark">54 Objekte</span>
2022-10-19 17:40:49 +00:00
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="amberg" id="flexCheckAmberg">
<label class="form-check-label" for="flexCheckAmberg">
Amberg
2022-10-20 08:52:57 +00:00
<span class="badge bg-light text-dark">35 Objekte</span>
2022-10-19 17:40:49 +00:00
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="schwandorf" id="flexCheckSchwandorf">
<label class="form-check-label" for="flexCheckSchwandorf">
Schwandorf
2022-10-20 08:52:57 +00:00
<span class="badge bg-light text-dark">38 Objekte</span>
2022-10-19 17:40:49 +00:00
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="neumarkt" id="flexCheckNeumarkt">
<label class="form-check-label" for="flexCheckNeumarkt">
Neumarkt
2022-10-20 08:52:57 +00:00
<span class="badge bg-light text-dark">124 Objekte</span>
2022-10-19 17:40:49 +00:00
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="cham" id="flexCheckCham">
<label class="form-check-label" for="flexCheckCham">
Cham
2022-10-20 08:52:57 +00:00
<span class="badge bg-light text-dark">42 Objekte</span>
2022-10-19 17:40:49 +00:00
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="neustadt" id="flexCheckNeustadt">
<label class="form-check-label" for="flexCheckNeustadt">
Neustadt
2022-10-20 08:52:57 +00:00
<span class="badge bg-light text-dark">16 Objekte</span>
2022-10-19 17:40:49 +00:00
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="tirschenreuth" id="flexCheckTirschenreuth">
<label class="form-check-label" for="flexCheckTirschenreuth">
Tirschenreuth
2022-10-20 08:52:57 +00:00
<span class="badge bg-light text-dark">54 Objekte</span>
2022-10-19 17:40:49 +00:00
</label>
</div>
<h5 class="mt-5 mb-3 fw-bold">Art</h5>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="vollzeit" id="flexCheckVollzeit">
<label class="form-check-label" for="flexCheckVollzeit">
Mieten
2022-10-20 08:52:57 +00:00
<span class="badge bg-light text-dark">98 Objekte</span>
2022-10-19 17:40:49 +00:00
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="teilzeit" id="flexCheckTeilzeit">
<label class="form-check-label" for="flexCheckTeilzeit">
Kaufen
2022-10-20 08:52:57 +00:00
<span class="badge bg-light text-dark">12 Objekte</span>
2022-10-19 17:40:49 +00:00
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="minijob" id="flexCheckMinijob">
<label class="form-check-label" for="flexCheckMinijob">
Pachten
2022-10-20 08:52:57 +00:00
<span class="badge bg-light text-dark">1 Objekte</span>
2022-10-19 17:40:49 +00:00
</label>
</div>
2022-10-19 14:42:20 +00:00
2022-10-20 08:52:57 +00:00
<h5 class="mt-5 mb-3 fw-bold">Extras</h5>
2022-10-19 17:40:49 +00:00
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="wissenschaft-ingenieurwesen" id="flexCheckWissenschaft &amp; Ingenieurwesen">
<label class="form-check-label" for="flexCheckWissenschaft &amp; Ingenieurwesen">
2022-10-20 08:52:57 +00:00
Swimmingpool
<span class="badge bg-light text-dark">20 Objekte</span>
2022-10-19 17:40:49 +00:00
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="computer-it" id="flexCheckComputer &amp; IT">
<label class="form-check-label" for="flexCheckComputer &amp; IT">
2022-10-20 08:52:57 +00:00
Garage
<span class="badge bg-light text-dark">26 Objekte</span>
2022-10-19 17:40:49 +00:00
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="gesundheitswesen" id="flexCheckGesundheitswesen">
<label class="form-check-label" for="flexCheckGesundheitswesen">
2022-10-20 08:52:57 +00:00
Sauna
<span class="badge bg-light text-dark">117 Objekte</span>
2022-10-19 17:40:49 +00:00
</label>
</div>
2022-10-20 08:52:57 +00:00
2022-10-19 17:40:49 +00:00
</div>
</div>
</div>
<div class="col-12 col-md-9 ">
<div class="row">
2022-10-20 08:52:57 +00:00
@foreach($contents as $content)
<div class="col-12 col-md-6 mb-5">
<div class="card shadow-sm" style="background-color: #2776b7;">
2022-10-19 17:40:49 +00:00
<img src="https://picsum.photos/200/100" class="card-img-top border-bottom">
<div class="card-body">
2022-10-20 08:52:57 +00:00
<h2 class="card-title text-light">{{$content->title}}</h2>
2022-10-19 17:40:49 +00:00
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus asperiores consequatur maxime nobis provident! Amet in laborum minus possimus reiciendis rem reprehenderit! Ducimus facere facilis illo odit omnis suscipit voluptatum?</p>
</div>
2022-10-19 14:42:20 +00:00
</div>
</div>
2022-10-19 17:40:49 +00:00
@endforeach
2022-10-20 08:52:57 +00:00
<div class="col-12 col-md-6 mb-5">
2022-10-19 17:40:49 +00:00
<a href="" class="text-decoration-none">
<div class="card shadow-sm bg-light">
<img src="https://picsum.photos/200/100" class="card-img-top border-bottom">
<div class="card-body">
2022-10-20 08:52:57 +00:00
<h2 class="card-title h5">Immobilie ABC</h2>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus asperiores consequatur maxime nobis provident! Amet in laborum minus possimus reiciendis rem reprehenderit! Ducimus facere facilis illo odit omnis suscipit voluptatum?</p>
2022-10-19 17:40:49 +00:00
2022-10-20 08:52:57 +00:00
<div class="row">
<div class="col-7 text-success fw-bold">
Miete: 282 / monatlich zzgl. Nebenkosten
</div>
<div class="col-5 text-end" style="color: #2776b7">
Mehr Erfahren
2022-10-19 17:40:49 +00:00
2022-10-20 08:52:57 +00:00
</div>
2022-10-19 17:40:49 +00:00
</div>
</div>
</div>
</a>
</div>
2022-10-19 14:42:20 +00:00
</div>
2022-10-19 17:40:49 +00:00
</div>
2022-10-19 14:42:20 +00:00
</div>
</section>
</div>
@stop