A element for my personal framework available in: https://github.com/Malextrap
<!-- CARDS -->
<!-- BLUE CARD -->
<div class="card-link">
<div class="card card-shadow card-blue">
<div class="filter">
<h3 class="is-text">Title</h3>
<p class="title is-text"></p>
<div class="card-body">
<h3 class="is-text">Description</h3>
<p class="description is-text"></p>
</div>
<div class="card-footer">
<h3 class="is-text">Date</h3>
<p class="date is-text"></p>
</div>
</div>
</div>
</div>
<!-- RED/PINK CARD -->
<div class="card-link">
<div class="card card-shadow card-red">
<div class="filter">
<h3 class="is-text">Title</h3>
<p class="title is-text"></p>
<div class="card-body">
<h3 class="is-text">Description</h3>
<p class="description is-text"></p>
</div>
<div class="card-footer">
<h3 class="is-text">Date</h3>
<p class="date is-text"></p>
</div>
</div>
</div>
</div>
<!-- DARK-BLUE/NIGHT CARD -->
<div class="card-link">
<div class="card card-shadow card-night">
<div class="filter">
<h3 class="is-text">Title</h3>
<p class="title is-text"></p>
<div class="card-body">
<h3 class="is-text">Description</h3>
<p class="description is-text"></p>
</div>
<div class="card-footer">
<h3 class="is-text">Date</h3>
<p class="date is-text"></p>
</div>
</div>
</div>
</div>
You can test in this web: this