{%- 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 -%}