box-contact-logo

Darstellung

Code

<div class="box box-contact-logo bg-sur env-sur">

<div class="box-contact-logo-content left">
<h2>
<span class="icon-left pin" role="img" aria-label="Anschrift &#038; Kontakt"></span>
Anschrift &#038; Kontakt
</h2>
<address>
<p>
<strong><a href="https://www.google.de/maps/dir//Staude+GmbH" aria-label="Anfahrt" rel="noopener noreferrer" target="_blank">
Beispiel Apotheke
</a></strong><br />
<address>Beispiel Apotheke<br/>Musterweg 123<br/>12345 Musterstadt</address>
</p>
</address>

<div class="icon-left">
<a href="tel:00492083099000" class="icon-left" aria-label="Anrufen: 0208 – 309 900 0"><span class="icn phone" aria-hidden="true"></span>0208 – 309 900 0</a>
</div>

<div class="icon-left">
<div class="icon-left"><span class="icn fax" role="img" aria-label="Fax"></span>0208 – 880 451 030</div>
</div>

<div class="icon-left">
<a href="mailto:vertrieb@staude.de" class="icon-left" aria-label="E-Mail schreiben"><span class="icn mail" aria-hidden="true"></span>vertrieb@staude.de</a>
</div>

</div>

<div class="box-contact-logo-content right">
<h2>
<span class="icon-left clock" role="img" aria-label="Sprechzeiten"></span>
Sprechzeiten
</h2>
<dl class="flex-column gap-xs times">
<div class="flex-row gap-xs">
<dt>Mo</dt><dd>07:30–12:00 | 14:00–18:00 Uhr</dd>
</div>
<div class="flex-row gap-xs">
  <dt>Di</dt><dd>08:00–13:00 Uhr</dd>
</div>
<div class="flex-row gap-xs">
  <dt>Mi</dt><dd>07:30–12:00 Uhr</dd>
</div>
<div class="flex-row gap-xs">
  <dt>Do</dt><dd>08:00–12:00 | 15:00–19:00 Uhr</dd>
</div>
<div class="flex-row gap-xs">
  <dt>Fr</dt><dd>08:00–13:00 Uhr</dd>
</div>
</dl>
</div>

</div>