Benjamin Völkl 2023-12-17 19:41:38 +01:00
parent 281cd9e57a
commit 6e3fa31b30
2 changed files with 64 additions and 110 deletions

View File

@ -1,151 +1,62 @@
@extends('template.'.config('settings.template').'.content.master')

@section('content')


<div class="container">


<div class="row">
<div class="row mb-5">
<div class="col-12">
<h1 class="mb-5 mt-5">Über uns</h1>

<p class="fs-5 mb-5 text-center">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!

{{$_about_introduction}}
</p>
</div>

<div class="col-12 mb-5">
<img src="https://picsum.photos/2000/600" class="img-fluid rounded">
@if($_about_text)
<div class="col-12 mb-5">
<x-img src="{{$_about_image}}" class="img-fluid rounded"/>

</div>

</div>
@endif

<div class="col-12">
<p class="fs-5 mb-5">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
{{$_about_text}}
</p>

<p class="fs-5 mb-5">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
</p>

<p class="fs-5 mb-5">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
</p>

<p class="fs-5 mb-5">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
</p>
</div>


</div>

<div class="row my-5">

@if($_about_image1)
<div class="col-12 col-md-6 col-lg-4">
<img src="https://picsum.photos/1000/500" class="img-fluid rounded shadow-sm">
<x-img src="{{$_about_image1}}" class="img-fluid rounded shadow-sm"/>
</div>
@endif

@if($_about_image2)
<div class="col-12 col-md-6 col-lg-4">
<img src="https://picsum.photos/1000/500" class="img-fluid rounded shadow-sm">
<x-img src="{{$_about_image2}}" class="img-fluid rounded shadow-sm"/>
</div>
@endif

@if($_about_image3)
<div class="col-12 col-md-6 col-lg-4">
<img src="https://picsum.photos/1000/500" class="img-fluid rounded shadow-sm">
<x-img src="{{$_about_image3}}" class="img-fluid rounded shadow-sm"/>
</div>
</div>

<div class="row my-5">
<div class="col-12 col-md-6">
<h2 class="mb-3 mt-4">Überschrift 2</h2>


<h3 class="mb-3 mt-4">Überschrift 3</h3>
<h4 class="mb-3 mt-4">Überschrift 4</h4>


<p class="fs-5 mb-5">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
</p>

<p class="fs-5 mb-5">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
</p>

<p class="fs-5 mb-5">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
</p>

<p class="fs-5 mb-5">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi architecto commodi consectetur error, est illum incidunt inventore magni numquam officia officiis possimus, quod repudiandae sed sint totam ullam veniam!
</p>
</div>

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

<h2 class="mb-3 mt-4">Überschrift 2</h2>
<ul class="fs-5">

<li class="mb-3 list-unstyled" style="margin-left: -33px;">
<svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
</svg>
lorem ipsum dolor sit amet
</li>

<li class="mb-3 list-unstyled" style="margin-left: -33px;">
<svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
</svg>
lorem ipsum dolor sit amet
</li>

<li class="mb-3 list-unstyled" style="margin-left: -33px;">
<svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
</svg>
lorem ipsum dolor sit amet
</li>

<li class="mb-3 list-unstyled" style="margin-left: -33px;">
<svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
</svg>
lorem ipsum dolor sit amet
</li>

<li class="mb-3 list-unstyled" style="margin-left: -33px;">
<svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
</svg>
lorem ipsum dolor sit amet
</li>

<li class="mb-3 list-unstyled" style="margin-left: -33px;">
<svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
</svg>
lorem ipsum dolor sit amet
</li>

<li class="mb-3 list-unstyled" style="margin-left: -33px;">
<svg style="fill: {{$_primary_ci_color}}" width="18" height="18" viewBox="0 0 24 24">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10s10-4.48 10-10S17.52 2 12 2zM8 17l-1.41-1.41L10.17 12L6.59 8.41L8 7l6 6z"/>
</svg>
lorem ipsum dolor sit amet
</li>


</ul>
</div>
@endif

</div>






</div>



View File

@ -237,6 +237,49 @@
}
]
},

{
"icon": "/font-awesome/light/memo.svg",
"group_name": "Über uns",
"description": "Texte und Bildder der Seite Über uns",
"variables": [
{
"id": "about_introduction",
"name": "Introduco Sobre nos",
"value": "Muito obrigado pelo seu interesse, por favor, preencha o formulário preliminar e entraremos em contato o mais rápido possível",
"type": "string"
},

{
"id": "about_image",
"name": "Imagem Sobre nos Principal",
"type": "image"
},
{
"id": "about_image1",
"name": "Imagem Sobre nos 1",
"type": "image"
},

{
"id": "about_image2",
"name": "Imagem Sobre nos 2",
"type": "image"
},
{
"id": "about_image3",
"name": "Imagem Sobre nos 3",
"type": "image"
},
{
"id": "about_text",
"name": "Texto Sobre nos",
"value": "Muito obrigado pelo seu interesse, por favor, preencha o formulário preliminar e entraremos em contato o mais rápido possível",
"type": "string"
}
]
},

{
"icon": "/font-awesome/light/map-pin.svg",
"group_name": "Statische Seiten",