Benjamin Völkl 2022-10-20 10:52:57 +02:00
parent 6ac6d9dfd4
commit 4c95728029
12 changed files with 445 additions and 786 deletions

View File

@ -1,9 +1,9 @@
[
{
"slug":"immobilie",
"name":"Immobilien",
"name":"Immobilie",
"description":"Solarmodule",
"icon":"solar-panel",
"icon":"\\/font-awesome\\/duotone\\/house.svg",
"status":1,
"blade":"immobilien",
"fields":[
@ -17,40 +17,121 @@
}
]
},

{
"slug":"jobs",
"name":"Jobs",
"description":"Produkt",
"icon":"shopping-bag",
"description":"Stellenanzeigen",
"icon":"\/font-awesome\/light\/suitcase.svg",
"status":1,
"blade":"jobs",
"fields":[
{
"name":"Preis",
"type":"number",
"name":"Stellenbeschreibung",
"type":"textfield",
"description":"",
"position":1,
"required":1,
"default_value":""
},
{
"name":"Bewerberqualifikation",
"type":"textfield",
"description":"",
"position":2,
"required":0,
"default_value":""
},
{
"name":"Wir als Arbeitgeber",
"type":"textfield",
"description":"",
"position":3,
"required":0,
"default_value":""
},
{
"name":"Arbeitsort",
"type":"location",
"description":"",
"position":4,
"required":0,
"default_value":""
},
{
"name":"Wochenarbeitsstunden",
"type":"number",
"description":"",
"position":5,
"required":0,
"default_value":""
},
{
"name":"Direktkontakt",
"type":"textfield",
"description":"",
"position":6,
"required":0,
"default_value":""
},
{
"name":"Besch\u00e4ftigungsart",
"type":"select-multiple",
"description":"",
"position":9,
"required":0,
"default_value":"",
"options":[
"Vollzeit",
"Teilzeit",
"Minijob",
"Ausbildung"
]
},
{
"name":"Branche",
"type":"select-multiple",
"description":"",
"position":11,
"required":1,
"default_value":"",
"options":[
"Handwerk",
" Computer & IT",
"Buchhaltung & Finanzen",
"Bauwesen",
"Installation",
" Wartung & Instandsetzung",
"Verwaltung & B\u00fcro",
"Transport & Logistik",
"Personalwesen",
"Sicherheitsberufe",
"Kundenservice"
]
},
{
"name":"Email zur Onlinebewerbung",
"type":"email",
"description":"",
"position":8,
"required":0,
"default_value":""
}
]
},

