new design + bootstrap 5.2

master
Benjamin Völkl 2022-11-22 21:26:53 +01:00
parent dc152f765b
commit 465760727b
11 changed files with 247 additions and 104 deletions

17
content-type.json Normal file
View File

@ -0,0 +1,17 @@
{
"slug": "verkaufsstellen",
"name": "Verkaufsstellen",
"description": ".",
"search_terms": "",
"image": "",
"seo_title": "",
"seo_description": "",
"blade": "verkaufsstellen",
"sorting_column": "",
"sorting_direction": "",
"content_types": [
"Verkaufstelle"
],
"includes": [],
"excludes": []
}

View File

@ -0,0 +1,45 @@
@extends('template.'.config('settings.template').'.content.master')
@section('content')
<div class="breadcrumbs">
<div class="container">
<div class="row">
<div class="col-xs-12">
<nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{url('/')}}">Startseite</a></li>
<li class="breadcrumb-item"><a href="{{url('/verkaufsstellen')}}">Verkaufsstellen</a></li>
<li class="breadcrumb-item active" aria-current="page">{{$content->title}}</li>
</ol>
</nav>
</div>
</div>
</div>
</div>

<div class="container">
<div class="row">

<div class="col-xs-12">
<h1>{{$content->title}}</h1>


@if ($content->image)
<img class="gallery" alt="Gallery image" src="{{ asset('uploads/' . content->image) }}">

@endif



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


</div>
<hr class="divider">
</div>
</div>
</div>

@stop

View File

@ -3,10 +3,29 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no">


<link href="{{asset('template/css/bootstrap.css')}}" rel="stylesheet" >
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link href="{{asset('template/css/main.css')}}" rel="stylesheet" >

<style>

h1,h2,h3{
color: #413c35;
}

a{
color: #71a866;
}
footer a{
color: white;

}

footer a:hover{
color: #f96b39;

}
</style


@include('template.'.config('settings.template').'.content.includes.integrations')


View File

@ -1,15 +1,15 @@
<footer class="js--page-footer">
<footer style="background-color: #276828;">
<div class="footer-widgets">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-3">
<div class="footer-widgets__social">
<img class="push-down-10" alt="Footer Logo" src="{{ asset('template/images/logo-footer.png') }}" width="139" height="35">
<img class="push-down-10" alt="Footer Logo" src="{{ asset('template/images/logo-footer.png') }}" >

<p class="push-down-15">Neuigkeiten, Informationen sowie Bilder rund um den Biohof Finkenhammer. Folgen Sie uns auf Ihrem bevorzugten sozialen Netzwerken:</p>
<a href="https://www.facebook.com/finkenhammer" ><i class="fab fa-facebook fa-2x"></i></a>
<a href="https://twitter.com/finkenhammer" ><i class="fab fa-twitter fa-2x"></i></a>
<a href="https://www.instagram.com/finkenhammer/"><i class="fab fa-instagram fa-2x"></i></a>
<a href="https://www.facebook.com/finkenhammer" ><i class="fab fa-facebook fa-2x p-3"></i></a>
<a href="https://twitter.com/finkenhammer" ><i class="fab fa-twitter fa-2x p-3"></i></a>
<a href="https://www.instagram.com/finkenhammer/"><i class="fab fa-instagram fa-2x p-3"></i></a>

</div>
</div>
@ -19,17 +19,17 @@



<div class="footer-widgets__navigation">
<div class="footer-widgets__navigation text-center">
<div class="footer-wdgets__heading--line">
<h4 class="footer-widgets__heading">Zertifikate & ELER</h4>
</div>


<img src="{{asset('template/images/Bioland-Logo.jpg')}}" style="padding-right: 20px;">
<img src="{{asset('template/images/Bioland-Logo.jpg')}}" class="img-fluid p-3">

<img src="{{asset('template/images/oeko-0006.jpg')}}" style="padding-right: 20px;" >
<img src="{{asset('template/images/oeko-0006.jpg')}}" class="img-fluid p-3" >
<a href="{{url('/foerderung')}}">
<img src="{{asset('template/images/europa-flag.jpg')}}">
<img src="{{asset('template/images/europa-flag.jpg')}}" class="img-fluid p-3">
</a>


