Files
santeh-ray/templates/home/shipping.html
Azimkin 5c05a91bd2
All checks were successful
Build and Push Docker Image / build (push) Successful in 27s
refactor: update "shipping" and "services" styles with adjusted padding
- Added `.shipping-content` class with `padding-bottom` styling in `shipping.css`
- Updated `.large` section in `services.css` with adjusted spacing for consistency
2026-04-07 22:41:23 +02:00

168 lines
16 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{% extends "_layouts/base.html" %}
{% load static %}
{% block title %}Доставка{% endblock %}
{% block add_css %}
<link rel="stylesheet" href="{% static 'css/shipping.css' %}">
{% endblock %}
{% block content %}
{% include "_fragments/header.html" with active="shipping" breadcrumb=1 %}
<main class="container shipping-content">
{% include '_fragments/breadcrumbs.html' with url_1='/' text_1='Главная' url_2='/shipping/' text_2='Доставка' %}
<div class="flex-split">
<div class="flex-section">
<div class="top-card">
<div>
<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>
</div>
<h3>Доставка по Минску и в другие регионы:</h3>
<div class="bottom-list">
<div class="part">
<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>
<p class="regular-text">
Доставка по городу и области осуществляется в рабочие дни, cогласно условием, установленными
транспортной компанией. О точном времени вам сообщит представитель транспортной компании.
Вы можете назначить дату или выбрать время доставки, для этого нужно не позднее 24 часов до
ранее согласованной даты.
</p>
</div>
<div class="part">
<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>
<p class="regular-text">
Мы осуществляем транспортировку сантехники на грузовом транспорте соблюдением всех мер
сохранности груза. В момент получения товара Вы имеете полное право не спеша проверить
комплектацию и наличие всех документов.
</p>
</div>
<div class="part">
<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>
<p class="regular-text">
В набор сервисных услуг входит подъём на этаж. Она предоставляется по желанию покупателя.
Услуга платная, её стоимость зависит от габаритов и веса заказа, а также этажа и наличие в
доме лифта. Точную стоимость Вы можете согласовать по телефону.
</p>
</div>
<div class="part">
<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>
<p class="regular-text">
Стоимость доставки. На цену доставки влияет несколько факторов( вес и размер заказа,
местоположение адреса, отдаленность от города). Поэтому она рассчитывается индивидуально.
</p>
</div>
</div>
</div>
<div class="flex-section">
<div class="top-card">
<div>
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M49.2801 32C47.0428 30.1246 44.1985 29.1291 41.2801 29.2H22.5201C21.6647 29.2216 20.8138 29.0704 20.0183 28.7554C19.2227 28.4404 18.4989 27.9682 17.8902 27.3669C17.2814 26.7656 16.8003 26.0477 16.4755 25.2561C16.1507 24.4645 15.989 23.6155 16.0001 22.76C15.9792 22.427 15.9792 22.093 16.0001 21.76C16.2523 20.2312 17.0539 18.8471 18.2544 17.8675C19.4549 16.888 20.9718 16.3803 22.5201 16.44H41.0001C42.5075 16.4387 43.9664 16.9728 45.1166 17.9472C46.2668 18.9216 47.0336 20.2728 47.2801 21.76H53.2801C53.0289 18.6757 51.6262 15.7989 49.351 13.7016C47.0757 11.6042 44.0945 10.4398 41.0001 10.44H34.6801V1.23999H29.6801V10.44H22.5201C19.4256 10.4398 16.4444 11.6042 14.1691 13.7016C11.8939 15.7989 10.4912 18.6757 10.2401 21.76C10.2201 22.093 10.2201 22.427 10.2401 22.76C10.2401 24.3726 10.5577 25.9695 11.1748 27.4593C11.792 28.9492 12.6965 30.303 13.8368 31.4433C16.1397 33.7462 19.2632 35.04 22.5201 35.04H41.4801C42.3286 35.0186 43.1729 35.1674 43.9631 35.4774C44.7533 35.7875 45.4734 36.2525 46.0811 36.8453C46.6887 37.438 47.1715 38.1463 47.5011 38.9286C47.8307 39.7108 48.0003 40.5511 48.0001 41.4C48.0416 41.8524 48.0416 42.3076 48.0001 42.76C47.6825 44.1674 46.8958 45.425 45.7691 46.3263C44.6425 47.2276 43.2429 47.7191 41.8001 47.72H23.0001C21.5573 47.7191 20.1576 47.2276 19.031 46.3263C17.9044 45.425 17.1177 44.1674 16.8001 42.76H10.7601C11.1038 45.7654 12.5413 48.5393 14.7985 50.5531C17.0558 52.567 19.9751 53.6799 23.0001 53.68H29.6801V62.76H34.6801V53.68H41.4801C44.5051 53.6799 47.4243 52.567 49.6816 50.5531C51.9389 48.5393 53.3763 45.7654 53.7201 42.76V41.4C53.7152 39.6033 53.315 37.8298 52.5476 36.2052C51.7803 34.5806 50.6647 33.1449 49.2801 32Z"
fill="#63768D"></path>
</svg>
</div>
<h2>ОПЛАТА</h2>
</div>
<p class="regular-text">
Чтобы клиентам было удобно оплачивать покупки, сделанные в нашем магазине, мы
предусмотрели сразу несколько способов оплаты:
</p>
<div class="bottom-list">
<div class="part-big">
<div class="icon-big">
<svg width="35" height="35" viewBox="0 0 35 35" fill="none"
xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_170_139)">
<path d="M33.9062 7.65625H1.09375C0.803669 7.65625 0.52547 7.77148 0.320352 7.9766C0.115234 8.18172 0 8.45992 0 8.75L0 26.25C0 26.5401 0.115234 26.8183 0.320352 27.0234C0.52547 27.2285 0.803669 27.3438 1.09375 27.3438H33.9062C34.1963 27.3438 34.4745 27.2285 34.6796 27.0234C34.8848 26.8183 35 26.5401 35 26.25V8.75C35 8.45992 34.8848 8.18172 34.6796 7.9766C34.4745 7.77148 34.1963 7.65625 33.9062 7.65625ZM27.4422 25.1562H7.55781C7.32986 23.8148 6.69058 22.5774 5.72845 21.6153C4.76632 20.6532 3.52892 20.0139 2.1875 19.7859V15.2141C3.52892 14.9861 4.76632 14.3468 5.72845 13.3847C6.69058 12.4226 7.32986 11.1852 7.55781 9.84375H27.4422C27.6701 11.1852 28.3094 12.4226 29.2715 13.3847C30.2337 14.3468 31.4711 14.9861 32.8125 15.2141V19.7859C31.4711 20.0139 30.2337 20.6532 29.2715 21.6153C28.3094 22.5774 27.6701 23.8148 27.4422 25.1562ZM32.8125 12.9719C32.0602 12.7755 31.3737 12.3821 30.8239 11.8323C30.2741 11.2825 29.8808 10.5961 29.6844 9.84375H32.8125V12.9719ZM5.31563 9.84375C5.11923 10.5961 4.72588 11.2825 4.17607 11.8323C3.62625 12.3821 2.93984 12.7755 2.1875 12.9719V9.84375H5.31563ZM2.1875 22.0281C2.93984 22.2245 3.62625 22.6179 4.17607 23.1677C4.72588 23.7175 5.11923 24.4039 5.31563 25.1562H2.1875V22.0281ZM29.6844 25.1562C29.8808 24.4039 30.2741 23.7175 30.8239 23.1677C31.3737 22.6179 32.0602 22.2245 32.8125 22.0281V25.1562H29.6844Z"
fill="white"></path>
<path d="M8.21397 0.776545C8.08942 0.70454 7.95189 0.657815 7.80925 0.639047C7.66661 0.620278 7.52167 0.629835 7.38272 0.66717C7.1025 0.739965 6.86258 0.920893 6.71554 1.1703L4.52804 4.92186C4.383 5.17423 4.34415 5.47388 4.42004 5.75489C4.49594 6.0359 4.68036 6.27526 4.93273 6.4203C5.1851 6.56534 5.48475 6.60418 5.76576 6.52829C6.04677 6.45239 6.28612 6.26798 6.43116 6.01561L8.07179 3.21561L13.6171 6.4203C13.8695 6.56534 14.1691 6.60418 14.4501 6.52829C14.7311 6.45239 14.9705 6.26798 15.1155 6.01561C15.2606 5.76324 15.2994 5.46359 15.2235 5.18258C15.1476 4.90156 14.9632 4.66221 14.7108 4.51717L8.21397 0.776545Z"
fill="white"></path>
<path d="M26.7859 34.2234C26.9515 34.3217 27.1402 34.3746 27.3328 34.3766C27.4269 34.3925 27.523 34.3925 27.6171 34.3766C27.8974 34.3038 28.1373 34.1228 28.2843 33.8734L30.4718 30.1219C30.6169 29.8695 30.6557 29.5699 30.5798 29.2888C30.5039 29.0078 30.3195 28.7685 30.0671 28.6234C29.8148 28.4784 29.5151 28.4395 29.2341 28.5154C28.9531 28.5913 28.7138 28.7758 28.5687 29.0281L26.95 31.8281L21.4046 28.6234C21.1523 28.4784 20.8526 28.4395 20.5716 28.5154C20.2906 28.5913 20.0513 28.7758 19.9062 29.0281C19.7612 29.2805 19.7223 29.5801 19.7982 29.8612C19.8741 30.1422 20.0585 30.3815 20.3109 30.5266L26.7859 34.2234Z"
fill="white"></path>
<path d="M17.5 10.9375C16.2021 10.9375 14.9333 11.3224 13.8541 12.0435C12.7749 12.7646 11.9337 13.7895 11.437 14.9886C10.9403 16.1878 10.8104 17.5073 11.0636 18.7803C11.3168 20.0533 11.9418 21.2226 12.8596 22.1404C13.7774 23.0582 14.9467 23.6832 16.2197 23.9364C17.4927 24.1896 18.8122 24.0597 20.0114 23.563C21.2105 23.0663 22.2354 22.2251 22.9565 21.1459C23.6776 20.0667 24.0625 18.7979 24.0625 17.5C24.0625 15.7595 23.3711 14.0903 22.1404 12.8596C20.9097 11.6289 19.2405 10.9375 17.5 10.9375ZM17.5 21.875C16.6347 21.875 15.7888 21.6184 15.0694 21.1377C14.3499 20.6569 13.7892 19.9737 13.458 19.1742C13.1269 18.3748 13.0403 17.4951 13.2091 16.6465C13.3779 15.7978 13.7946 15.0183 14.4064 14.4064C15.0183 13.7946 15.7978 13.3779 16.6465 13.2091C17.4951 13.0403 18.3748 13.1269 19.1742 13.458C19.9737 13.7892 20.6569 14.3499 21.1377 15.0694C21.6184 15.7888 21.875 16.6347 21.875 17.5C21.875 18.6603 21.4141 19.7731 20.5936 20.5936C19.7731 21.4141 18.6603 21.875 17.5 21.875Z"
fill="white"></path>
</g>
<defs>
<clipPath id="clip0_170_139">
<rect width="35" height="35" fill="white"></rect>
</clipPath>
</defs>
</svg>
</div>
<div class="content-container">
<h3>Наличными</h3>
<p class="regular-text">
Деньги примет наш курьер в момент передачи товара либо кладовщик, если Вы выбрали
самовывоз.
</p>
</div>
</div>
<div class="part-big">
<div class="icon-big">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-credit-card-2-front" viewBox="0 0 16 16">
<path d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z"></path>
<path d="M2 5.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5zm0 3a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5m3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5"></path>
</svg>
</div>
<div class="content-container">
<h3>Банковская карта</h3>
<p class="regular-text">
Для внесения денег потребуется номер вашего заказа и данные банковской карты. К оплате
принимается пластиковые карты: Visa, MasterCard, МИР.
</p>
</div>
</div>
<div class="part-big">
<div class="icon-big">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-card-text" viewBox="0 0 16 16">
<path d="M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2z"></path>
<path d="M3 5.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5M3 8a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 3 8m0 2.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5"></path>
</svg>
</div>
<div class="content-container">
<h3>Оплата по реквизитам</h3>
<p class="regular-text">
Наш менеджер по запросу передаст реквизиты для оплаты. Но помните, что в таком случае
зачисление средств на указанные реквизиты происходит не мгновенно, а через 15 рабочих
дней.
</p>
</div>
</div>
</div>
</div>
</div>
</main>
{% include "_fragments/footer.html" %}
{% endblock %}