<?// заголовки
\CModule::IncludeModule("iblock");

$IblockId=71;// инфоблок
$arFilter = Array(
"IBLOCK_ID"=>$IblockId,
"ACTIVE"=>"Y",
"ID"=>507

);
$arSelect = Array("ID", "IBLOCK_ID", "NAME","PREVIEW_TEXT","PROPERTY_TITLE","PROPERTY_TAG","PROPERTY_BOOK");//IBLOCK_ID и ID
// обязательно должны быть
// указаны,

$res = CIBlockElement::GetList(Array(), $arFilter, false,array('nTopCount'=>1), $arSelect);
while($ob = $res->GetNextElement()) {
$arItem = $ob->GetFields();

    $title = $arItem['~PROPERTY_TITLE_VALUE']['TEXT'];
 $text = $arItem['PREVIEW_TEXT'];
    $tag = $arItem['PROPERTY_TAG_VALUE'];
    $book=$arItem['PROPERTY_BOOK_VALUE'];


}
?>


<section class="page-section page-section--p-b page-section--pt-170-120-85" id="demo">

    <div class="write-to-us-form write-to-us-form--box-shadow-xl-d">
        <div class="container write-to-us-form__container">

            <div class="write-to-us-form__inner">
                <div class="write-to-us-form__aside">
                    <div class="write-to-us-form__bg">
                        <div class="write-to-us-form__bg-gradient">
                            <picture>
                                <source media="(min-width: 1921px)"
                                        srcset="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form-xl
                                .webp, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form-xl@2x.webp 2x, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form-xl@3x.webp 3x"
                                        type="image/webp">
                                <source media="(min-width: 768px)"
                                        srcset="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form-d.webp, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form-d@2x.webp 2x, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form-d@3x.webp 3x"
                                        type="image/webp">
                                <source media="(max-width: 767px)"
                                        srcset="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form.webp, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form@2x.webp 2x, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form@3x.webp 3x"
                                        type="image/webp">
                                <img src="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form.png"
                                     srcset="<?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form@2x.png 2x, <?= SITE_TEMPLATE_PATH ?>/images/bg/bg-write-to-us-form@3x.png 3x"
                                     alt="Изображение." width="1100" height="606" loading="lazy">
                            </picture>

                        </div>
                        <div class="write-to-us-form__bg-pixels" data-pixels="write-to-us-form" data-pixels-qty="35">

                        </div>
                    </div>
                    <div class="section-title write-to-us-form__title">
                        <div class="section-title__wrap">
                            <p class="section-title__badge"><?=$tag?></p>
                            <h2 data-animate="title"
                                class="title title--h2 section-title__title words lines splitting
                                is-show"><?=$title?></h2>
                        </div>

                    </div>
                    <p class="write-to-us-form__description"><?=$text?></p>
                </div>
                <div class="write-to-us-form__form" data-form-validate="" data-callback="request"
                     data-button-disabled="">
                    <form action="#" id="event-form" novalidate="">
                        <input type="hidden" name="listid" value="<?=$book?>">
                        <div class="write-to-us-form__fields">
                            <div class="custom-input write-to-us-form__field write-to-us-form__field--wide"
                                 data-validate-type="text" data-required="" data-message-base="Введите имя"
                                 data-message-extra="Введите корректное имя" data-message-succes="" data-input-focus="">
                                <label>
                                    <input type="text" name="name" minlength="2" maxlength="20">
                                    <span class="custom-input__label">Ваше имя</span>
                                </label>


                            </div>
                            <div class="custom-input" data-validate-type="email" data-required=""
                                 data-message-base="Введите e-mail" data-message-extra="Не корректный e-mail"
                                 data-message-succes="" data-input-focus="">
                                <label>
                                    <input type="email" name="email" maxlength="256">
                                    <span class="custom-input__label">Электронная почта</span>
                                </label>


                            </div>
                            <div class="custom-input" data-validate-type="phone" data-required=""
                                 data-message-base="Введите номер телефона" data-message-extra="Не корректный номер"
                                 data-message-succes="" data-input-focus="" data-phone-length="18">
                                <label>
                                    <input type="tel" name="phone" maxlength="256">
                                    <span class="custom-input__label">Номер телефона</span>
                                </label>


                            </div>
                            <div class="custom-input write-to-us-form__field write-to-us-form__field--wide"
                                 data-input-focus="">
                                <label>
                                    <input type="text" name="comment">
                                    <span class="custom-input__label">Комментарий</span>
                                </label>


                            </div>
                        </div>
                        <div class="custom-toggle write-to-us-form__toggle"
                             data-message-base="Согласитесь с политикой конфиденциальности"
                             data-validate-type="checkbox">
                            <label>
                                <input type="checkbox" required="">

                                <span class="custom-toggle__icon">
          <svg width="1em" height="1em" viewBox="0 0 12 12" data-icon="icon-check">

  <symbol id="ai:local:icon-check"><path fill="none" stroke="currentColor" stroke-linecap="round"
                                         stroke-linejoin="round" stroke-width="1.5"
                                         d="M2.5 6 5 8.5l5-5"></path></symbol><use
                      xlink:href="#ai:local:icon-check"></use>

</svg>
        </span>

                                <span class="custom-toggle__label">

            <span class="custom-toggle__label-text">Я согласен с <a href="/privacy/">Политикой конфиденциальности</a></span>
            <span class="custom-toggle__label-icon">
              <svg width="1em" height="1em" viewBox="0 0 20 20" data-icon="icon-arrow-up-right">

  <use xlink:href="#ai:local:icon-arrow-up-right"></use>

</svg>
            </span>

        </span>
                            </label>
                        </div>
                        <button type="submit"
                                class="button button--solid-green button--size-m write-to-us-form__send-btn is-disabled">
                            <span class="button__text">отправить запрос</span><span class="button__icon">
        <svg width="1em" height="1em" viewBox="0 0 20 20" data-icon="icon-arrow-up-right">

  <use xlink:href="#ai:local:icon-arrow-up-right"></use>

</svg>
      </span></button>
                    </form>
                </div>
            </div>

        </div>
    </div>

</section>