Skip to content

Commit

Permalink
update in contact boxes
Browse files Browse the repository at this point in the history
  • Loading branch information
Bjorn Zschernack committed Nov 22, 2023
1 parent 8350041 commit ce66566
Show file tree
Hide file tree
Showing 9 changed files with 82 additions and 23 deletions.
20 changes: 20 additions & 0 deletions images/icons/agent_icon.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions images/icons/facebook-brands.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/instagram_icon.webp
View file
Binary file not shown.
3 changes: 3 additions & 0 deletions images/icons/youtube-brands.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 15 additions & 3 deletions scss/includes/_content.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,12 @@ a{
background-color: #fff;
margin-right: 20px;
margin-bottom: 20px;
a {
text-decoration: none;
&:hover {
text-decoration: underline,;
}
}
&:nth-child(3n) {
margin-right: 0;
}
Expand All @@ -42,10 +48,16 @@ a{
@media (max-width: 768px) {
margin-right: 0 !important;
}

.boximage {
height: 100px;
}
.boxicon {
width: 35px;
height: auto;
height: 65px;
width: auto;
max-width: 60px;
}
.sm-icon {
margin-right: 15px;
}

.single-post-image{
Expand Down
17 changes: 15 additions & 2 deletions scss/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -375,6 +375,12 @@ a:hover {
margin-right: 20px;
margin-bottom: 20px;
}
.posts-grid .single-post a {
text-decoration: none;
}
.posts-grid .single-post a:hover {
text-decoration: underline;
}
.posts-grid .single-post:nth-child(3n) {
margin-right: 0;
}
Expand All @@ -394,9 +400,16 @@ a:hover {
margin-right: 0 !important;
}
}
.posts-grid .single-post .boximage {
height: 100px;
}
.posts-grid .single-post .boxicon {
width: 35px;
height: auto;
height: 65px;
width: auto;
max-width: 60px;
}
.posts-grid .single-post .sm-icon {
margin-right: 15px;
}
.posts-grid .single-post .single-post-image {
width: 100%;
Expand Down
10 changes: 6 additions & 4 deletions template-parts/shortcodes/contact.php
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,11 @@


<div class="single-post bg-white p-5 d-flex flex-column justify-content-between h-100">
<div class="single-post bg-white p-5 d-flex flex-column justify-content-start h-100 mb-2">
<div class="boximage">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/icons/Kontakt_icon.svg" alt="Autohaus Löhr, Fahrzeugzentrum Olpe" class="boxicon my-3" />
<h3 class="my-3">Anschrift</h3>
<div class="mb-5">
</div>
<h3 class="my-4">Anschrift</h3>
<div class="mb-1">
<?php the_field('adresse','options') ?>
</div>
</div>
</div>
14 changes: 8 additions & 6 deletions template-parts/shortcodes/fragen.php
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,14 @@


<div class="single-post bg-white p-5 d-flex flex-column justify-content-between h-100">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/icons/Kontakt_icon.svg" alt="Autohaus Löhr, Fahrzeugzentrum Olpe" class="boxicon my-3" />
<h3 class="my-3">Haben Sie Fragen?</h3>
<div class="mb-5">
<div class="single-post bg-white p-5 d-flex flex-column justify-content-start h-100 mb-2">
<div class="boximage">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/icons/agent_icon.svg" alt="Autohaus Löhr, Fahrzeugzentrum Olpe" class="boxicon my-3" />
</div>
<h3 class="my-4">Haben Sie Fragen?</h3>
<div class="mb-1">
<div class="d-flex flex-row">
<p>Wir beraten Sie gerne:</p>
<p class="whatsapp"><a href="https://wa.me/4915735980000" target="_blank">02761/ 82870</a></p>
<p>Telefon:&nbsp;</p>
<p class="whatsapp"><a href="tel://4915735980000" target="_blank">02761/ 82870</a></p>
</div>
<div class="d-flex flex-row">
<p class="clock text-end">Mo.-Fr.:<br>Sa.:</p>
Expand Down
20 changes: 12 additions & 8 deletions template-parts/shortcodes/socialmedia.php
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,16 @@


<div class="single-post bg-white p-5 d-flex flex-column justify-content-between h-100">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/icons/Kontakt_icon.svg" alt="Autohaus Löhr, Fahrzeugzentrum Olpe" class="boxicon my-3 opacity-0" />
<h3 class="my-3">Folge uns auf Social Media</h3>
<div class="mb-5">
<div class="d-flex flex-row">
<p class="clock text-end">Mo.-Fr.:<br>Sa.:</p>
<p class="">08:00 - 17:00 Uhr<br>09:00 - 12:00 Uhr</p>
<div class="single-post bg-white p-5 d-flex flex-column justify-content-start h-100 mb-2">
<div class="boximage">
&nbsp;
</div>
<h3 class="my-4">Folge uns auf Social Media</h3>
<div class="mb-1">
<div class="d-flex flex-row align-items-center">
<a href="<?php the_field('instagram','options'); ?>" target="_blank"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/icons/instagram_icon.webp" alt="Instagramseite Autohaus Löhr, Fahrzeugzentrum Olpe" class="sm-icon" /></a>
<a href="<?php the_field('instagram','options'); ?>" target="_blank"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/icons/facebook-brands.svg" alt="Facebookseite Autohaus Löhr, Fahrzeugzentrum Olpe" class="sm-icon" /></a>
<a href="<?php the_field('instagram','options'); ?>" target="_blank"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/icons/youtube-brands.svg" alt="Youtube Kanal Autohaus Löhr, Fahrzeugzentrum Olpe" class="sm-icon" /></a>
</div>
</div>
</div>
</div>

0 comments on commit ce66566

Please sign in to comment.