{
"slug":"news",
"name":"News",
"description":"Solar und AC Kabel",
"icon":"parking",
"icon":"\\/font-awesome\\/duotone\\/newspaper.svg",
"status":1,
"blade":"news",
"fields":[
{
"name":"L\u00e4nge",
"type":"number",
"name":"Text",
"type":"rich-text",
"description":"",
"attr":{
"min":"0",
"step":"1"
},
"position":1,
"required":0,
"default_value":""

View File

@ -15,132 +15,143 @@
@endif
<section>
<div class="row">
<div class="col-12 col-lg-5">
@if(empty($content->image))
<img src="https://picsum.photos/300/200" class="card-img-top img-fluid rounded border" alt="...">
@else
<img src="{{$content->image}}" class="card-img-top img-fluid" alt="...">
@endif
<div class="col-12 ">


<div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="false">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://picsum.photos/1920/802" class="d-block w-100 rounded" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>First slide label</h5>
<p>Some representative placeholder content for the first slide.</p>
</div>
</div>
<div class="carousel-item">
<img src="https://picsum.photos/1920/801" class="d-block w-100 rounded" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Second slide label</h5>
<p>Some representative placeholder content for the second slide.</p>
</div>
</div>
<div class="carousel-item">
<img src="https://picsum.photos/1920/800" class="d-block w-100 rounded" alt="...">
<div class="carousel-caption d-none d-md-block">
<h5>Third slide label</h5>
<p>Some representative placeholder content for the third slide.</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>



<br>
<br>
<br>
</div>
<div class="col-12 col-lg-5 offset-lg-1">
<h1 class="h2">{{$content->title}}</h1>
<div class="col-12">
<h1 class="h2 mb-3">{{$content->title}}</h1>

<i class="text-muted"> <svg style="width: 14px; fill: #d0504f" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512">
<!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) -->
<path d="M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0z"></path>
</svg>
Adressstrasse 123 , 92637 Weiden</i>

</div>


<div class="col-12 my-5">

<p class="fs-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A, aperiam at consectetur consequuntur culpa dignissimos ducimus earum excepturi expedita inventore ipsa ipsum labore non provident quos sunt suscipit voluptate voluptatibus.</p>
</div>

</div>



<div class="row">
<div class="col-12 mt-5">
<div class="col-12 col-md-10 offset-md-1 mt-5">


<style>
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: var(--bs-nav-pills-link-active-color);
background-color:#79b27f ;
}
</style>
<div class="card">
<div class="card-header" style="background-color: #546c8a; color: white;">
<nav class="nav nav-pills nav-justified">
<a class="nav-link text-light active" href="#" data-bs-toggle="tab" data-bs-target="#bla1" type="button" role="tab" aria-controls="bla1" aria-selected="false">Beschreibung</a>
<a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla2" type="button" role="tab" aria-controls="bla2" aria-selected="false">Technische Daten</a>
<a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla3" type="button" role="tab" aria-controls="bla3" aria-selected="false">Datenblätter & Downloads</a>
<a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla3" type="button" role="tab" aria-controls="bla4" aria-selected="false">Garantien</a>
</nav>
<div class="card-header" style="background-color: #2776b7">

<h5 class="text-light">Ich interessiere mich für dieses Angebot</h5>

</div>

<div class="tab-content" id="myTabContent">
<div class="card-body bg-ci">


<div class="tab-pane fade show active" id="bla1" role="bla1" aria-labelledby="bla1" tabindex="0">
<div class="card-body" style="min-height: 300px;">
<div class="row">

<h4 class="mt-3 mb-4">Beschreibung</h4>
<div class="col-5 offset-1">



<form>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Ihr Name</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
</div>
<div class="mb-3">
<label for="exampleInputPassword1" class="form-label">E-Mail</label>
<input type="password" class="form-control" id="exampleInputPassword1">
</div>

<div class="mb-3">
<label for="exampleInputPassword1" class="form-label">Telefon</label>
<input type="password" class="form-control" id="exampleInputPassword1">
</div>


<div class="mb-3 form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Ich habe die <a href="">Datenschutzbestimmungen</a> gelesen und akzeptiert</label>
</div>
<div class="text-end mb-4">
<button type="submit" class="btn btn-primary mt-3">Unverbindlich Anfragen</button>
</div>
</form>
</div>
</div>
<div class="col-4 offset-1">

<div class="tab-pane fade" id="bla2" role="bla2" aria-labelledby="bla2" tabindex="0">
<div class="card-body" style="min-height: 300px;">
<h4 class="mt-3 mb-5">Technische Daten</h4>
<div class="text-center">
<img src="https://www.immobilien-sparrer.com/wordpress/wp-content/uploads/2012/10/Kornelia_Sparrer.jpg" class="rounded-circle img-fluid" width="100" height="100">

</div>

<h2 class="h5">Ihre Ansprechpartnerin</h2>



</div>
</div>

<div class="tab-pane fade" id="bla3" role="bla3" aria-labelledby="bla3" tabindex="0">
<div class="card-body" style="min-height: 300px;">
<h4 class="mt-3 mb-4">Datenbläter & Downloads</h4>

<br>

<ul>


<li class="mb-4">
<a href="" class="mb-4 text-decoration-none">
<svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>

Microwechselrichter: Hoymiles HM-600/700/800
</a>
</li>
<li class="mb-4">
<a href="" class="mb-4 text-decoration-none">
<svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>
Hoymiles NA-Zertifikat
</a>
</li>
<li class="mb-4">
<a href="" class="mb-4 text-decoration-none">
<svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>

Hoymiles Einheitenzertifikat
</a>
</li>
<li class="mb-4">
<a href="" class="mb-4 text-decoration-none">
<svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>

Garantiebedingungen Hoymiles
</a>
</li>
<li>Selbstständige Immobilienmaklerin seit 1995</li>
Immobilienwirtin (Dipl.- DIA)
Mediatorin (DIA)
Mitglied im Immobilienverband Deutschland (IVD)
Regionalbeirätin Oberpfalz Nord (IVD)
Marktberichterstattung Raum Weiden</li>
</ul>

<br>
<br>
<br>
<br>
<br>
<br>






</div>
</div>
</div> </div>

<div class="tab-pane fade" id="bla3" role="bla3" aria-labelledby="bla3" tabindex="0">
<div class="card-body" style="min-height: 300px;">
<h4 class="mt-3 mb-4">Beschreibung</h4>
<p>
Bla1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta fugit libero maiores minima nihil. A aspernatur est fugiat hic nihil? Ab expedita facere hic ipsum perspiciatis quaerat quia quod tempore?
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>

</div>
</div>
</div>

</div>


View File

@ -15,140 +15,43 @@
@endif
<section>
<div class="row">
<div class="col-12 col-lg-5">
@if(empty($content->image))
<div class="col-12 col-lg-10">

<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb" >
<ol class="breadcrumb mb-5">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Jobs</a></li>
<li class="breadcrumb-item active" aria-current="page">{{$content->title}}</li>
</ol>
</nav>


@if(empty($content->image))
<img src="https://picsum.photos/300/200" class="card-img-top img-fluid rounded border" alt="...">
@else
<img src="{{$content->image}}" class="card-img-top img-fluid" alt="...">
@endif
<br>
<br>
<br>
</div>
<div class="col-12 col-lg-5 offset-lg-1">
<h1 class="h2">{{$content->title}}</h1>

<br>
<h1 class="h2 mt-5 mb-5">{{$content->title}}</h1>

<h2 class="h4 mt-4">Stellenbeschreibung</h2>
<p class="fs-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet asperiores, aut culpa cumque delectus dolorum enim est eveniet impedit maiores modi molestias mollitia neque nihil quam quas quasi quibusdam quod.</p>


<h2 class="h4 mt-4">Ihre Qualifikationen</h2>
<p class="fs-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet asperiores, aut culpa cumque delectus dolorum enim est eveniet impedit maiores modi molestias mollitia neque nihil quam quas quasi quibusdam quod.</p>


<h2 class="h4 mt-4">Über uns</h2>
<p class="fs-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet asperiores, aut culpa cumque delectus dolorum enim est eveniet impedit maiores modi molestias mollitia neque nihil quam quas quasi quibusdam quod.</p>

<btn class="btn btn-primary mt-5 ">Jetzt online auf diese Stelle bewerben</btn>

</div>

<div class="row">
<div class="col-12 mt-5">

<style>
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: var(--bs-nav-pills-link-active-color);
background-color:#79b27f ;
}
</style>
<div class="card">
<div class="card-header" style="background-color: #546c8a; color: white;">
<nav class="nav nav-pills nav-justified">
<a class="nav-link text-light active" href="#" data-bs-toggle="tab" data-bs-target="#bla1" type="button" role="tab" aria-controls="bla1" aria-selected="false">Beschreibung</a>
<a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla2" type="button" role="tab" aria-controls="bla2" aria-selected="false">Technische Daten</a>
<a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla3" type="button" role="tab" aria-controls="bla3" aria-selected="false">Datenblätter & Downloads</a>
<a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla3" type="button" role="tab" aria-controls="bla4" aria-selected="false">Garantien</a>
</nav>


