Icon Block
<style>
.row-item { display: flex;flex-direction: column;position: relative;align-items: center;justify-content: center;row-gap: 3rem;padding: 5rem 1rem;box-shadow: 0 0 6px #00000030;transition: all 0.15s ease; }
.row-item:hover { box-shadow: 0 0 20px -3px #0000004a; }
.row-item .icon { font-size: 4em; }
.row-item .name { font-family: "Avenir-Black";font-size: 21px; }
</style>
<div class="grid-row column-gap-6">
<div class="g-col-12 g-col-sm-6 g-col-lg-4 row-item">
<div class="icon">
<span class="icon-fau icon-clock icon-size">
</span></div>
<div class="name">
<a href="javascript:;" class="stretched-link">
<strong>Hours</strong>
</a>
</div>
</div>
<div class="g-col-12 g-col-sm-6 g-col-lg-4 row-item">
<div class="icon">
<span class="icon-fau icon-account-circle icon-size">
</span></div>
<div class="name">
<a href="javascript:;" class="stretched-link">
<strong>Members</strong>
</a>
</div>
</div>
<div class="g-col-12 g-col-sm-6 g-col-lg-4 row-item">
<div class="icon">
<span class="icon-fau icon-id-card icon-size">
</span></div>
<div class="name">
<a href="javascript:;" class="stretched-link">
<strong>Contact</strong>
</a>
</div>
</div>
<div class="g-col-12 g-col-sm-6 g-col-lg-4 row-item">
<div class="icon">
<span class="icon-fau icon-account-group-circle icon-size">
</span></div>
<div class="name">
<a href="javascript:;" class="stretched-link">
<strong>Group</strong>
</a>
</div>
</div>
<div class="g-col-12 g-col-sm-6 g-col-lg-4 row-item">
<div class="icon">
<span class="icon-fau icon-pencil-write">
</span></div>
<div class="name">
<a href="javascript:;" class="stretched-link">
<strong>Submit</strong>
</a>
</div>
</div>
<div class="g-col-12 g-col-sm-6 g-col-lg-4 row-item">
<div class="icon">
<span class="icon-fau icon-medical-cross-snake icon-size">
</span></div>
<div class="name">
<a href="javascript:;" class="stretched-link">
<strong>Help</strong>
</a>
</div>
</div>
</div>