From 9ee707884b2d766e226965f3ce81fa2ab099f4ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20V=C3=B6lkl?= <benjamin.voelkl@areya.de>
Date: Thu, 10 Aug 2023 21:33:17 +0200
Subject: [PATCH] .

---
 content/contents/produkt.blade.php | 78 ++++++++++++++++++++++++++++--
 content/index.blade.php            |  2 +-
 content/lists/produkte.blade.php   |  2 +-
 3 files changed, 77 insertions(+), 5 deletions(-)

diff --git a/content/contents/produkt.blade.php b/content/contents/produkt.blade.php
index ea1246f..a00626c 100644
--- a/content/contents/produkt.blade.php
+++ b/content/contents/produkt.blade.php
@@ -160,7 +160,7 @@
                             </button>
                         </div>
                         <div  class="col-12 col-md-6">
-                            <button id="btn-check-out" data-id="{{$content->id}}" class="btn btn-primary  mb-5" style="padding-top: 6px; padding-bottom: 6px; padding-right: 20px; padding-left: 20px;">
+                            <button id="btn-check-out" data-id="{{$content->id}}" class="btn btn-primary mb-5" style="padding-top: 6px; padding-bottom: 6px; padding-right: 20px; padding-left: 20px;">
                                 <svg style="fill: white; width: 19px; margin-right: 8px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M352 128C352 57.42 294.579 0 224 0 153.42 0 96 57.42 96 128H0v304c0 44.183 35.817 80 80 80h288c44.183 0 80-35.817 80-80V128h-96zM224 48c44.112 0 80 35.888 80 80H144c0-44.112 35.888-80 80-80zm176 384c0 17.645-14.355 32-32 32H80c-17.645 0-32-14.355-32-32V176h48v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h160v40c0 13.255 10.745 24 24 24s24-10.745 24-24v-40h48v256z"/></svg>
                                 Unverbindlich anfragen
                             </button>
@@ -170,13 +170,85 @@
             </div>
 
 
-        <div class="row">
+        <div class="row mb-5">
             <div class="col-12 fs-5 mb-5">
-                <h2 class="mb-2 mt-4">Produktbeschreibung</h2>
+                <h2 class="mb-4 mt-5 h3">Produktbeschreibung</h2>
                 {!! $content->beschreibung !!}
 
+
+
+            </div>
+
+
+        </div>
+        <div class="row mb-5">
+            <div class="col-12">
+                <h2 class="mb-4 mt-5 h3">Weitere Produktbilder</h2>
+
+            </div>
+
+            <div class="col-12 col-md-6 col-lg-3 text-center">
+                <img src="https://picsum.photos/400/300" class="rounded img-fluid border mb-3">
+            </div>
+
+            <div class="col-12 col-md-6 col-lg-3 text-center">
+                <img src="https://picsum.photos/400/300" class="rounded img-fluid border mb-3">
+            </div>
+
+            <div class="col-12 col-md-6 col-lg-3 text-center">
+                <img src="https://picsum.photos/400/300" class="rounded img-fluid border mb-3">
+            </div>
+
+            <div class="col-12 col-md-6 col-lg-3 text-center">
+                <img src="https://picsum.photos/400/300" class="rounded img-fluid border mb-3">
             </div>
         </div>
