forge-joniko/ldc-wenn-dann-mit-respekt
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update SM

Browse source
This commit is contained in:
Vincent BRIDIER 2023-02-14 12:50:31 +01:00
parent d6571b7dc2
commit aa4b5c0fa9
No known key found for this signature in database
GPG key ID: 8571BFA20420D512
2 changed files with 211 additions and 210 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
resources/views/layouts/frame.blade.php
View file

@ -37,10 +37,10 @@
<nav class="text-lg text-braun absolute right-8 sm:right-12 flex items-center top-[8px]">
<a href="#" class="sm:mr-7 font-hobo font-semibold text-p-lg inline-flex items-center" @click="mobileMenuOpen = true"><img class="w-4 mr-4" src="/storage/assets/Icons/menu-burger.svg">Menu</a>
<!--
<a href="#" class="hidden sm:inline-block mr-1" target="_blank"><img src="/storage/assets/Icons/instagram-icon.svg" alt="Instagram" class="w-8"></a>
-->
<a href="https://www.pinterest.de/natureandrespect" class="hidden sm:inline-block mr-0 ml-[36px]" target="_blank"><img src="/storage/assets/Icons/pinterest-icon.svg" alt="Pinterest" class="w-8"></a>
<a href="https://www.instagram.com/nature_and_respect/" class="hidden sm:inline-block mr-2 ml-[36px]" target="_blank"><img src="/storage/assets/Icons/instagram-icon.svg" alt="Instagram" class="w-8"></a>
<a href="https://www.pinterest.de/natureandrespect" class="hidden sm:inline-block mr-0" target="_blank"><img src="/storage/assets/Icons/pinterest-icon.svg" alt="Pinterest" class="w-8"></a>
</nav>
</div>
@ -72,9 +72,9 @@
<div class="block mt-16 sm:mt-0 lg:mt-32 xl:mt-0">
<div class=" flex items-center">
Folgen Sie uns
<!--
<a href="#" class="inline-block mr-2 ml-5" target="_blank"><img src="/storage/assets/Icons/instagram-icon-weiss.svg" alt="Instagram" class="w-8"></a>
-->
<a href="https://www.instagram.com/nature_and_respect/" class="inline-block mr-2 ml-5" target="_blank"><img src="/storage/assets/Icons/instagram-icon-weiss.svg" alt="Instagram" class="w-8"></a>
<a href="https://www.pinterest.de/natureandrespect" class="inline-block mr-0 ml-5" target="_blank"><img src="/storage/assets/Icons/pinterest-icon-weiss.svg" alt="Pinterest" class="w-8"></a>
</div>
@ -103,14 +103,15 @@
<div class="absolute bottom-8 right-8 flex items-center font-hobo">
Folgen Sie uns
<!--
<a href="#" class="inline-block mr-3 ml-5" target="_blank"><img src="/storage/assets/Icons/instagram-icon.svg" alt="Instagram" class="w-6"></a>
-->
<a href="https://www.pinterest.de/natureandrespect" class="inline-block mr-0 ml-5" target="_blank"><img src="/storage/assets/Icons/pinterest-icon.svg" alt="Pinterest" class="w-6"></a>
<a href="https://www.instagram.com/nature_and_respect/" class="inline-block mr-2 ml-5" target="_blank"><img src="/storage/assets/Icons/instagram-icon.svg" alt="Instagram" class="w-6"></a>
<a href="https://www.pinterest.de/natureandrespect" class="inline-block mr-0" target="_blank"><img src="/storage/assets/Icons/pinterest-icon.svg" alt="Pinterest" class="w-6"></a>
</div>
</div>
</nav>
@yield('scripts')
@yield('scripts')
</body>
</html>

66
resources/views/pages/home.blade.php
View file