</div>

<div class="tab-content" id="myTabContent">


<div class="tab-pane fade show active" id="bla1" role="bla1" aria-labelledby="bla1" tabindex="0">
<div class="card-body" style="min-height: 300px;">

<h4 class="mt-3 mb-4">Beschreibung</h4>

</div>
</div>

<div class="tab-pane fade" id="bla2" role="bla2" aria-labelledby="bla2" tabindex="0">
<div class="card-body" style="min-height: 300px;">
<h4 class="mt-3 mb-5">Technische Daten</h4>





</div>
</div>

<div class="tab-pane fade" id="bla3" role="bla3" aria-labelledby="bla3" tabindex="0">
<div class="card-body" style="min-height: 300px;">
<h4 class="mt-3 mb-4">Datenbläter & Downloads</h4>

<br>

<ul>


<li class="mb-4">
<a href="" class="mb-4 text-decoration-none">
<svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>

Microwechselrichter: Hoymiles HM-600/700/800
</a>
</li>
<li class="mb-4">
<a href="" class="mb-4 text-decoration-none">
<svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>
Hoymiles NA-Zertifikat
</a>
</li>
<li class="mb-4">
<a href="" class="mb-4 text-decoration-none">
<svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>

Hoymiles Einheitenzertifikat
</a>
</li>
<li class="mb-4">
<a href="" class="mb-4 text-decoration-none">
<svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>

Garantiebedingungen Hoymiles
</a>
</li>
</ul>

<br>
<br>
<br>
<br>
<br>
<br>






</div>
</div>

<div class="tab-pane fade" id="bla3" role="bla3" aria-labelledby="bla3" tabindex="0">
<div class="card-body" style="min-height: 300px;">
<h4 class="mt-3 mb-4">Beschreibung</h4>
<p>
Bla1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta fugit libero maiores minima nihil. A aspernatur est fugiat hic nihil? Ab expedita facere hic ipsum perspiciatis quaerat quia quod tempore?
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>

</div>
</div>
</div>

</div>




</div>
</div>




View File

@ -1,159 +1,48 @@
@layout("content.master")
@section('head')
<title>{{$content->title}}</title>
<style type="text/css">
li{list-style: none; margin-bottom: 4px; }
</style>

<meta name="product-id" content="{{$content->id}}">
@stop
@section('content')
<div class="container">
@if(session()->has('success'))
<div class="alert alert-success">{{session()->get('success')}}</div>
@elseif(session()->has('error'))
<div class="alert alert-danger">{{session()->get('error')}}</div>
@endif

<section>
<div class="row">
<div class="col-12 col-lg-5">
@if(empty($content->image))
<div class="col-12">
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb" >
<ol class="breadcrumb mb-5">
<li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
<li class="breadcrumb-item"><a href="{{url('/aktuelles')}}">Aktuelles</a></li>
<li class="breadcrumb-item active" aria-current="page">{{$content->title}}</li>
</ol>
</nav>
</div>
<div class="col-12 col-lg-8 offset-lg-2">



<div class="text-end text-muted mb-3">
{{$content->created_at}}
</div>


@if(empty($content->image))
<img src="https://picsum.photos/300/200" class="card-img-top img-fluid rounded border" alt="...">
@else
<img src="{{$content->image}}" class="card-img-top img-fluid" alt="...">
@endif
<br>
<br>
<br>
<h1 class="h2">{{$content->title}}</h1>

<br>

<p class="fs-5">
{{$content->data_fields['text']}}
</p>
</div>
<div class="col-12 col-lg-5 offset-lg-1">
<h1 class="h2">{{$content->title}}</h1>

