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

{% block title %}Услуги{% endblock %}

{% block add_css %}
    <link rel="stylesheet" href="{% static "css/services.css" %}">
{% endblock %}

{% block content %}
    {% include "_fragments/header.html" with active="services" breadcrumb=1 %}

    <div class="container">
        {% include '_fragments/breadcrumbs.html' with url_1='/' text_1='Главная' url_2='/services/' text_2='Услуги' %}
        <div class="box-container">
            <div class="top-box">
                <div class="icon">
                    <svg style="width: 60%; height: 60%" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                         class="bi bi-box2" viewBox="0 0 16 16">
                        <path d="M2.95.4a1 1 0 0 1 .8-.4h8.5a1 1 0 0 1 .8.4l2.85 3.8a.5.5 0 0 1 .1.3V15a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4.5a.5.5 0 0 1 .1-.3zM7.5 1H3.75L1.5 4h6zm1 0v3h6l-2.25-3zM15 5H1v10h14z"></path>
                    </svg>
                </div>
                <h2>ДОСТАВКА</h2>
                <p>Стоимость доставки. На цену доставки влияет несколько факторов
                    (вес и размер заказа, местоположение адреса, отдаленность от города), поэтому она рассчитывается
                    индивидуально.</p>
            </div>
            <div class="top-box">
                <div class="icon">
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                         class="bi bi-check-lg" viewBox="0 0 16 16">
                        <path d="M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425z"></path>
                    </svg>
                </div>
                <h2>СБОРКА</h2>
                <p>Стоимость сборки. На цену сборки влияет несколько факторов и она рассчитывается индивидуально, В
                    некоторых случаях сборка бесплатная.</p>
            </div>
        </div>

        <div class="large">
            <div class="large-block">
                <div class="icon blue">
                    <svg style="padding-left: 1px; width: 60%; height: 60%" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
                         class="bi bi-image" viewBox="0 0 16 16">
                        <path d="M6.002 5.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"></path>
                        <path d="M2.002 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm12 1a1 1 0 0 1 1 1v6.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12V3a1 1 0 0 1 1-1z"></path>
                    </svg>
                </div>
                <h2>ДИЗАЙН-ПРОЕКТ</h2>
                <p>Предоставляем услугу — составление дизайн-проекта.</p>
            </div>
        </div>
    </div>

    {% include "_fragments/footer.html" %}
{% endblock %}