{% extends "website/base.html" %}
{% load static wagtailimages_tags wagtailcore_tags %}
{% block content %}
<div class="breadcumb-wrapper" data-bg-src="{% static 'img/breadcumb/breadcumb-bg.jpg' %}"><div class="container"><div class="breadcumb-content"><h1 class="breadcumb-title">Services</h1><div class="breadcumb-menu-wrapper"><ul class="breadcumb-menu"><li><a href="/">Home</a></li><li>Services</li></ul></div></div></div></div><section class="service-sec space" id="service-sec"><div class="container"><div class="row ser-gy-4">{% for svc in all_services %}
<div class="col-md-6 col-lg-6 col-xl-4"><div class="service-box">
<div class="service-box_img">{% if svc.image %}{% image svc.image fill-380x260 as si %}<img src="{{ si.url }}" alt="{{ svc.title }}">{% else %}<img src="{% static 'img/service/service_3_1.jpg' %}" alt="{{ svc.title }}">{% endif %}</div>
<div class="service-box_content" data-bg-src="{% static 'img/service/pattern_1_1.svg' %}">
<div class="service-box_icon"><img src="{% static svc.icon_path %}" alt="{{ svc.title }}"></div>
<h3 class="service-box_title"><a href="/services/{{ svc.slug }}/">{{ svc.title }}</a></h3>
<p class="service-box_text">{{ svc.short_desc|truncatechars:100 }}</p>
<a href="/services/{{ svc.slug }}/" class="line-btn">Read more<i class="fa-solid fa-arrow-right"></i></a>
</div></div></div>
{% endfor %}
</div></div></section>
{% endblock %}