feat: добавить хлебные крошки и стили для страницы "Услуги"
All checks were successful
Build and Push Docker Image / build (push) Successful in 27s

- Создан фрагмент `_fragments/breadcrumbs.html` для отображения цепочки навигации
- Обновлён шаблон `services.html` с интеграцией хлебных крошек и новым содержанием
- Добавлен файл `services.css` для стилизации раздела "Услуги"
- Расширены стили breadcrumbs в `style.css`
- Уточнены размеры и отступы в стилях главной страницы (index.css)
- Добавлено фоновое изображение `services-bg.png` для секции "Услуги"
This commit is contained in:
2026-04-04 22:06:58 +02:00
parent c5d4d4568b
commit 6577eab464
6 changed files with 194 additions and 16 deletions

View File

@@ -0,0 +1,17 @@
<div class="container breadcrumbs-container">
<div class="breadcrumbs-line">
<a href="{{ url_1 }}">{{ text_1 }}</a>
{% if text_2 != None %}
<span>&nbsp;&gt;&nbsp;</span>
<a href="{{ url_2 }}">{{ text_2 }}</a>
{% if text_3 != None %}
<span>&nbsp;&gt;&nbsp;</span>
<a href="{{ url_3 }}">{{ text_3 }}</a>
{% if text_4 != None %}
<span>&nbsp;&gt;&nbsp;</span>
<a href="{{ url_4 }}">{{ text_4 }}</a>
{% endif %}
{% endif %}
{% endif %}
</div>
</div>

View File

@@ -4,12 +4,54 @@
{% block title %}Услуги{% endblock %}
{% block add_css %}
<link rel="stylesheet" href="{% static "css/services.css" %}">
{% endblock %}
{% block content %}
{% include "_fragments/header.html" %}
{% include "_fragments/header.html" with active="services" breadcrumb=1 %}
WIP
<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 %}