{%- if site.data.relatedServers.size > 0 -%} <div class=“card mb-4”>
<div class="card-header">{% translate global.related %}</div> <ul class="list-group list-group-flush"> {%- for server in site.data.relatedServers[site.lang] -%} <a href="{{ server.link }}" class="list-group-item list-group-item-action flex-column align-items-start"> <h5 class="mb-1">{{ server.name }}</h5> <p class="mb-1">{{ server.description }}</p> {%- for tag in server.tags -%} <span class="badge mr-1 badge-pill badge-light">{{tag}}</span> {%- endfor -%} </a> {%- endfor -%} </ul> </div> {%- endif -%}