box-contact-logo

Darstellung

Code

<div class="box box-contact-logo 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:02083099000" class="icon-left" aria-label="anrufen">
    <div class="icn phone"></div>
    0208 – 309 900 0</a>
</div>

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

<div class="icon-left">
<a href="mailto:vertrieb@staude.de" class="icon-left" aria-label="E-Mail schreiben">
	<div class="icn mail"></div>
	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="times">
  <dt>Mo</dt><dd>07:30–12:00 | 14:00–18:00 Uhr</dd>
  <dt>Di</dt><dd>08:00–13:00 Uhr</dd>
  <dt>Mi</dt><dd>07:30–12:00 Uhr</dd>
  <dt>Do</dt><dd>08:00–12:00 | 15:00–19:00 Uhr</dd>
  <dt>Fr</dt><dd>08:00–13:00 Uhr</dd>
</dl>
</div>

</div>