</div>

<div class="row">
<div class="col-12 mt-5">

<style>
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: var(--bs-nav-pills-link-active-color);
background-color:#79b27f ;
}
</style>
<div class="card">
<div class="card-header" style="background-color: #546c8a; color: white;">
<nav class="nav nav-pills nav-justified">
<a class="nav-link text-light active" href="#" data-bs-toggle="tab" data-bs-target="#bla1" type="button" role="tab" aria-controls="bla1" aria-selected="false">Beschreibung</a>
<a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla2" type="button" role="tab" aria-controls="bla2" aria-selected="false">Technische Daten</a>
<a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla3" type="button" role="tab" aria-controls="bla3" aria-selected="false">Datenblätter & Downloads</a>
<a class="nav-link text-light" href="#" data-bs-toggle="tab" data-bs-target="#bla3" type="button" role="tab" aria-controls="bla4" aria-selected="false">Garantien</a>
</nav>


</div>

<div class="tab-content" id="myTabContent">


<div class="tab-pane fade show active" id="bla1" role="bla1" aria-labelledby="bla1" tabindex="0">
<div class="card-body" style="min-height: 300px;">

<h4 class="mt-3 mb-4">Beschreibung</h4>

</div>
</div>

<div class="tab-pane fade" id="bla2" role="bla2" aria-labelledby="bla2" tabindex="0">
<div class="card-body" style="min-height: 300px;">
<h4 class="mt-3 mb-5">Technische Daten</h4>





</div>
</div>

<div class="tab-pane fade" id="bla3" role="bla3" aria-labelledby="bla3" tabindex="0">
<div class="card-body" style="min-height: 300px;">
<h4 class="mt-3 mb-4">Datenbläter & Downloads</h4>

<br>

<ul>


<li class="mb-4">
<a href="" class="mb-4 text-decoration-none">
<svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>

Microwechselrichter: Hoymiles HM-600/700/800
</a>
</li>
<li class="mb-4">
<a href="" class="mb-4 text-decoration-none">
<svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>
Hoymiles NA-Zertifikat
</a>
</li>
<li class="mb-4">
<a href="" class="mb-4 text-decoration-none">
<svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>

Hoymiles Einheitenzertifikat
</a>
</li>
<li class="mb-4">
<a href="" class="mb-4 text-decoration-none">
<svg style="fill: currentColor; width: 12px; margin-bottom: 2px; margin-right: 2px; " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M369.9 97.98L286.02 14.1c-9-9-21.2-14.1-33.89-14.1H47.99C21.5.1 0 21.6 0 48.09v415.92C0 490.5 21.5 512 47.99 512h288.02c26.49 0 47.99-21.5 47.99-47.99V131.97c0-12.69-5.1-24.99-14.1-33.99zM256.03 32.59c2.8.7 5.3 2.1 7.4 4.2l83.88 83.88c2.1 2.1 3.5 4.6 4.2 7.4h-95.48V32.59zm95.98 431.42c0 8.8-7.2 16-16 16H47.99c-8.8 0-16-7.2-16-16V48.09c0-8.8 7.2-16.09 16-16.09h176.04v104.07c0 13.3 10.7 23.93 24 23.93h103.98v304.01zM208 216c0-4.42-3.58-8-8-8h-16c-4.42 0-8 3.58-8 8v88.02h-52.66c-11 0-20.59 6.41-25 16.72-4.5 10.52-2.38 22.62 5.44 30.81l68.12 71.78c5.34 5.59 12.47 8.69 20.09 8.69s14.75-3.09 20.09-8.7l68.12-71.75c7.81-8.2 9.94-20.31 5.44-30.83-4.41-10.31-14-16.72-25-16.72H208V216zm42.84 120.02l-58.84 62-58.84-62h117.68z"/></svg>

Garantiebedingungen Hoymiles
</a>
</li>
</ul>

<br>
<br>
<br>
<br>
<br>
<br>






</div>
</div>

<div class="tab-pane fade" id="bla3" role="bla3" aria-labelledby="bla3" tabindex="0">
<div class="card-body" style="min-height: 300px;">
<h4 class="mt-3 mb-4">Beschreibung</h4>
<p>
Bla1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta fugit libero maiores minima nihil. A aspernatur est fugiat hic nihil? Ab expedita facere hic ipsum perspiciatis quaerat quia quod tempore?
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam consequatur eius fuga impedit ipsum, magni molestiae recusandae saepe sed ullam veniam voluptates. Corporis expedita iusto magni maxime, minus perferendis?</p>

</div>
</div>
</div>

</div>




</div>
</div>



</div>
</div>
</section>

</div>

View File

@ -9,7 +9,7 @@
<div class="col-12 col-lg-6 order-lg-last">

<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://assets3.lottiefiles.com/packages/lf20_a3kesdek.json" background="transparent" class="img-fluid" speed="1" style="width: 100%; height: 100%;" loop autoplay></lottie-player>
<lottie-player src="https://assets3.lottiefiles.com/packages/lf20_a3kesdek.json" background-color="transparent" class="img-fluid" speed="1" style="width: 100%; height: 100%;" loop autoplay></lottie-player>
</div>

