{% load i18n %}

<div class="top_block_static">
    <h2 id=title_static>{% translate "Путешествуй по миру и перевози посылки" %}</h2>
    <span id="sub_title_static">{% translate "Общайся, перевози посылки и получай бонусы" %}</span>
</div>

<div class="cut-width">
    {% include "blocks/b_find_route_form.html" %}
</div>

    <div class="mid_block_static">
        <h2 id="title_static">{% translate "Как это работает?" %}</h2>
        <div class="benefit_img">

            <div class="benefit_img_item">
                 <img src="/static/img/svg/Find_carrier.svg" alt="">
                 <h3>{% translate "Разместите объявление" %}</h3>
                <span>{% translate "Укажите откуда, куда хотите перевезти посылку, а также Вашу дату отправки и прибытия. При желании Вы можете указать дополнительные параметры: тип, вес, вид перевозки и т.д" %}</span>
            </div>


            <div class="benefit_img_item">
                <img src="/static/img/svg/Contact_carrier.svg" alt="">
                <h3>{% translate "Свяжитесь с перевозчиком" %}</h3>
                <span>{% translate "В отобразившемся списке выберите подходящего отправителя и посылку, откройте контакты и свяжитесь удобным способом.  Если не нашли подходящего отправителя с посылкой, разместите объявление о возможности перевезти посылку и отправители Вас сами найдут" %}</span>
            </div>

            <div class="benefit_img_item">
                <img src="/static/img/svg/Pass_package.svg" alt="">
                <h3>{% translate "Передайте посылку" %}</h3>
                <span>{% translate "Обсудите с отправителем все условия: время, место и прочие детали. Готово! Доставьте посылку из пункта А в пункт Б и получите благодарность отправителя!" %}</span>
            </div>
        </div>
    </div>

    <div class="button_container">
             <button id="send_parcel_button">
                 {% translate "Перевезти посылку" %}
             </button>
    </div>