bento

Darstellung

Code

<div class="four-cols bento-grid">

<a href="#" class="bento main">
<div class="bento-content">
<p class="bento-titel">Titel</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>

<a href="#" class="bento sec">
<div class="bento-content">
<p class="bento-titel">Titel</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>

<a href="#" class="bento light">
<div class="bento-content">
<p class="bento-titel">Titel</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>

<a href="#" class="bento dark">
<div class="bento-content">
<p class="bento-titel">Titel</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>



<a href="#" class="bento main">
<div class="bento-content">
<p class="bento-icon kreuz" role="img" aria-label="#"></p>
<p class="bento-titel">Titel</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>

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

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

<a href="#" class="bento dark">
<div class="bento-content">
<p class="bento-icon fettes-kind" role="img" aria-label="#"></p>
<p class="bento-titel">Titel</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>



<a href="#" class="bento main">
<div class="bento-overlay contain" role="img" aria-label="#" style="background-image: url(/wp-content/uploads/sites/6/team-4.png)"></div>
<div class="bento-content">
<p class="bento-icon kreuz" role="img" aria-label="#"></p>
<p class="bento-titel">Titel</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>

<a href="#" class="bento sec">
<div class="bento-overlay contain" role="img" aria-label="#" style="background-image: url(/wp-content/uploads/sites/6/team-3.png)"></div>
<div class="bento-content">
<p class="bento-icon haus" role="img" aria-label="#"></p>
<p class="bento-titel">Titel</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>

<a href="#" class="bento light">
<div class="bento-overlay contain" role="img" aria-label="#" style="background-image: url(/wp-content/uploads/sites/6/team-2.png)"></div>
<div class="bento-content">
<p class="bento-icon chat" role="img" aria-label="#"></p>
<p class="bento-titel">Titel</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>

<a href="#" class="bento dark">
<div class="bento-overlay contain" role="img" aria-label="#" style="background-image: url(/wp-content/uploads/sites/6/team-1.png)"></div>
<div class="bento-content">
<p class="bento-icon fettes-kind" role="img" aria-label="#"></p>
<p class="bento-titel">Titel</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>





<a href="#" class="bento main">
<div class="bento-overlay" role="img" aria-label="#" style="background-image: url(/base-template/wp-content/uploads/sites/6/pic-1.jpeg)"></div>
<div class="bento-content">
<p class="bento-icon kreuz" role="img" aria-label="#"></p>
<p class="bento-titel">Titel</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>

<a href="#" class="bento sec">
<div class="bento-overlay" role="img" aria-label="#" style="background-image: url(/base-template/wp-content/uploads/sites/6/pic-2.jpeg)"></div>
<div class="bento-content">
<p class="bento-icon haus" role="img" aria-label="#"></p>
<p class="bento-titel">Titel</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>

<a href="#" class="bento light">
<div class="bento-overlay" role="img" aria-label="#" style="background-image: url(/base-template/wp-content/uploads/sites/6/pic-3.jpeg)"></div>
<div class="bento-content">
<p class="bento-icon chat" role="img" aria-label="#"></p>
<p class="bento-titel">Titel</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>

<a href="#" class="bento dark">
<div class="bento-overlay" role="img" aria-label="#" style="background-image: url(/base-template/wp-content/uploads/sites/6/pic-4.jpeg)"></div>
<div class="bento-content">
<p class="bento-icon fettes-kind" role="img" aria-label="#"></p>
<p class="bento-titel">Titel</p>
<p class="bento-description">Beschreibung</p>
</div>
</a>

</div>