bento-home

Darstellung

Code

<section id="bento-home">
<article class="section-content bento-grid">
<div class="bento main">
<div class="bento-overlay contain" role="img" aria-label="Mommsen-Apotheke aus Essen" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/team-3.png)"></div>
<div class="bento-content">
<p class="bento-icon icon-xl kreuz" role="img" aria-label="Mommsen-Apotheke aus Essen"></p>
<h1>Titel</h1>
<span class="claim">Claim</span>
</div>
</div>


<a href="#" class="bento light">
<div class="bento-content">
<p class="bento-icon arrow-6" role="img" aria-label="#"></p>
<p class="bento-titel">Button</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>

<a href="#" class="bento sec">
<div class="bento-content">
<p class="bento-icon arrow-6" role="img" aria-label="#"></p>
<p class="bento-titel">Button</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>

<a href="#" class="bento dark">
<div class="bento-content">
<p class="bento-icon arrow-6" role="img" aria-label="#"></p>
<p class="bento-titel">Button</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>

</article>
</section>