_includes/content/friends.html
<style>
.k-friend {
text-decoration: none;
}
</style>
<div class="k-posts-list"></div>
<div class="mdui-container">
<div class="mdui-row-sm-2 mdui-row-md-4">
{% for f in site.data.friends %}
<div class="mdui-col">
<a class="k-friend" href="{{f.url}}" target="_blank">
<div class="mdui-card mdui-hoverable">
<div class="mdui-card-header">
<img class="mdui-card-header-avatar" src="{{f.image}}" />
<div class="mdui-card-header-title">{{f.name}}</div>
<div class="mdui-card-header-subtitle">{{f.describe}}</div>
</div>
</div>
</a>
<br>
</div>
{% endfor %}
</div>
</div>