{% load i18n %}
    <div class="top_block_static">
        <h2 id=title_static>{{ page.title }}</h2>
        <span id="sub_title_static">{{ page.description }}</span>
        <div class="button_container">
            <button id="more_button">{% translate "Узнать подробнее" %}</button>
        </div>
        <img src="/static/img/png/Box1.png" alt="">
        <img src="/static/img/png/Box2.png" alt="">
        <img src="/static/img/png/Box3.png" alt="">
        <img src="/static/img/png/Box4.png" alt="">
    </div>

    <div class="mid_block_static">
        <h2 id="title_static">{% translate "Почему это выгодно?" %}</h2>
        <div class="benefit_img">
            <figure>
                <img src="/static/img/svg/pc_img.svg" alt="">
                <figcaption>{% translate "Полное брендирвоание страницы или раздела" %}</figcaption>
            </figure>
            <figure>
                <img src="/static/img/svg/ad_img.svg" alt="">
                <figcaption>{% translate "Реклама для целевой аудитории" %}</figcaption>
            </figure>
            <figure>
                <img src="/static/img/svg/offer_img.svg" alt="">
                <figcaption>{% translate "Индивидуальное согласование цены при объеме" %}</figcaption>
            </figure>
            <figure>
                <img src="/static/img/svg/uniq_user_img.svg" alt="">
                <figcaption>{% translate "Более чем 10 000 уникальных посещений в день" %}</figcaption>
            </figure>
            <figure>
                <img src="/static/img/svg/effective_img.svg" alt="">
                <figcaption>{% translate "Высокая эффективность" %}</figcaption>
            </figure>
        </div>
    </div>

    <div class="bottom_block_static">
        <h2 id=title_static>{% translate "Стоимость" %}</h2>
        <span id="sub_title_static">{% translate "Оставьте заявку и получите персональное коммерческое предложение" %}</span>

        <form>
          <div class="inputs_l">
            <input name="username" type="text" placeholder="Имя" {% if form.data.username %} value="{{ form.data.username }}"{% endif %}>
            {% if form.username and form.errors.username %}
            <span>{{ form.errors.username }}</span>
                 {% endif %}
          </div>

          <div class="inputs_l">
            <input name="tel" type="number" placeholder="Телефон"{% if form.data.tel %} value="{{ form.data.tel }}"{% endif %}>
            {% if form.tel and form.errors.tel %}
            <span>{{ form.errors.tel }}</span>
                 {% endif %}
          </div>

          <div class="button_register">
              <button onclick="RequestCommercialOffer(this)">{% translate "Оставить заявку" %}</button>
          </div>
        </form>

    </div>