<div class="col-12 col-lg-6 order-lg-first">

View File

@ -8,7 +8,27 @@
<br>

<br>
<p class="fs-5">Balkonkraftwerke oder auch Steckersolaranlagen sind eine einfache Möglichkeiten Stromkosten zu senken. Tagsüber lässt sich dadurch der Grundverbrauch im Haushalt über den eigenerzeugten Strom abdecken.</p>

@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
<br>
<br>
</div>
@ -38,56 +58,56 @@
<input class="form-check-input check-branche" type="checkbox" value="regensburg" id="flexCheckRegensburg">
<label class="form-check-label" for="flexCheckRegensburg">
Regensburg
<span class="badge bg-light text-dark">244 Jobs</span>
<span class="badge bg-light text-dark">244 Objekte</span>
</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
<span class="badge bg-light text-dark">54 Jobs</span>
<span class="badge bg-light text-dark">54 Objekte</span>
</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
<span class="badge bg-light text-dark">35 Jobs</span>
<span class="badge bg-light text-dark">35 Objekte</span>
</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
<span class="badge bg-light text-dark">38 Jobs</span>
<span class="badge bg-light text-dark">38 Objekte</span>
</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
<span class="badge bg-light text-dark">124 Jobs</span>
<span class="badge bg-light text-dark">124 Objekte</span>
</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
<span class="badge bg-light text-dark">42 Jobs</span>
<span class="badge bg-light text-dark">42 Objekte</span>
</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
<span class="badge bg-light text-dark">16 Jobs</span>
<span class="badge bg-light text-dark">16 Objekte</span>
</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
<span class="badge bg-light text-dark">54 Jobs</span>
<span class="badge bg-light text-dark">54 Objekte</span>
</label>
</div>
<h5 class="mt-5 mb-3 fw-bold">Art</h5>
@ -95,144 +115,47 @@
<input class="form-check-input check-branche" type="checkbox" value="vollzeit" id="flexCheckVollzeit">
<label class="form-check-label" for="flexCheckVollzeit">
Mieten
<span class="badge bg-light text-dark">98 Jobs</span>
<span class="badge bg-light text-dark">98 Objekte</span>
</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
<span class="badge bg-light text-dark">12 Jobs</span>
<span class="badge bg-light text-dark">12 Objekte</span>
</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
<span class="badge bg-light text-dark">1 Jobs</span>
<span class="badge bg-light text-dark">1 Objekte</span>
</label>
</div>

<h5 class="mt-5 mb-3 fw-bold">Branche</h5>
<h5 class="mt-5 mb-3 fw-bold">Extras</h5>
<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">
Wissenschaft &amp; Ingenieurwesen
<span class="badge bg-light text-dark">20 Jobs</span>
Swimmingpool
<span class="badge bg-light text-dark">20 Objekte</span>
</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">
Computer &amp; IT
<span class="badge bg-light text-dark">26 Jobs</span>
Garage
<span class="badge bg-light text-dark">26 Objekte</span>
</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">
Gesundheitswesen
<span class="badge bg-light text-dark">117 Jobs</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="management" id="flexCheckManagement">
<label class="form-check-label" for="flexCheckManagement">
Management
<span class="badge bg-light text-dark">0 Jobs</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="produktion-lager" id="flexCheckProduktion &amp; Lager">
<label class="form-check-label" for="flexCheckProduktion &amp; Lager">
Produktion &amp; Lager
<span class="badge bg-light text-dark">13 Jobs</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="buchhaltung-finanzen" id="flexCheckBuchhaltung &amp; Finanzen">
<label class="form-check-label" for="flexCheckBuchhaltung &amp; Finanzen">
Buchhaltung &amp; Finanzen
<span class="badge bg-light text-dark">67 Jobs</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="vertrieb-einzelhandel" id="flexCheckVertrieb &amp; Einzelhandel">
<label class="form-check-label" for="flexCheckVertrieb &amp; Einzelhandel">
Vertrieb &amp; Einzelhandel
<span class="badge bg-light text-dark">23 Jobs</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="bauwesen" id="flexCheckBauwesen">
<label class="form-check-label" for="flexCheckBauwesen">
Bauwesen
<span class="badge bg-light text-dark">17 Jobs</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="installation-wartung-instandsetzung" id="flexCheckInstallation, Wartung &amp; Instandsetzung">
<label class="form-check-label" for="flexCheckInstallation, Wartung &amp; Instandsetzung">
Installation, Wartung &amp; Instandsetzung
<span class="badge bg-light text-dark">28 Jobs</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="verwaltung-buro" id="flexCheckVerwaltung &amp; Büro">
<label class="form-check-label" for="flexCheckVerwaltung &amp; Büro">
Verwaltung &amp; Büro
<span class="badge bg-light text-dark">14 Jobs</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="bildung" id="flexCheckBildung">
<label class="form-check-label" for="flexCheckBildung">
Bildung
<span class="badge bg-light text-dark">15 Jobs</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="transport-logistik" id="flexCheckTransport &amp; Logistik">
<label class="form-check-label" for="flexCheckTransport &amp; Logistik">
Transport &amp; Logistik
<span class="badge bg-light text-dark">8 Jobs</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="personalwesen" id="flexCheckPersonalwesen">
<label class="form-check-label" for="flexCheckPersonalwesen">
Personalwesen
<span class="badge bg-light text-dark">1 Jobs</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="gastronomie" id="flexCheckGastronomie">
<label class="form-check-label" for="flexCheckGastronomie">
Gastronomie
<span class="badge bg-light text-dark">0 Jobs</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="reisen-unterhaltung" id="flexCheckReisen &amp; Unterhaltung">
<label class="form-check-label" for="flexCheckReisen &amp; Unterhaltung">
Reisen &amp; Unterhaltung
<span class="badge bg-light text-dark">0 Jobs</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="kundenservice" id="flexCheckKundenservice">
<label class="form-check-label" for="flexCheckKundenservice">
Kundenservice
<span class="badge bg-light text-dark">12 Jobs</span>
</label>
</div>
<div class="form-check">
<input class="form-check-input check-branche" type="checkbox" value="offentlicher-dienst" id="flexCheckÖffentlicher Dienst">
<label class="form-check-label" for="flexCheckÖffentlicher Dienst">
Öffentlicher Dienst
<span class="badge bg-light text-dark">43 Jobs</span>
Sauna
<span class="badge bg-light text-dark">117 Objekte</span>
</label>
</div>

