{% extends "base.html" %}
{% load static %}

{% block content %}

<section class="page-title-section bg-img cover-background" data-background="{% static 'img/banner/page-title.jpg' %}">
    <div class="container text-center">
        <h1>Our <span class="text-primary">Services</span></h1>
    </div>
</section>

<section>
    <div class="container-fluid">
        <div class="premium-grid">
            <div class="grid-wrapper">

                {% for m in main_categories %}
                <a href="{% url 'services-category' m.id %}" class="card">
                    <i class="{{ m.icon }}"></i>
                    <h4>{{ m.name }}</h4>
                </a>
                {% endfor %}

            </div>
        </div>
    </div>
</section>

{% endblock %}