hero-banner-blurry

Darstellung

Code

<section id="hero-banner-blurry">
<div class="hero-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/team-1.png);" role="img" aria-label="#"></div>
<article class="section-content">
<p class="claim">Content</p>
<h1>Titel</h1>
</article>
<div class="cta-warp">
<div class="text-wrap">
<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="text-wrap">
<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>
<a href="#" class="btn-cta-arrow">CTA-Button<span class="icon-arrow" role="img" aria-label="Pfeil"></span></a>
</div>
</section>