</div>
</div>
</div>
@ -240,11 +163,12 @@
<div class="row">


@foreach($contents as $indexContent => $content)
<div class="col-12 col-md-6 mb-5"> <div class="card shadow-sm" style="background-color: #2776b7;">
@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">Immobilie Alpha</h2>
<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>
@ -254,178 +178,33 @@



<div class="col-12 col-md-6 mb-5">

<div class="col-12 col-md-6 mb-4">
<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">
<h2 class="card-title h5">Immobilie Alpha</h2>
<p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>
<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>

<div class="text-end">
<span class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
<svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
</span>

<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 ⟶

</div>
</div>


</div>
</div>
</a>

</div>


<div class="col-12 col-md-6 mb-4"> <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">
<h2 class="card-title h6">Immobilie Alpha</h2>
<p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>

<div class="text-end">
<span class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
<svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
</span>

</div>

</div>
</div>
</a>

</div>

<div class="col-12 col-md-6 mb-4"> <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">
<h2 class="card-title h6">Immobilie Alpha</h2>
<p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>

<div class="text-end">
<span class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
<svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
</span>

</div>

</div>
</div>
</a>

</div>


<div class="col-12 col-md-6 mb-4"> <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">
<h2 class="card-title h6">Immobilie Alpha</h2>
<p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>

<div class="text-end">
<span class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
<svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
</span>

</div>

</div>
</div>
</a>

</div>


<div class="col-12 col-md-6 mb-4"> <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">
<h2 class="card-title h6">Immobilie Alpha</h2>
<p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>

<div class="text-end">
<span class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
<svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
</span>

</div>

</div>
</div>
</a>

</div>


<div class="col-12 col-md-6 mb-4"> <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">
<h2 class="card-title h6">Immobilie Alpha</h2>
<p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>

<div class="text-end">
<span class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
<svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
</span>

</div>

</div>
</div>
</a>

</div>


<div class="col-12 col-md-6 mb-4"> <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">
<h2 class="card-title h6">Immobilie Alpha</h2>
<p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>

<div class="text-end">
<span class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
<svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
</span>

</div>

</div>
</div>
</a>

</div>


<div class="col-12 col-md-6 mb-4"> <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">
<h2 class="card-title h6">Immobilie Alpha</h2>
<p class="text-dark text-muted" style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. </p>

<div class="text-end">
<span class="text-end text-decoration-none" style="font-size: 14px;">Mehr ansehen
<svg style="width: 12px; fill: currentColor; margin-left: 2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z"/></svg>
</span>

</div>

</div>
</div>
</a>

</div>





</div>
</div>


View File

@ -0,0 +1,78 @@
@layout('content.master')
@section('content')
<div class="container">
<section>
<div class="row">
<div class="col">
<h1>Jobs</h1>
<br>

<br>

@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
<br>
<br>
</div>
</div>


<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>


<div class="row">

<div class="col-12 ">
<div class="row">


@foreach($contents as $content)
<div class="col-12 col-md-6 mb-5">
<div class="card shadow-sm" style="background-color: #2776b7;">
<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

</div>
</div>



</div>
</section>
</div>
@stop

View File

@ -0,0 +1,26 @@
@layout('content.master')
@section('content')
<div class="container">
<section>
<div class="row">
<div class="col-12">
<h1>Hausmeisterservice</h1>

</div>


</div>
<div class="row">
<div class="col-12">
<p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias dicta error eum ex hic id in inventore, ipsum iusto natus obcaecati odio rerum sint tempora vel velit veritatis voluptatem?</p>
</div>





</div>

</section>
</div>
@stop

View File

@ -10,76 +10,17 @@


</div>
<div class="row text-center">



<div class="col-md-4">
<div class="info">

