btn-icon-square

Darstellung

Code

<div class="four-cols spacing-bottom">

<a href="#" class="btn-icon-square">
<div class="btn-icon-square-overlay"></div>
<div class="icon pills" role="img" aria-label="#"></div>
<span class="btn-icon-square-title">Titel</span>
<span class="btn-icon-square-sub-title">Sub-Titel</span>
</a>

<a href="#" class="btn-icon-square">
<div class="btn-icon-square-overlay"></div>
<div class="icon rezept" role="img" aria-label="#"></div>
<span class="btn-icon-square-title">Titel</span>
<span class="btn-icon-square-sub-title">Sub-Titel</span>
</a>

<a href="#" class="btn-icon-square">
<div class="btn-icon-square-overlay"></div>
<div class="icon chat" role="img" aria-label="#"></div>
<span class="btn-icon-square-title">Titel</span>
<span class="btn-icon-square-sub-title">Sub-Titel</span>
</a>

</div>