@ -2,27 +2,11 @@
@section('title', 'Home')
@section('content')
<!-- Slider -->
<section class="splide" aria-label="">
<!-- Slider -->
<section class="splide" aria-label="">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide bg-hellgruen sm:grid sm:grid-cols-6 sm:gap-0">
<div class="sliderleft sm:col-span-4 relative">
<img class="w-full object-contain" src="storage/assets/Bilder/slider-freilandhaltung.jpg">
</div>
<div class="sm:col-span-2 bg-hellgruen text-weiss p-6 py-5 pb-12 sm:pb-5 sm:pl-2 sm:pr-6 md:pl-5 md:pr-10 lg:pl-8 lg:pr-16 flex items-center">
<div class="max-w-md ">
<h2 class="text-h2-sm lg:text-h2-lg xl:text-h2 font-scarletwood text-braun">Nature & Respect</h2>
<h2 class="text-h2-sm lg:text-h2-lg xl:text-h2 font-scarletwood mb-4">die Geflügel&shy;marke für Freiland&shy;haltung</h2>
<p class="text-small lg:text-small-lg">Nachhaltigkeit steht für uns im Mittelpunkt. Daher setzen wir auf Freilandhaltung und natürliches Wachstum</p>
<a href="/freilandhaltung" class="button brown inline-flex items-center px-4 my-2 mt-6 mr-4 text-sm text-white">
<span>Mehr lesen</span>
</a>
</div>
</div>
</li>
<li class="splide__slide bg-hellgruen sm:grid sm:grid-cols-6 sm:gap-0">
<div class="sliderleft sm:col-span-4 relative">
<img class="w-full object-contain" src="/storage/assets/Bilder/slider-lust-auf-kochen.jpg">
@ -39,6 +23,22 @@
</div>
</li>
<li class="splide__slide bg-hellgruen sm:grid sm:grid-cols-6 sm:gap-0">
<div class="sliderleft sm:col-span-4 relative">
<img class="w-full object-contain" src="storage/assets/Bilder/slider-freilandhaltung.jpg">
</div>
<div class="sm:col-span-2 bg-hellgruen text-weiss p-6 py-5 pb-12 sm:pb-5 sm:pl-2 sm:pr-6 md:pl-5 md:pr-10 lg:pl-8 lg:pr-16 flex items-center">
<div class="max-w-md ">
<h2 class="text-h2-sm lg:text-h2-lg xl:text-h2 font-scarletwood text-braun">Nature & Respect</h2>
<h2 class="text-h2-sm lg:text-h2-lg xl:text-h2 font-scarletwood mb-4">die Geflügel&shy;marke für Freiland&shy;haltung</h2>
<p class="text-small lg:text-small-lg">Nachhaltigkeit steht für uns im Mittelpunkt. Daher setzen wir auf Freilandhaltung und natürliches Wachstum</p>
<a href="/freilandhaltung" class="button brown inline-flex items-center px-4 my-2 mt-6 mr-4 text-sm text-white">
<span>Mehr lesen</span>
</a>
</div>
</div>
</li>
<li class="splide__slide bg-hellgruen sm:grid sm:grid-cols-6 sm:gap-0">
<div class="sliderleft sm:col-span-4 relative">
<img class="w-full object-contain" src="/storage/assets/Bilder/slider-langsames-wachstum.jpg">
@ -54,7 +54,7 @@
</div>
</div>
</li>
<!--
<!--
<li class="hmask splide__slide bg-hellgruen sm:grid sm:grid-cols-6 sm:gap-0">
<div class="sliderleft sm:col-span-4 relative">
<img class="w-full object-contain" src="/storage/assets/Bilder/slider-lust-auf-grillen.jpg">
@ -89,10 +89,10 @@
</ul>
</div>
</section>
</section>
<div class="container mx-auto max-w-7xl px-6 pt-16">
<div class="container mx-auto max-w-7xl px-6 pt-16">
<h1 class="text-h1-sm md:text-h1-md lg:text-h1-lg xl:text-h1 font-scarletwood text-braun">
Nachhaltigkeit <span class="block text-h2-sm md:text-h2-md lg:text-h2-lg xl:text-h2">steht im Mittelpunkt</span>
@ -188,12 +188,12 @@
</div>
</div>
<!-- Startseite Produkte -->
<div class="mx-auto bg-hellgruen w-full mt-16 entdecken">
<!-- Startseite Produkte -->
<div class="mx-auto bg-hellgruen w-full mt-16 entdecken">
<div class="container mx-auto max-w-7xl py-16 px-4 sm:px-8 md:grid md:grid-cols-2 md:gap-4 text-white">
<div class=" flex items-center pr-8">
@ -242,12 +242,12 @@
</div>
</div>
</div>
<div class="w-full mx-auto pt-40 pb-40 bg-[url('/storage/assets/Bilder/home-lust-auf-kochen.jpg')] bg-cover">
<div class="w-full mx-auto pt-40 pb-40 bg-[url('/storage/assets/Bilder/home-lust-auf-kochen.jpg')] bg-cover">
<div class="max-w-[90%] sm:max-w-[60%] md:max-w-[43%] pt-10 pb-10 pr-10 xl:pr-20 text-braun bg-[url('/storage/assets/Gestaltungselemente-path/home-rezepte-path.svg')] bg-[length:100%_100%]" >
<div class="max-w-[90%] sm:max-w-[60%] md:max-w-[43%] pt-10 pb-10 pr-10 xl:pr-20 text-braun bg-[url('/storage/assets/Gestaltungselemente-path/home-rezepte-path.svg')] bg-[length:100%_100%]">
<div class="max-w-[430px] mr-0 ml-auto pl-6 ">
<h3 class=" text-h2-md lg:text-h2-lg xl:text-h2 mb-3 font-scarletwood">Lust auf Kochen?</h3>
@ -260,19 +260,19 @@
</div>
</div>
</div>
@endsection
@section('scripts')
<script>
document.addEventListener( 'DOMContentLoaded', function() {
new Splide( '.splide',{
type : 'loop',
document.addEventListener('DOMContentLoaded', function() {
new Splide('.splide', {
type: 'loop',
autoplay: 'play',
pagination: 'true',
arrows: 'false',
pauseOnHover: 'true',
} ).mount();
} );
}).mount();
});
</script>
@endsection