<svg style="fill: #071734; width: 50px; margin-bottom: 40px; margin-top:60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M487.8 24.1L387 .8c-14.7-3.4-29.8 4.2-35.8 18.1l-46.5 108.5c-5.5 12.7-1.8 27.7 8.9 36.5l53.9 44.1c-34 69.2-90.3 125.6-159.6 159.6l-44.1-53.9c-8.8-10.7-23.8-14.4-36.5-8.9L18.9 351.3C5 357.3-2.6 372.3.8 387L24 487.7C27.3 502 39.9 512 54.5 512 306.7 512 512 307.8 512 54.5c0-14.6-10-27.2-24.2-30.4zM55.1 480l-23-99.6 107.4-46 59.5 72.8c103.6-48.6 159.7-104.9 208.1-208.1l-72.8-59.5 46-107.4 99.6 23C479.7 289.7 289.6 479.7 55.1 480z"/></svg>
<div class="description">
<h4 class="info-title">Telefonnummer</h4>
<h5><a href="tel:+4996174485430" class="text-decoration-none">+49 961 74485430</a></h5>

</div>
</div>
<div class="row">
<div class="col-12">
<p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias dicta error eum ex hic id in inventore, ipsum iusto natus obcaecati odio rerum sint tempora vel velit veritatis voluptatem?</p>
</div>

<div class="col-md-4">
<div class="info">

<svg style="fill: #071734; width: 50px; margin-bottom: 40px; margin-top:60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM48 96h416c8.8 0 16 7.2 16 16v41.4c-21.9 18.5-53.2 44-150.6 121.3-16.9 13.4-50.2 45.7-73.4 45.3-23.2.4-56.6-31.9-73.4-45.3C85.2 197.4 53.9 171.9 32 153.4V112c0-8.8 7.2-16 16-16zm416 320H48c-8.8 0-16-7.2-16-16V195c22.8 18.7 58.8 47.6 130.7 104.7 20.5 16.4 56.7 52.5 93.3 52.3 36.4.3 72.3-35.5 93.3-52.3 71.9-57.1 107.9-86 130.7-104.7v205c0 8.8-7.2 16-16 16z"/></svg>


<div class="description">
<h4 class="info-title">Kontakt per E-Mail</h4>
<h5><a href="mailto:info@alpha-security.net" class="text-decoration-none">info@alpha-security.net</a></h5>


</div>
</div>
</div>

<div class="col-md-4">
<div class="info">

<svg style="fill: #071734; width: 50px; margin-bottom: 40px; margin-top:60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M528 352H352V240c0-8.8-7.2-16-16-16H112c-8.8 0-16 7.2-16 16v256c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16V368c0-8.8-7.2-16-16-16zM320 480H128v-96h192v96zm0-128H128v-96h192v96zm192 128H352v-96h160v96zm98.6-361.7L338.6 3.7c-11.8-5-25.3-5-37.2 0l-272 114.6C11.5 125.8 0 143.2 0 162.5V504c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V162.5c0-6.5 3.8-12.2 9.8-14.8l272-114.6c3.9-1.7 8.5-1.7 12.4 0l272 114.6c6 2.5 9.8 8.3 9.8 14.8V504c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V162.5c0-19.3-11.5-36.7-29.4-44.2z"/></svg>
<div class="description">
<h4 class="info-title">Firmenadresse</h4>
<h5>Alpha Security GmbH</h5>
<p>
Am Langen Steg 6
<br>
92637 Weiden i.d.OPf.
</p>
</div>
</div>
</div>

</div>






<div class="row mt-5">

<div class="col-12">
<br>
<br>
<br>
<h4>
Anfahrt
</h4>



<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2581.5683852006814!2d12.164839533795858!3d49.68126841341281!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47a038ebff11420b%3A0x3fa01869698a80a0!2sAm%20Langen%20Steg%206%2C%2092637%20Weiden%20in%20der%20Oberpfalz!5e0!3m2!1sde!2sde!4v1666174662935!5m2!1sde!2sde" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</section>
</div>
@stop

View File

@ -1,26 +0,0 @@
@layout('content.master')
@section('content')
<div class="container">
<section>
<div class="row">
<div class="col">
<h1>Offene Stellen</h1>
<br>
<br>
<p class="text-muted fs-5 mb-3">Derzeit keine offene Stellen.</p>
<p fs-5>
<br>
Für eine Initiativbewerbung schicken Sie diese bitte an:
<br>
<a href="mailto:bewerbung@areya.energy">bewerbung@areya.energy</a>
</p>
<br>
<br>
<br>
<br>
<br>
</div>
</div>
</section>
</div>
@stop

View File