@ -45,9 +45,9 @@
Bäckerei und Hühnerhof Finkenhammer<br>
Finkenhammer 1<br>
92714 Pleystein<br>
<a class="footer__link--small" href="kontakt"> <i class="fa fa-directions"></i> Anfahrtsplan </a><br><br>
<a class="footer__link" href="tel:+499654267"> <i class="fa fa-phone-alt"></i> 09654 / 267</a> <br>
<a class="footer__link" href="mailto:info@finkenhammer.de"><i class="fa fa-envelope"></i> info@finkenhammer.de</a>
<a class="footer__link--small text-decoration-none" href="kontakt"> <i class="fa fa-directions"></i> Anfahrtsplan </a><br><br>
<a class="footer__link text-decoration-none" href="tel:+499654267"> <i class="fa fa-phone-alt"></i> 09654 / 267</a> <br>
<a class="footer__link text-decoration-none" href="mailto:info@finkenhammer.de"><i class="fa fa-envelope"></i> info@finkenhammer.de</a>
</div>
</div>
</div>
@ -56,13 +56,13 @@
<div class="footer">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="col--12 col-sm-6">
Entwickelt mit dem <a class="footer__link" href="https://www.areya.de/software/cms" target="_blank">Areya CMS <i class="fal fa-external-link"></i></a>
</div>
<div class="col-xs-12 col-sm-6">
<div class="footer__text--link" style="text-align: right">
<a class="footer__links" href="{{ url('datenschutz') }}">Datenschutz</a>
<a class="footer__links" href="{{ url('impressum') }}">Impressum</a>
<div class="col--12 col-sm-6">
<div class="footer__text--link fw-bolder text-end">
<a class="text-decoration-none me-4 " href="{{ url('datenschutz') }}">Datenschutz</a>
<a class="text-decoration-none " href="{{ url('impressum') }}">Impressum</a>
</div>
</div>


View File

@ -1,64 +1,58 @@
<header class="header">
<nav style="background-color: #f8f8f4; border-top: 5px solid #71a866;" class="pt-4 pb-4">
<div class="container">
<div class="row">
<div class="col-xs-10 col-md-6">
<div class="header-logo">
<a href="{{ url('/') }}"><img alt="Logo" src="{{ asset('template/images/logo.png') }}" width="251" height="79"></a>
<nav class="navbar navbar-expand-lg">
<div class="container-fluid" style="justify-content: normal;">
<a href="{{ url('/') }}"><img alt="Logo" src="{{ asset('template/images/logo.png') }}" width="251" height="79"></a>

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">

<style>
.nav-item a{
font-weight: bold;
color: #413c35;
font-size: 20px;
}

.nav-item a:hover, .nav-item a:active{
color: #71a866;
}


</style>

<li class="nav-item mt-3">
<a class="nav-link mx-md-4" href="{{url('/verkaufsstellen')}}">Verkaufsstellen</a>
</li>

<li class="nav-item mt-3">
<a class="nav-link mx-md-4" href="{{url('/huehnerhof')}}">Hühnerhof</a>
</li>

<li class="nav-item mt-3">
<a class="nav-link mx-md-4" href="{{url('/baeckerei')}}">Bäckerei</a>
</li>




<li class="nav-item mt-3">
<a class="nav-link" href="{{url('/kontakt')}}">Kontakt</a>
</li>





</ul>

</div>
</div>
<div class="col-xs-2 visible-sm visible-xs">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapsible-navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
</div>
<div class="col-xs-12 col-md-6">
<nav class="navbar navbar-default" role="navigation">
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="collapsible-navbar">
<ul class="nav navbar-nav">
<li>
<a href="{{url('/aktuelles')}}"
class="">Aktuelles</a>
</li>
<li>
<a href="{{url('/baeckerei')}}"
class="">Bäckerei</a>
</li>
</nav>

<li>
<a href="{{url('/huehnerhof')}}"
class="">Hühnerhof</a>
</li>

<li>
<a class="dropdown-toggle" data-toggle="dropdown"
href="{{url('/verkaufsstellen')}}">Verkaufsstellen</a>
</li>




<li>
<a href="{{url('/kontakt')}}"
class="">Kontakt</a>
</li>


</ul>

</div><!-- /.navbar-collapse -->
</nav>
</div>

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


</header>

View File

@ -4,19 +4,11 @@

@section('content')

