{% extends "layout.html" %}
{% block main %}
{% for services_row in services | batch (3) %}
<div class="row">
  {% for s in services_row %}
  <div class="col-4">
    <a href="{{s.url}}">
      <div class="media">
	<div class=" d-flex mr-3"><i class="fa {% if not s.icon %}fa-globe{% else %} {{s.icon}} {%endif %} fa-2x"></i></div>
	<div class="media-body">
	  <h5 class="mt-0">{{s.name}}</h5>
	  <p class="text-muted">{{s.desc}}</p>
	</div>
      </div>
    </a>
    
  </div>
  {% endfor %}
</div>
{% endfor %}
<div class="row">
  <div class="col-12">
    <a href="reload.html">
    <i class="fa fa-refresh"></i> reload services</a>
  </div>
  </div>

{% endblock %}