.

content/contents/default.blade.php

@@ -1,66 +1,66 @@
 @extends('template.'.config('settings.template').'.content.master')
 @section('head')
     <title>{{$content->title}} | {{config('settings.name')}}</title>
-    <style>
-        #map {
-            height: 500px;
-            width: 100%;
-        }
-    </style>
+
 @stop
 @section('content')
     <div class="container">
-        <div class="row">
-            <div class="col">
+        <div class="row mb-5">
+            <div class="col-12 mt-4">
                 <a href="{{url('/')}}"> ← Back</a>
+            </div>
+
+            <div class="col-12 mt-4 mb-4">
+
                 <h1>{{$content->title}}</h1>
+
+
             </div>
 
             <div class="col-12 col-md-4">
                 <img src="{{$content->image}}" class="img-fluid rounded" alt="Bild {{$content->title}}">
 
             </div>
-            <div class="col-12 col-md-8">
+
+            <div class="col-12 col-md-7 offset-md-1 fs-4">
+
+                {!!$content->beschreibung!!}
 
 
             </div>
 
 
+
+
         </div>
 
+
         <div class="row">
-            <div class="col-12">
-                {{$content->beschreibung}}
-
-
-            </div>
+            <div class="col-12 mt-4 mb-2">
+                <h2>Bilder</h2>
             </div>
 
-        <div class="row">
-            <div class="col-12">
-                <h4>Bilder</h4>
+            <div class="col-12 col-md-3 mb-4">
+                <img src="https://picsum.photos/300" class="img-fluid rounded">
             </div>
 
+            <div class="col-12 col-md-3 mb-4">
+                <img src="https://picsum.photos/300" class="img-fluid rounded">
+            </div>
 
+            <div class="col-12 col-md-3 mb-4">
+                <img src="https://picsum.photos/300" class="img-fluid rounded">
+            </div>
 
+            <div class="col-12 col-md-3 mb-4">
+                <img src="https://picsum.photos/300" class="img-fluid rounded">
+            </div>
             <div class="col-3"></div>
         </div>
 
 
-        <div class="row">
-            <div class="col-8 g-0">
-                <div id="map"></div>
-                <div id="marker-window" class="d-none">
-                    <h5 id="firstHeading" class="firstHeading">$title</h5>
-                    <div id="bodyContent">
-                        <p>$description</p>
-                        <a data-href="$path">Details</a>
+
     </div>
-                </div>
-            </div>
-        </div>
-    </div>
-    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAKGJCCKvmWZl-L5bBF0uS5BWf0gN4ZkpI&callback=initMap&v=weekly" defer></script>
     <script>
         const contentUrl = "{{url('/api/contents/'.$content->id)}}";
         const locationField = "{{$_location_field}}";