bento-locations

Darstellung

In der unteren Box kann man perfekt eine Karte der Standorte hinzufügen.

Standort 1

Musterweg 123
12345 Musterstadt Weitere Informationen

Standort 2

Musterweg 123
12345 Musterstadt Weitere Informationen

Standort 3

Musterweg 123
12345 Musterstadt Weitere Informationen

Code

<section  id="bento-locations"><article id="bento-locations-content" class="section-content">
<div class="locations-wrapper">

<div class="locations-text">
<p>In der unteren Box kann man perfekt eine Karte der Standorte hinzufügen.</p>

<div class="locations-map">
<img loading="lazy" decoding="async" src="/wp-content/themes/base-template-components/src/img/template/image-512x512.jpg" alt="" width="512" height="512" class="aligncenter size-full wp-image-1" />
</div>
</div>

<div class="locations-info">
<div class="box">
<div class="locations-img">
<img loading="lazy" decoding="async" src="/wp-content/uploads/sites/6/praxis-1.jpeg" alt="" width="1920" height="1280" class="aligncenter size-full wp-image-1" />
</div>
<div class="locations-detail">
<a href="https://www.google.de/maps/dir//Staude+GmbH" rel="noopener noreferrer" target="_blank">
<h3>Standort 1</h3>
Musterweg 123<br/>
12345 Musterstadt</a>
<a href="#" class="btn">Weitere Informationen</a>
</div>
</div>

<div class="box">
<div class="locations-img">
<img loading="lazy" decoding="async" src="/wp-content/uploads/sites/6/praxis-2.jpeg" alt="" width="1920" height="1280" class="aligncenter size-full wp-image-2" />
</div>
<div class="locations-detail">
<a href="https://www.google.de/maps/dir//Staude+GmbH" rel="noopener noreferrer" target="_blank">
<h3>Standort 2</h3>
Musterweg 123<br/>
12345 Musterstadt</a>
<a href="#" class="btn">Weitere Informationen</a>
</div>
</div>

<div class="box">
<div class="locations-img">
<img loading="lazy" decoding="async" src="/wp-content/uploads/sites/6/praxis-3.jpeg" alt="" width="1920" height="1280" class="aligncenter size-full wp-image-3" />
</div>
<div class="locations-detail">
<a href="https://www.google.de/maps/dir//Staude+GmbH" rel="noopener noreferrer" target="_blank">
<h3>Standort 3</h3>
Musterweg 123<br/>
12345 Musterstadt</a>
<a href="#" class="btn">Weitere Informationen</a>
</div>
</div>

</div>

</div>
</article></section>