.

content/contents/produkt.blade.php

@@ -170,11 +170,83 @@
             </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>

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

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>