@ -20,7 +20,7 @@
<svg style="fill: #071734; width: 50px; margin-bottom: 40px; margin-top:60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M487.8 24.1L387 .8c-14.7-3.4-29.8 4.2-35.8 18.1l-46.5 108.5c-5.5 12.7-1.8 27.7 8.9 36.5l53.9 44.1c-34 69.2-90.3 125.6-159.6 159.6l-44.1-53.9c-8.8-10.7-23.8-14.4-36.5-8.9L18.9 351.3C5 357.3-2.6 372.3.8 387L24 487.7C27.3 502 39.9 512 54.5 512 306.7 512 512 307.8 512 54.5c0-14.6-10-27.2-24.2-30.4zM55.1 480l-23-99.6 107.4-46 59.5 72.8c103.6-48.6 159.7-104.9 208.1-208.1l-72.8-59.5 46-107.4 99.6 23C479.7 289.7 289.6 479.7 55.1 480z"/></svg>
<div class="description">
<h4 class="info-title">Telefonnummer</h4>
<h5><a href="tel:+4996174485430" class="text-decoration-none">+49 961 74485430</a></h5>
<h5><a href="tel:+4996161220" class="text-decoration-none">+49 961 61220</a></h5>

</div>
</div>
@ -34,7 +34,7 @@

<div class="description">
<h4 class="info-title">Kontakt per E-Mail</h4>
<h5><a href="mailto:info@alpha-security.net" class="text-decoration-none">info@alpha-security.net</a></h5>
<h5><a href="mailto:info@sparrer-immobilien.de" class="text-decoration-none">info@sparrer-immobilien.de</a></h5>


</div>
@ -47,11 +47,11 @@
<svg style="fill: #071734; width: 50px; margin-bottom: 40px; margin-top:60px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M528 352H352V240c0-8.8-7.2-16-16-16H112c-8.8 0-16 7.2-16 16v256c0 8.8 7.2 16 16 16h416c8.8 0 16-7.2 16-16V368c0-8.8-7.2-16-16-16zM320 480H128v-96h192v96zm0-128H128v-96h192v96zm192 128H352v-96h160v96zm98.6-361.7L338.6 3.7c-11.8-5-25.3-5-37.2 0l-272 114.6C11.5 125.8 0 143.2 0 162.5V504c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V162.5c0-6.5 3.8-12.2 9.8-14.8l272-114.6c3.9-1.7 8.5-1.7 12.4 0l272 114.6c6 2.5 9.8 8.3 9.8 14.8V504c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V162.5c0-19.3-11.5-36.7-29.4-44.2z"/></svg>
<div class="description">
<h4 class="info-title">Firmenadresse</h4>
<h5>Alpha Security GmbH</h5>
<h5>Immobilien Sparrer GmbH</h5>
<p>
Am Langen Steg 6
Max-Reger-Straße 16
<br>
92637 Weiden i.d.OPf.
92637 Weiden
</p>
</div>
</div>

View File

@ -1,49 +1,26 @@
@layout('content.master')
@section('head')
<title>Areya Energy - Photovoltaik und Energielösungen</title>
@stop
@section('content')
<div class="container">
<section class="rounded bg-ci" style="margin-top: 80px;">
<div class="row">
<div class="col-sm-10 offset-sm-1 col-lg-5">
<h1>Kunden</h1>
<p class="fs-4 mt-2">
<br>
Photovoltaik und Energielösungen.
<br> Vetrieb von Anlagen und Einzelkomponenten.
</p>
<p class="fs-6 mt-1 text-muted">
<br>
Pfarrgasse 21
<br>
92648 Vohenstrauß
<br>
Germany
<br>
<br>
</p>
<a href="tel:+4996545529550" class="fs-4 text-decoration-none">
<svg style="fill: currentColor; width:24px; margin-bottom: 2px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M368 336h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16zm-48-80v32c0 8.84 7.16 16 16 16h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16zm112 144h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm0-96h32c8.84 0 16-7.16 16-16v-32c0-8.84-7.16-16-16-16h-32c-8.84 0-16 7.16-16 16v32c0 8.84 7.16 16 16 16zm80-272H269.06C262.45 13.4 244.87 0 224 0h-80c-20.87 0-38.45 13.4-45.06 32H64C28.65 32 0 60.65 0 96v352c0 35.35 28.65 64 64 64h448c35.35 0 64-28.65 64-64V96c0-35.35-28.65-64-64-64zM144 48h80v320h-80V48zm384 400c0 8.82-7.18 16-16 16H64c-8.82 0-16-7.18-16-16V96c0-8.82 7.18-16 16-16h32v288c0 26.51 21.49 48 48 48h80c26.51 0 48-21.49 48-48V80h48v72c0 22.06 17.94 40 40 40h168v256zm0-304H368V80h144c8.82 0 16 7.18 16 16v48z"/></svg>
09654 5529550</a>
</div>
<div class="col-sm-12 col-lg-5">
<lottie-player src="https://assets9.lottiefiles.com/private_files/lf30_kcwpiswk.json" background="transparent" speed="1" style="width: 400; height: 400px;" loop autoplay></lottie-player>
</div>
</div>
</section>

<div class="container">
<section>
<div class="row">
<div class="col-12">
<h2 class="mt-3 mb-4">Bakonkraftwerke</h2>

</div>



<div class="row">
<div class="col-12">
<h1>Kunden</h1>

</div>


</div>
<div class="row">
<div class="col-12">
<p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad alias dicta error eum ex hic id in inventore, ipsum iusto natus obcaecati odio rerum sint tempora vel velit veritatis voluptatem?</p>
</div>





</div>

</section>
</div>
</div>
@stop