<div class="jumbotron js--add-gradient">
<div class="container">
<div class="jumbotron__container">
<h2 class="jumbotron__subtitle">
Wir verkaufen auf 5 verschiedenen Märkte unser
</h2>
<h1 class="jumbotron__title">
Bio-Holzofenbrot
</h1>

</div>
</div>
</div>
<img src="{{ asset('template/images/finkenhammer-hof.jpg') }}" class="d-block w-100" alt="...">







View File

@ -0,0 +1,83 @@
@extends('template.'.config('settings.template').'.content.master')
@section('content')

<div class="breadcrumbs">
<div class="container">
<div class="row">
<div class="col-xs-12">
<nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{url('/')}}">Startseite</a></li>
<li class="breadcrumb-item active" aria-current="page">Verkaufsstellen</li>
</ol>
</nav>
</div>
</div>
</div>
</div>


<div class="container">
<div class="row">

<div class="col-xs-12">
<hr class="title__divider">
<h1>{{ $list->name }}</h1>


<p class="fs-5">
{{ $list->description }}
</p>
<br>
<br>
<br>
<br>
<div class="row">

@foreach($contents as $content)
<div class="col-12 col-md-6 col-lg-4 mb-5">
<a href="{{($content->path)}}" class="text-decoration-none">
<div class="card shadow-sm bg-light h-100">
<img src="{{ $content->image }}" class="card-img-top border-bottom">
<div class="card-body">
<h2 class="card-title h5">{{$content->title}}</h2>
<p class="text-muted">Schöne Immobilie sofort verfügbar!</p>

<p class="text-success fw-bold">
Mittwochs und Samstags von 10-14 Uhr
</p>
<span class="text-end" style="color: #71a866">
Mehr Erfahren ⟶
</span>


</div>

</div>
</a>
</div>
@endforeach






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


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



@stop

View File

@ -14,6 +14,7 @@

@include('template.'.config('settings.template').'.content.includes.footer')
@include('template.'.config('settings.template').'.content.includes.scripts')
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>




View File

@ -5,13 +5,9 @@
<div class="container">
<div class="row">
<div class="col-xs-12">
<nav>
<ol class="breadcrumb">

<li><a href="/">Startseite</a></li>

<li class="active">Bäckerei</li>

<nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{url('/')}}">Startseite</a></li>
<li class="breadcrumb-item active" aria-current="page">Bäckerei</li>
</ol>
</nav>
</div>

View File

@ -5,13 +5,9 @@
<div class="container">
<div class="row">
<div class="col-xs-12">
<nav>
<ol class="breadcrumb">

<li><a href="/">Startseite</a></li>

<li class="active">Hühnerhof</li>

<nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb"> <ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{url('/')}}">Startseite</a></li>
<li class="breadcrumb-item active" aria-current="page">Hühnerhof</li>
</ol>
</nav>
</div>
@ -22,7 +18,7 @@
<div class="container push-down-30">
<div class="row">
<div class="col-xs-12 push-down-60">
<h1 class="center">Hühnerhof</h1>
<h1 class="center">Bio-Hühnerhof</h1>
<hr class="divider">


@ -41,7 +37,7 @@


</div>
<p>Seit der Umstellung auf biologische Wirtschaftsweise 1986 werden in Finkenhammer wieder Legehennen gehalten. Nach mehrmaliger Erweiterung wurde dann im Jahre 2010 u. 2011 30 Stallungen für jeweils 100 Hühner errichtet.
<p class="fs-5 mb-5">Seit der Umstellung auf biologische Wirtschaftsweise 1986 werden in Finkenhammer wieder Legehennen gehalten. Nach mehrmaliger Erweiterung wurde dann im Jahre 2010 u. 2011 30 Stallungen für jeweils 100 Hühner errichtet.

Der Biohof Finkenhammer ist der erste Betrieb in Bayern, die diese in Österreich entwickelte tiergerechte Streßfreie Legehennenhaltung realisiert hat. Für jeden Stall stehen Wasser und Futter sowie ein eigener abgezäunter Auslauf zur Verfügung. Gefüttert werden die Tiere mit einer Futtermischung nach den strengen Bioland-Richtlinien. Wir verwenden einen Teil der Eier in unserer eigenen Bäckerei.


BIN
images/finkenhammer-hof.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 606 KiB