+
+            <div class="row mb-5">
+                <div class="col-12">
+                    <hr class="pb-5 mt-5">
+                    <h2 class="mb-4 mt-5 h3">Weitere Produkte</h2>
+                </div>
+
+                    <div class="col-12 col-md-4 mb-3">
+                        <a href="33" class="text-decoration-none">
+                            <div class="card shadow-sm">
+                                <img src="https://picsum.photos/600/400" class="img-fluid card-img-top">
+                                <div class="card-body">
+                                    <h3 class="h5 mb-2">Anderes Produkt XMY </h3>
+                                    <div class="fw-bold my-3 text-right fs-5" style="color: {{$_secondary_link_color}};">391 €</div>
+                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam blanditiis, eligendi ex explicabo odio possimus provident rerum saepe soluta suscipit tenetur ullam vero. Autem blanditiis obcaecati quis quod voluptates voluptatum.
+                                </div>
+                            </div>
+                        </a>
+                    </div>
+
+                <div class="col-12 col-md-4 mb-3">
+                    <a href="33" class="text-decoration-none">
+                        <div class="card shadow-sm">
+                            <img src="https://picsum.photos/600/400" class="img-fluid card-img-top">
+                            <div class="card-body">
+                                <h3 class="h5 mb-2">Anderes Produkt XMY </h3>
+                                <div class="fw-bold my-3 text-right fs-5" style="color: {{$_secondary_link_color}};">391 €</div>
+                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam blanditiis, eligendi ex explicabo odio possimus provident rerum saepe soluta suscipit tenetur ullam vero. Autem blanditiis obcaecati quis quod voluptates voluptatum.
+                            </div>
+                        </div>
+                    </a>
+                </div>
+
+                <div class="col-12 col-md-4 mb-3">
+                    <a href="33" class="text-decoration-none">
+                        <div class="card shadow-sm">
+                            <img src="https://picsum.photos/600/400" class="img-fluid card-img-top">
+                            <div class="card-body">
+                                <h3 class="h5 mb-2">Anderes Produkt XMY </h3>
+                                <div class="fw-bold my-3 text-right fs-5" style="color: {{$_secondary_link_color}};">391 €</div>
+                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam blanditiis, eligendi ex explicabo odio possimus provident rerum saepe soluta suscipit tenetur ullam vero. Autem blanditiis obcaecati quis quod voluptates voluptatum.
+                            </div>
+                        </div>
+                    </a>
+                </div>
+            </div>
     </div>
 
 @stop
diff --git a/content/index.blade.php b/content/index.blade.php
index cf16166..934f40d 100644
--- a/content/index.blade.php
+++ b/content/index.blade.php
@@ -73,7 +73,7 @@ border: 1px solid rgba(252, 252, 252, 0.54);">
                     </div>
                 </div>
                 @endforeach
-                <div class="col-12 text-center mt-4">
+                <div class="col-12 text-center mt-3">
                     <a href="{{url('/aktuelles')}}" class="text-muted text-decoration-none">
                         <svg style="fill: currentColor; width: 14px; margin-right: 4px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M32 132V48c0-8.8-7.2-16-16-16S0 39.2 0 48V176c0 8.8 7.2 16 16 16H144c8.8 0 16-7.2 16-16s-7.2-16-16-16H53.6C89.5 84.3 166.7 32 256 32c123.7 0 224 100.3 224 224s-100.3 224-224 224c-73.3 0-138.3-35.2-179.2-89.6c-5.3-7.1-15.3-8.5-22.4-3.2s-8.5 15.3-3.2 22.4C97.9 471.8 172.2 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C159.6 0 75.7 53.3 32 132zm224-4c-8.8 0-16 7.2-16 16V256c0 4.2 1.7 8.3 4.7 11.3l80 80c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L272 249.4V144c0-8.8-7.2-16-16-16z"/></svg>
                         Ältere Nachrichten
diff --git a/content/lists/produkte.blade.php b/content/lists/produkte.blade.php
index 8d34539..4e345c3 100644
--- a/content/lists/produkte.blade.php
+++ b/content/lists/produkte.blade.php
@@ -20,7 +20,7 @@
 
                 <div class="col-12 col-md-4 mb-3">
                     <a href="{{ $content->path }}" class="text-decoration-none">
-                        <div class="card shadow-sm">
+                        <div class="card shadow-sm h-100">
                             <img src="{{ $content->image() }}" class="img-fluid card-img-top">
                             <div class="card-body">
                                 <h3 class="h5 mb-2">{{$content->title}} </h3>