hero-banner-person-contact

Darstellung

Code

<section class="hero-banner-person-contact full-banner-img env-main" style="background-image: url(/wp-content/uploads/sites/79/stadt-3.webp);" role="img" aria-label="Skyline von Frankfurt">
<div class="person-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/team-1.png);" role="img" aria-label="#"></div>
<div class="overlay-banner overlay-banner-gradient"></div>
<article class="section-content">
<h1>Titel</h1>
<p class="claim">Content</p>
</article>
<div class="three-cols env-sec full-width gap-none">
<div class="box box-contact">
<p class="title">Anrufen</p>
<a href="tel:0208 – 309 900 0" aira-label="Anrufen: [themeopt name='telefon']">0208 – 309 900 0</a>
</div>
<div class="box box-contact">
<p class="title">E-Mail schreiben</p>
<a href="tel:vertrieb@staude.de" aira-label="E-Mail an [themeopt name='mail_contact']">vertrieb@staude.de</a>
</div>
<div class="box box-contact">
<a href="#" class="hl4 icon-right"><span class="icn arrow-6" aria-hidden="true"  aria-label="CTA-Button"></span>CTA-Button</a>
</div>
</div>
</section>

<section class="hero-banner-person-contact env-sec">
<div class="person-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/team-1.png);" role="img" aria-label="#"></div>
<div class="overlay-banner overlay-banner-gradient"></div>
<article class="section-content">
<p class="claim">Content</p>
<h1>Titel</h1>
</article>
<div class="three-cols env-sur full-width gap-none">
<div class="box box-contact">
<p class="title">Anrufen</p>
<a href="tel:0208 – 309 900 0" aira-label="Anrufen: [themeopt name='telefon']">0208 – 309 900 0</a>
</div>
<div class="box box-contact">
<p class="title">E-Mail schreiben</p>
<a href="tel:vertrieb@staude.de" aira-label="E-Mail an [themeopt name='mail_contact']">vertrieb@staude.de</a>
</div>
<div class="box box-contact">
<a href="#" class="hl4 icon-right"><span class="icn arrow-6" aria-hidden="true"  aria-label="CTA-Button"></span>CTA-Button</a>
</div>
</div>
</section>

<section class="hero-banner-person-contact env-sur">
<div class="person-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/team-1.png);" role="img" aria-label="#"></div>
<div class="overlay-banner overlay-banner-transparent-gradient"></div>
<article class="section-content">
<p class="claim">Content</p>
<h1>Titel</h1>
</article>
<div class="three-cols env-main full-width gap-none">
<div class="box box-contact">
<p class="title">Anrufen</p>
<a href="tel:0208 – 309 900 0" aira-label="Anrufen: [themeopt name='telefon']">0208 – 309 900 0</a>
</div>
<div class="box box-contact">
<p class="title">E-Mail schreiben</p>
<a href="tel:vertrieb@staude.de" aira-label="E-Mail an [themeopt name='mail_contact']">vertrieb@staude.de</a>
</div>
<div class="box box-contact">
<a href="#" class="hl4 icon-right"><span class="icn arrow-6" aria-hidden="true"  aria-label="CTA-Button"></span>CTA-Button</a>
</div>
</div>
</section>