update on frontpage boxes

dergoldbroiler · Nov 4, 2023 · 3de2d93 · 3de2d93
1 parent a273855
commit 3de2d93
Show file tree

Hide file tree

Showing 9 changed files with 80 additions and 2 deletions.
diff --git a/front-page.php b/front-page.php
@@ -14,6 +14,12 @@
         </div>
     </div>
 
+    <div class="row">
+        <div class="col-12">
+            <?php get_template_part('template-parts/shortcodes/servicebar'); ?>
+        </div>
+    </div>
+
 </div>
 
 

diff --git a/functions.php b/functions.php
@@ -1,6 +1,6 @@
 <?php
 
-require_once('inc/func_rest_api.php');
+require_once('includes/shortcodes.php');
 
 if ( ! function_exists( 'theme_slug_setup' ) ) :
     /**

diff --git a/images/icons/servicebar_1.svg b/images/icons/servicebar_1.svg
diff --git a/includes/shortcodes.php b/includes/shortcodes.php
@@ -0,0 +1,9 @@
+<?php 
+function getServiceBar($atts){
+    ob_start();
+    $content .= get_template_part('template-parts/shortcodes/servicebar');
+    $content .= ob_get_clean(); 
+    return $content;  
+}
+
+add_shortcode( 'servicebar', 'getServiceBar' );
diff --git a/scss/includes/_content.scss b/scss/includes/_content.scss
@@ -60,5 +60,6 @@
 }
 
 #about-banner{
-    min-height:100px;  box-shadow: 0 33px 36px 0 rgba(93, 108, 123, 0.08);
+    min-height:100px;  
+    box-shadow: 0 33px 36px 0 rgba(93, 108, 123, 0.08);
 }
diff --git a/scss/includes/_shortcodes.scss b/scss/includes/_shortcodes.scss
@@ -0,0 +1,10 @@
+#servicebar {
+    box-shadow: 0 33px 36px 0 rgba(93, 108, 123, 0.08);
+    background: white;
+    padding:100px;
+
+    img {
+        height: 41px;
+        width: auto;;
+    }
+}
diff --git a/scss/styles.css b/scss/styles.css
@@ -203,4 +203,14 @@ body header .contact .clock:before {
 #about-banner {
   min-height: 100px;
   box-shadow: 0 33px 36px 0 rgba(93, 108, 123, 0.08);
+}
+
+#servicebar {
+  box-shadow: 0 33px 36px 0 rgba(93, 108, 123, 0.08);
+  background: white;
+  padding: 100px;
+}
+#servicebar img {
+  height: 41px;
+  width: auto;
 }
diff --git a/scss/styles.scss b/scss/styles.scss
@@ -3,5 +3,6 @@
 @import 'includes/main';
 @import 'includes/menu';
 @import 'includes/content';
+@import 'includes/shortcodes';
 
 
diff --git a/template-parts/shortcodes/servicebar.php b/template-parts/shortcodes/servicebar.php
@@ -0,0 +1,22 @@
+<div class="d-flex flex-column flex-lg-row justify-content-between my-5 align-items-center" id="servicebar">
+
+    <div class="single-item text-center">
+        <img src="<?php bloginfo('stylesheet_directory'); ?>/images/icons/servicebar_1.svg" alt="Transparent & Verbindlich" class="servicebar-icon" />
+        <p>Transparent & Verbindlich</p>
+    </div>
+
+    <div class="single-item text-center">
+        <img src="<?php bloginfo('stylesheet_directory'); ?>/images/icons/felge.svg" alt="Felgenreparatur" class="servicebar-icon" />
+        <p>Felgenreparatur</p>
+    </div>
+
+    <div class="single-item text-center">
+        <img src="<?php bloginfo('stylesheet_directory'); ?>/images/icons/aufbereitung_icon.svg" alt="Fahrzeugaufbereitung" class="servicebar-icon" />
+        <p>Fahrzeugaufbereitung</p>
+    </div>
+
+    <div class="single-item text-center">
+        <img src="<?php bloginfo('stylesheet_directory'); ?>/images/icons/Beschichtung_icon.svg" alt="Keramikbeschichtung" class="servicebar-icon" />
+        <p>Keramikbeschichtung</p>
+    </div>
+</div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -14,6 +14,12 @@ @@
             </div>
         </div>
+        <div class="row">
+            <div class="col-12">
+                <?php get_template_part('template-parts/shortcodes/servicebar'); ?>
+            </div>
+        </div>
     </div>
@@ Expand Down @@