Commit 994265095c99fb9b9e587f6d91e46aa2b4ec2c8f
1 parent
0a18140fee
Exists in
master
Интеграция верстки на Битрикс
Showing 6 changed files with 124 additions and 115 deletions Inline Diff
contacts/index.php
| 1 | <? | 1 | <? |
| 2 | require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); | 2 | require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/header.php"); |
| 3 | $APPLICATION->SetTitle("Контактная информация"); | 3 | $APPLICATION->SetTitle("Контактная информация"); |
| 4 | ?> | 4 | ?> |
| 5 | <section class="section cover-contact"> | ||
| 6 | <div class="container cover-contact__container"><h1 class="h1 cover-contact__title fade-in">Контакты</h1> | ||
| 7 | <div class="red-line cover-contact__lines fade-in"></div> | ||
| 8 | </div> | ||
| 9 | </section> | ||
| 10 | <section class="section cta-contacts" id="contact-form"> | ||
| 11 | <div class="container cta-contacts__container"> | ||
| 12 | <div class="cta-contacts__column cta-contacts__column-info"><h2 class="h2 cta-contacts__title fade-in">Свяжитесь | ||
| 13 | с нами</h2> | ||
| 14 | <ul class="cta-contacts__contacts fade-in"> | ||
| 15 | <li class="cta-contacts__contact"><p class="h3 cta-contacts__contact-title">Телефон</p> | ||
| 16 | <span class="h3 cta-contacts__contact-link"><?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/phone.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text"], false); ?></span> | ||
| 17 | </li> | ||
| 18 | <li class="cta-contacts__contact"><p class="h3 cta-contacts__contact-title">Почта</p> | ||
| 19 | <span class="h3 cta-contacts__contact-link"><?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/email.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text"], false); ?></span> | ||
| 20 | </li> | ||
| 21 | </ul> | ||
| 22 | </div> | ||
| 23 | <div class="cta-contacts__column cta-contacts__column-form"><p | ||
| 24 | class="lead-text cta-contacts__form-title fade-in">Форма обратной связи</p> | ||
| 25 | <form class="form js_form fade-in" name="form-contact"> | ||
| 26 | <fieldset class="form__fields"><label class="form__label"><input | ||
| 27 | class="js_form_item form__item js_input_name form__fields_input" type="text" name="first_name" | ||
| 28 | placeholder="Имя*" required="required"/></label><label class="form__label"><input | ||
| 29 | class="js_form_item form__item js_input_phone form__fields_input" type="text" name="phone" | ||
| 30 | placeholder="Телефон*" required="required"/></label><label class="form__label"><input | ||
| 31 | class="js_form_item form__item js_input_email form__fields_input" type="text" name="email" | ||
| 32 | placeholder="Почта*" required="required"/></label><label class="form__label"><input | ||
| 33 | class="js_form_item form__item js_input_company form__fields_input" type="text" name="company" | ||
| 34 | placeholder="Компания*" required="required"/></label><label class="form__label"> <textarea | ||
| 35 | name="comment" placeholder="Ваши комментарии" rows="3" | ||
| 36 | class="js_form_item form__item form__fields_input form__fields_comment"></textarea></label><label | ||
| 37 | class="form__label form__confirm checkbox"><input name="send_form" value="Y" class="js_form_item js_input_confirm" | ||
| 38 | type="checkbox"/><span>Согласен с <a | ||
| 39 | href="/files/policy.pdf" target="_blank" | ||
| 40 | rel="nofollow">политикой обработки персональных данных</a></span></label></fieldset> | ||
| 41 | <button class="button button_style_red form__btn js_form_btn" onSubmit="handleSubmit()">оставить | ||
| 42 | заявку | ||
| 43 | </button> | ||
| 44 | </form> | ||
| 45 | </div> | ||
| 46 | </div> | ||
| 47 | </section> | ||
| 48 | <section class="section maps-contacts" id="map"> | ||
| 49 | <div class="container maps-contacts__container"><h2 class="h2 maps-contacts__title fade-in">Где нас найти</h2> | ||
| 50 | <div class="maps-tabs"> | ||
| 51 | <ul class="maps-tabs__list fade-in"> | ||
| 52 | <li class="maps-tabs__item"> | ||
| 53 | <button class="lead-title tab-name maps-tabs__link" type="button">Офисы</button> | ||
| 54 | </li> | ||
| 55 | <li class="maps-tabs__item"> | ||
| 56 | <button class="lead-title tab-name maps-tabs__link" type="button">Склады</button> | ||
| 57 | </li> | ||
| 58 | </ul> | ||
| 59 | <section class="maps-tabs__section"> | ||
| 60 | <div class="maps-tabs__map fade-in"> | ||
| 61 | <div class="maps-tabs__map-frame" id="mapOffice"></div> | ||
| 62 | </div> | ||
| 63 | <ul class="maps-tabs__info fade-in"> | ||
| 64 | <li class="maps-tabs__address"> | ||
| 65 | <div class="maps-tabs__address-line"></div> | ||
| 66 | <p class="lead-text maps-tabs__address-city">Москва</p> | ||
| 67 | <p class="fact maps-tabs__address-text">адрес</p> | ||
| 68 | <p class="text maps-tabs__address-location">117246, г. Москва, Научный проезд, 14А, стр. 1, | ||
| 69 | БЦ SMART-PARK</p></li> | ||
| 70 | <li class="maps-tabs__address"> | ||
| 71 | <div class="maps-tabs__address-line"></div> | ||
| 72 | <p class="lead-text maps-tabs__address-city">Санкт-Петербург</p> | ||
| 73 | <p class="fact maps-tabs__address-text">адрес</p> | ||
| 74 | <p class="text maps-tabs__address-location">191040, г. Санкт-Петербург, Лиговский проспект, 50 к. 12, | ||
| 75 | офис 23</p></li> | ||
| 76 | </ul> | ||
| 77 | </section> | ||
| 78 | <section class="maps-tabs__section"> | ||
| 79 | <div class="maps-tabs__map fade-in"> | ||
| 80 | <div class="maps-tabs__map-frame" id="mapWarehouses"></div> | ||
| 81 | </div> | ||
| 82 | <ul class="maps-tabs__info fade-in"> | ||
| 83 | <li class="maps-tabs__address"> | ||
| 84 | <div class="maps-tabs__address-line"></div> | ||
| 85 | <p class="lead-text maps-tabs__address-city">Склад ООО «ИЛС»</p> | ||
| 86 | <p class="fact maps-tabs__address-text">адрес</p> | ||
| 87 | <p class="text maps-tabs__address-location">МО, Подольский район, Краснопахорское с/п, л-во | ||
| 88 | Малинское, квартал 56</p><a class="button button_style_arrow maps-tabs__btn" | ||
| 89 | href="../files/ILS.pdf" target="_blank">Инструкция как | ||
| 90 | добраться </a></li> | ||
| 91 | <li class="maps-tabs__address"> | ||
| 92 | <div class="maps-tabs__address-line"></div> | ||
| 93 | <p class="lead-text maps-tabs__address-city">Склад ООО «Деловая Лига»</p> | ||
| 94 | <p class="fact maps-tabs__address-text">адрес</p> | ||
| 95 | <p class="text maps-tabs__address-location">г. Москва, ул. Шоссейная 90с57<a | ||
| 96 | class="button button_style_arrow maps-tabs__btn" href="../files/delovaya-liga.pdf" | ||
| 97 | target="_blank">Инструкция как добраться </a></p></li> | ||
| 98 | </ul> | ||
| 99 | </section> | ||
| 100 | </div> | ||
| 101 | </div> | ||
| 102 | </section> | ||
| 103 | <section class="section link-requisites"><a class="link-requisites__btn" href="/requisites/" title="Реквизиты"> | ||
| 104 | <div class="container link-requisites__container"> | ||
| 105 | <div class="link-requisites__content"> | ||
| 106 | <div class="link-requisites__icon-box"><img class="link-requisites__icon" src="/images/icon.svg" | ||
| 107 | alt=""/><img class="link-requisites__icon_white" | ||
| 108 | src="/images/icon-white.svg" alt=""/></div> | ||
| 109 | <h2 class="h2 link-requisites__title">Реквизиты компании</h2></div> | ||
| 110 | <div class="link-requisites__arrow-box"><img class="link-requisites__arrow" src="/images/Arrow-black.svg" | ||
| 111 | alt=""/><img | ||
| 112 | class="link-requisites__arrow link-requisites__arrow_white" src="/images/Arrow-white.svg" alt=""/> | ||
| 113 | </div> | ||
| 114 | </div> | ||
| 115 | </a></section> | ||
| 116 | <?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?> |
include/form.php
| File was created | 1 | <form class="form js_form fade-in" name="form-contact"> | |
| 2 | <fieldset class="form__fields"><label class="form__label"><input | ||
| 3 | class="js_form_item form__item js_input_name form__fields_input" type="text" name="first_name" | ||
| 4 | placeholder="Имя*" required="required"/></label><label class="form__label"><input | ||
| 5 | class="js_form_item form__item js_input_phone form__fields_input" type="text" name="phone" | ||
| 6 | placeholder="Телефон*" required="required"/></label><label class="form__label"><input | ||
| 7 | class="js_form_item form__item js_input_email form__fields_input" type="text" name="email" | ||
| 8 | placeholder="Почта*" required="required"/></label><label class="form__label"><input | ||
| 9 | class="js_form_item form__item js_input_company form__fields_input" type="text" name="company" | ||
| 10 | placeholder="Компания*" required="required"/></label><label class="form__label"> <textarea | ||
| 11 | name="comment" placeholder="Ваши комментарии" rows="3" | ||
| 12 | class="js_form_item form__item form__fields_input form__fields_comment"></textarea></label><label | ||
| 13 | class="form__label form__confirm checkbox"><input name="send_form" value="Y" class="js_form_item js_input_confirm" | ||
| 14 | type="checkbox"/><span>Согласен с <a | ||
| 15 | href="/files/policy.pdf" target="_blank" | ||
| 16 | rel="nofollow">политикой обработки персональных данных</a></span></label></fieldset> | ||
| 17 | <button class="button button_style_red form__btn js_form_btn" onSubmit="handleSubmit()">оставить | ||
| 18 | заявку | ||
| 19 | </button> | ||
| 20 | </form> |
include/map.php
| File was created | 1 | <section class="section maps-contacts" id="map"> | |
| 2 | <div class="container maps-contacts__container"><h2 class="h2 maps-contacts__title fade-in">Где нас найти</h2> | ||
| 3 | <div class="maps-tabs"> | ||
| 4 | <ul class="maps-tabs__list fade-in"> | ||
| 5 | <li class="maps-tabs__item"> | ||
| 6 | <button class="lead-title tab-name maps-tabs__link" type="button">Офисы</button> | ||
| 7 | </li> | ||
| 8 | <li class="maps-tabs__item"> | ||
| 9 | <button class="lead-title tab-name maps-tabs__link" type="button">Склады</button> | ||
| 10 | </li> | ||
| 11 | </ul> | ||
| 12 | <section class="maps-tabs__section"> | ||
| 13 | <div class="maps-tabs__map fade-in"> | ||
| 14 | <div class="maps-tabs__map-frame" id="mapOffice"></div> | ||
| 15 | </div> | ||
| 16 | <ul class="maps-tabs__info fade-in"> | ||
| 17 | <li class="maps-tabs__address"> | ||
| 18 | <div class="maps-tabs__address-line"></div> | ||
| 19 | <p class="lead-text maps-tabs__address-city">Москва</p> | ||
| 20 | <p class="fact maps-tabs__address-text">адрес</p> | ||
| 21 | <p class="text maps-tabs__address-location">117246, г. Москва, Научный проезд, 14А, стр. 1, | ||
| 22 | БЦ SMART-PARK</p></li> | ||
| 23 | <li class="maps-tabs__address"> | ||
| 24 | <div class="maps-tabs__address-line"></div> | ||
| 25 | <p class="lead-text maps-tabs__address-city">Санкт-Петербург</p> | ||
| 26 | <p class="fact maps-tabs__address-text">адрес</p> | ||
| 27 | <p class="text maps-tabs__address-location">191040, г. Санкт-Петербург, Лиговский проспект, 50 к. 12, | ||
| 28 | офис 23</p></li> | ||
| 29 | </ul> | ||
| 30 | </section> | ||
| 31 | <section class="maps-tabs__section"> | ||
| 32 | <div class="maps-tabs__map fade-in"> | ||
| 33 | <div class="maps-tabs__map-frame" id="mapWarehouses"></div> | ||
| 34 | </div> | ||
| 35 | <ul class="maps-tabs__info fade-in"> | ||
| 36 | <li class="maps-tabs__address"> | ||
| 37 | <div class="maps-tabs__address-line"></div> | ||
| 38 | <p class="lead-text maps-tabs__address-city">Склад ООО «ИЛС»</p> | ||
| 39 | <p class="fact maps-tabs__address-text">адрес</p> | ||
| 40 | <p class="text maps-tabs__address-location">МО, Подольский район, Краснопахорское с/п, л-во | ||
| 41 | Малинское, квартал 56</p><a class="button button_style_arrow maps-tabs__btn" | ||
| 42 | href="../files/ILS.pdf" target="_blank">Инструкция как | ||
| 43 | добраться </a></li> | ||
| 44 | <li class="maps-tabs__address"> | ||
| 45 | <div class="maps-tabs__address-line"></div> | ||
| 46 | <p class="lead-text maps-tabs__address-city">Склад ООО «Деловая Лига»</p> | ||
| 47 | <p class="fact maps-tabs__address-text">адрес</p> | ||
| 48 | <p class="text maps-tabs__address-location">г. Москва, ул. Шоссейная 90с57<a | ||
| 49 | class="button button_style_arrow maps-tabs__btn" href="../files/delovaya-liga.pdf" | ||
| 50 | target="_blank">Инструкция как добраться </a></p></li> | ||
| 51 | </ul> | ||
| 52 | </section> | ||
| 53 | </div> | ||
| 54 | </div> | ||
| 55 | </section> |
include/requisites.php
| File was created | 1 | <section class="section link-requisites"><a class="link-requisites__btn" href="/requisites/" title="Реквизиты"> | |
| 2 | <div class="container link-requisites__container"> | ||
| 3 | <div class="link-requisites__content"> | ||
| 4 | <div class="link-requisites__icon-box"><img class="link-requisites__icon" src="/images/icon.svg" | ||
| 5 | alt=""/><img class="link-requisites__icon_white" | ||
| 6 | src="/images/icon-white.svg" alt=""/></div> | ||
| 7 | <h2 class="h2 link-requisites__title">Реквизиты компании</h2></div> | ||
| 8 | <div class="link-requisites__arrow-box"><img class="link-requisites__arrow" src="/images/Arrow-black.svg" | ||
| 9 | alt=""/><img | ||
| 10 | class="link-requisites__arrow link-requisites__arrow_white" src="/images/Arrow-white.svg" alt=""/> | ||
| 11 | </div> | ||
| 12 | </div> | ||
| 13 | </a></section> |
local/templates/main/footer.php
| 1 | <?php if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die(); | 1 | <?php if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die(); |
| 2 | /** @var array $arParams */ | 2 | /** @var array $arParams */ |
| 3 | /** @var array $arResult */ | 3 | /** @var array $arResult */ |
| 4 | /** @global CMain $APPLICATION */ | 4 | /** @global CMain $APPLICATION */ |
| 5 | /** @global CUser $USER */ | 5 | /** @global CUser $USER */ |
| 6 | /** @global CDatabase $DB */ | 6 | /** @global CDatabase $DB */ |
| 7 | $curPage = $APPLICATION->GetCurPage(false); | ||
| 7 | ?> | 8 | ?> |
| 9 | <?php if ($curPage == '/contacts/'): ?> | ||
| 10 | </div> | ||
| 11 | <div class="cta-contacts__column cta-contacts__column-form"><p | ||
| 12 | class="lead-text cta-contacts__form-title fade-in">Форма обратной связи</p> | ||
| 13 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/form.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text"], false, ['HIDE_ICONS' => 'Y']); ?> | ||
| 14 | </div> | ||
| 15 | </div> | ||
| 16 | </section> | ||
| 17 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/map.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text"], false, ['HIDE_ICONS' => 'Y']); ?> | ||
| 18 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/requisites.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text"], false, ['HIDE_ICONS' => 'Y']); ?> | ||
| 19 | <? endif; ?> | ||
| 8 | <section class="popup-form" id="popupform"> | 20 | <section class="popup-form" id="popupform"> |
| 9 | <div class="popup-form__container"> | 21 | <div class="popup-form__container"> |
| 10 | <button class="popup-form__close popup__btn-close" type="button"> | 22 | <button class="popup-form__close popup__btn-close" type="button"> |
| 11 | <svg width="16" height="16"> | 23 | <svg width="16" height="16"> |
| 12 | <use xlink:href="/images/sprite.svg#exit"></use> | 24 | <use xlink:href="/images/sprite.svg#exit"></use> |
| 13 | </svg> | 25 | </svg> |
| 14 | </button> | 26 | </button> |
| 15 | <div class="popup-form__content"><p class="lead-text popup-form__title">Оставите заявку на БЕСПЛАТНУЮ | 27 | <div class="popup-form__content"><p class="lead-text popup-form__title">Оставите заявку на БЕСПЛАТНУЮ |
| 16 | КОНСУЛЬТАЦИЮ</p> | 28 | КОНСУЛЬТАЦИЮ</p> |
| 17 | <form class="form js_form fade-in" name="form-popup"> | 29 | <form class="form js_form fade-in" name="form-popup"> |
| 18 | <fieldset class="form__fields"><label class="form__label"><input | 30 | <fieldset class="form__fields"><label class="form__label"><input |
| 19 | class="js_form_item form__item form__fields_input form__fields_input-hidden" | 31 | class="js_form_item form__item form__fields_input form__fields_input-hidden" |
| 20 | type="hidden" | 32 | type="hidden" |
| 21 | name="Тема"></label><label class="form__label"><input | 33 | name="Тема"></label><label class="form__label"><input |
| 22 | class="js_form_item form__item js_input_name form__fields_input" type="text" | 34 | class="js_form_item form__item js_input_name form__fields_input" type="text" |
| 23 | name="first_name" | 35 | name="first_name" |
| 24 | placeholder="Имя*" required></label><label class="form__label"><input | 36 | placeholder="Имя*" required></label><label class="form__label"><input |
| 25 | class="js_form_item form__item js_input_phone form__fields_input" type="text" | 37 | class="js_form_item form__item js_input_phone form__fields_input" type="text" |
| 26 | name="phone" | 38 | name="phone" |
| 27 | placeholder="Телефон*" required></label><label class="form__label"><input | 39 | placeholder="Телефон*" required></label><label class="form__label"><input |
| 28 | class="js_form_item form__item js_input_email form__fields_input" type="text" | 40 | class="js_form_item form__item js_input_email form__fields_input" type="text" |
| 29 | name="email" | 41 | name="email" |
| 30 | placeholder="Почта*" required></label><label class="form__label"><input | 42 | placeholder="Почта*" required></label><label class="form__label"><input |
| 31 | class="js_form_item form__item js_input_company form__fields_input" type="text" | 43 | class="js_form_item form__item js_input_company form__fields_input" type="text" |
| 32 | name="company" | 44 | name="company" |
| 33 | placeholder="Компания*" required></label><label class="form__label"><textarea | 45 | placeholder="Компания*" required></label><label class="form__label"><textarea |
| 34 | name="comment" | 46 | name="comment" |
| 35 | placeholder="Ваши комментарии" | 47 | placeholder="Ваши комментарии" |
| 36 | rows="3" | 48 | rows="3" |
| 37 | class="js_form_item form__item form__fields_input form__fields_comment"></textarea></label><label | 49 | class="js_form_item form__item form__fields_input form__fields_comment"></textarea></label><label |
| 38 | class="form__label form__confirm checkbox"><input | 50 | class="form__label form__confirm checkbox"><input |
| 39 | class="js_form_item form__item js_input_confirm" | 51 | class="js_form_item form__item js_input_confirm" |
| 40 | type="checkbox" name="send_form" value="Y"><span>Согласен с <a | 52 | type="checkbox" name="send_form" value="Y"><span>Согласен с <a |
| 41 | href="/files/policy.pdf" target="_blank" | 53 | href="/files/policy.pdf" target="_blank" |
| 42 | rel="nofollow">политикой обработки персональных данных</a></span></label></fieldset> | 54 | rel="nofollow">политикой обработки персональных данных</a></span></label></fieldset> |
| 43 | <button class="button button_style_red form__btn js_form_btn" onSubmit="handleSubmit()">оставить | 55 | <button class="button button_style_red form__btn js_form_btn" onSubmit="handleSubmit()">оставить |
| 44 | заявку | 56 | заявку |
| 45 | </button> | 57 | </button> |
| 46 | </form> | 58 | </form> |
| 47 | </div> | 59 | </div> |
| 48 | </div> | 60 | </div> |
| 49 | </section> | 61 | </section> |
| 50 | <section class="feedback js_feedback_success"> | 62 | <section class="feedback js_feedback_success"> |
| 51 | <div class="feedback__wrap"> | 63 | <div class="feedback__wrap"> |
| 52 | <button class="feedback__exit js_feedback_exit popup-form__close" type="button"> | 64 | <button class="feedback__exit js_feedback_exit popup-form__close" type="button"> |
| 53 | <svg width="16" height="16"> | 65 | <svg width="16" height="16"> |
| 54 | <use xlink:href="images/sprite.svg#exit"></use> | 66 | <use xlink:href="images/sprite.svg#exit"></use> |
| 55 | </svg> | 67 | </svg> |
| 56 | </button> | 68 | </button> |
| 57 | <div class="feedback__success"><h3 class="feedback__success-subtitle">Спасибо</h3> | 69 | <div class="feedback__success"><h3 class="feedback__success-subtitle">Спасибо</h3> |
| 58 | <h2 class="feedback__success-title">Благодарим за заявку</h2> | 70 | <h2 class="feedback__success-title">Благодарим за заявку</h2> |
| 59 | <p class="feedback__success-text">Наши менеджеры свяжутся с вами в рабочее время с 10 до 18 по Москве. | 71 | <p class="feedback__success-text">Наши менеджеры свяжутся с вами в рабочее время с 10 до 18 по Москве. |
| 60 | Будьте на связи.</p></div> | 72 | Будьте на связи.</p></div> |
| 61 | </div> | 73 | </div> |
| 62 | </section> | 74 | </section> |
| 63 | <div id="captcha-container"></div> | 75 | <div id="captcha-container"></div> |
| 64 | <footer class="section footer"> | 76 | <footer class="section footer"> |
| 65 | <div class="container footer__container fade-in"> | 77 | <div class="container footer__container fade-in"> |
| 66 | <div class="footer__box"> | 78 | <div class="footer__box"> |
| 67 | <div class="footer__content"> | 79 | <div class="footer__content"> |
| 68 | <div class="footer__content-cta"><a class="footer__logo" href="/"><img src="/images/logo.svg" | 80 | <div class="footer__content-cta"><a class="footer__logo" href="/"><img src="/images/logo.svg" |
| 69 | alt="Лого"> | 81 | alt="Лого"> |
| 70 | <img src="/images/logo-for-light-mode.svg" alt="Лого"></a> | 82 | <img src="/images/logo-for-light-mode.svg" alt="Лого"></a> |
| 71 | <p class="lead-text footer__title">Оставите заявку на БЕСПЛАТНУЮ КОНСУЛЬТАЦИЮ</p> | 83 | <p class="lead-text footer__title">Оставите заявку на БЕСПЛАТНУЮ КОНСУЛЬТАЦИЮ</p> |
| 72 | <button class="button button_style_red footer__button popup-form-open" type="button" | 84 | <button class="button button_style_red footer__button popup-form-open" type="button" |
| 73 | data-subject="Заявка с подвала">оставить заявку | 85 | data-subject="Заявка с подвала">оставить заявку |
| 74 | </button> | 86 | </button> |
| 75 | </div> | 87 | </div> |
| 76 | <div class="footer-menu"> | 88 | <div class="footer-menu"> |
| 77 | <?php $APPLICATION->IncludeComponent("bitrix:menu", "bottom", [ | 89 | <?php $APPLICATION->IncludeComponent("bitrix:menu", "bottom", [ |
| 78 | "ROOT_MENU_TYPE" => "bottom", | 90 | "ROOT_MENU_TYPE" => "bottom", |
| 79 | "MAX_LEVEL" => "1", | 91 | "MAX_LEVEL" => "1", |
| 80 | "CHILD_MENU_TYPE" => "bottom", | 92 | "CHILD_MENU_TYPE" => "bottom", |
| 81 | "DELAY" => "N", | 93 | "DELAY" => "N", |
| 82 | "ALLOW_MULTI_SELECT" => "N", | 94 | "ALLOW_MULTI_SELECT" => "N", |
| 83 | "MENU_CACHE_TYPE" => "N", | 95 | "MENU_CACHE_TYPE" => "N", |
| 84 | "MENU_CACHE_TIME" => "360000", | 96 | "MENU_CACHE_TIME" => "360000", |
| 85 | "MENU_CACHE_USE_GROUPS" => "Y", | 97 | "MENU_CACHE_USE_GROUPS" => "Y", |
| 86 | ] | 98 | ] |
| 87 | ); ?> | 99 | ); ?> |
| 88 | </div> | 100 | </div> |
| 89 | </div> | 101 | </div> |
| 90 | <div class="footer__contacts"> | 102 | <div class="footer__contacts"> |
| 91 | <span class="h3 footer-menu__contact-link"> | 103 | <span class="h3 footer-menu__contact-link"> |
| 92 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/phone.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text",], false); ?> | 104 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/phone.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text",], false); ?> |
| 93 | </span> | 105 | </span> |
| 94 | <span class="h3 footer-menu__contact-link"> | 106 | <span class="h3 footer-menu__contact-link"> |
| 95 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/email.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text",], false); ?> | 107 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/email.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text",], false); ?> |
| 96 | </span> | 108 | </span> |
| 97 | <div class="text footer-menu__contact-address"> | 109 | <div class="text footer-menu__contact-address"> |
| 98 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/footer_address.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text",], false); ?> | 110 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/footer_address.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text",], false); ?> |
| 99 | </div> | 111 | </div> |
| 100 | <a class="footer-menu__contact-social" href="https://t.me/imbait" target="_blank"> <img | 112 | <a class="footer-menu__contact-social" href="https://t.me/imbait" target="_blank"> <img |
| 101 | class="footer-menu__contact-icon" src="/images/Telegram.svg" alt="Телеграм"><img | 113 | class="footer-menu__contact-icon" src="/images/Telegram.svg" alt="Телеграм"><img |
| 102 | class="footer-menu__contact-icon footer-menu__contact-icon_black" | 114 | class="footer-menu__contact-icon footer-menu__contact-icon_black" |
| 103 | src="/images/Telegram-black.svg" alt="Телеграм"></a></div> | 115 | src="/images/Telegram-black.svg" alt="Телеграм"></a></div> |
| 104 | </div> | 116 | </div> |
| 105 | <div class="footer__copy"> | 117 | <div class="footer__copy"> |
| 106 | <div class="footer__copy-line"></div> | 118 | <div class="footer__copy-line"></div> |
| 107 | <div class="footer__copy-box"> | 119 | <div class="footer__copy-box"> |
| 108 | <div class="text-s footer__copy-text"> | 120 | <div class="text-s footer__copy-text"> |
| 109 | © <?= date('Y'); ?> <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/footer_copyright.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text",], false); ?></div> | 121 | © <?= date('Y'); ?> <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/footer_copyright.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text",], false); ?></div> |
| 110 | <a class="text-s footer__link footer__link_type_developer" href="https://web-valley.ru" target="_blank">Сайт | 122 | <a class="text-s footer__link footer__link_type_developer" href="https://web-valley.ru" target="_blank">Сайт |
| 111 | разработан: <span>WebValley Studio</span></a></div> | 123 | разработан: <span>WebValley Studio</span></a></div> |
| 112 | </div> | 124 | </div> |
| 113 | </div> | 125 | </div> |
| 114 | </footer> | 126 | </footer> |
| 115 | </body> | 127 | </body> |
| 116 | </html> | 128 | </html> |
local/templates/main/header.php
| 1 | <? if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die(); | 1 | <? if (!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED !== true) die(); |
| 2 | use Bitrix\Main\Page\Asset; | 2 | use Bitrix\Main\Page\Asset; |
| 3 | /** | 3 | /** |
| 4 | * @global CMain $APPLICATION | 4 | * @global CMain $APPLICATION |
| 5 | * @global CUser $USER | 5 | * @global CUser $USER |
| 6 | */ | 6 | */ |
| 7 | CJSCore::Init(array("jquery")); | 7 | CJSCore::Init(array("jquery")); |
| 8 | $curPage = $APPLICATION->GetCurPage(false); | 8 | $curPage = $APPLICATION->GetCurPage(false); |
| 9 | $assets = \Bitrix\Main\Page\Asset::getInstance(); | 9 | $assets = \Bitrix\Main\Page\Asset::getInstance(); |
| 10 | 10 | ||
| 11 | switch ($curPage) : | 11 | switch ($curPage) : |
| 12 | case '/contacts/': | 12 | case '/contacts/': |
| 13 | $css = 'contacts.css'; | 13 | $css = 'contacts.css'; |
| 14 | $js = 'contacts.js'; | 14 | $js = 'contacts.js'; |
| 15 | break; | 15 | break; |
| 16 | case '/partners/': | 16 | case '/partners/': |
| 17 | $css = 'partners.css'; | 17 | $css = 'partners.css'; |
| 18 | $js = 'partners.js'; | 18 | $js = 'partners.js'; |
| 19 | break; | 19 | break; |
| 20 | case '/requisites/': | 20 | case '/requisites/': |
| 21 | $css = 'requisites.css'; | 21 | $css = 'requisites.css'; |
| 22 | $js = 'requisites.js'; | 22 | $js = 'requisites.js'; |
| 23 | break; | 23 | break; |
| 24 | case '/services/': | 24 | case '/services/': |
| 25 | $css = 'ib-imba.css'; | 25 | $css = 'ib-imba.css'; |
| 26 | $js = 'ibImba.js'; | 26 | $js = 'ibImba.js'; |
| 27 | break; | 27 | break; |
| 28 | default: | 28 | default: |
| 29 | $css = 'index.css'; | 29 | $css = 'index.css'; |
| 30 | $js = 'index.js'; | 30 | $js = 'index.js'; |
| 31 | endswitch; | 31 | endswitch; |
| 32 | ?><!DOCTYPE html> | 32 | ?><!DOCTYPE html> |
| 33 | <html lang="ru"> | 33 | <html lang="ru"> |
| 34 | <head> | 34 | <head> |
| 35 | <meta charset="UTF-8"> | 35 | <meta charset="UTF-8"> |
| 36 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | 36 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
| 37 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | 37 | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| 38 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | 38 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 39 | <title><?php $APPLICATION->ShowTitle() ?></title> | 39 | <title><?php $APPLICATION->ShowTitle() ?></title> |
| 40 | <?php $APPLICATION->ShowHead() ?> | 40 | <?php $APPLICATION->ShowHead() ?> |
| 41 | <meta property="og:type" content="website"> | 41 | <meta property="og:type" content="website"> |
| 42 | <meta property="og:title" | 42 | <meta property="og:title" |
| 43 | content="<?php $APPLICATION->ShowTitle();?>"> | 43 | content="<?php $APPLICATION->ShowTitle();?>"> |
| 44 | <meta property="og:description" | 44 | <meta property="og:description" |
| 45 | content="<?php $APPLICATION->ShowProperty('description');?>"> | 45 | content="<?php $APPLICATION->ShowProperty('description');?>"> |
| 46 | <meta property="og:url" content="https://imba-it.ru<?= $curPage ?>"> | 46 | <meta property="og:url" content="https://imba-it.ru<?= $curPage ?>"> |
| 47 | <meta property="og:image" content="<?php $APPLICATION->ShowProperty('image');?>"> | 47 | <meta property="og:image" content="<?php $APPLICATION->ShowProperty('image');?>"> |
| 48 | <meta property="og:image:width" content="1200"> | 48 | <meta property="og:image:width" content="1200"> |
| 49 | <meta property="og:image:height" content="630"> | 49 | <meta property="og:image:height" content="630"> |
| 50 | <?php $assets->addCss(SITE_TEMPLATE_PATH . '/css/' . $css); ?> | 50 | <?php $assets->addCss(SITE_TEMPLATE_PATH . '/css/' . $css); ?> |
| 51 | <?php $assets->addJs(SITE_TEMPLATE_PATH . '/js/commonScripts.js'); ?> | 51 | <?php $assets->addJs(SITE_TEMPLATE_PATH . '/js/commonScripts.js'); ?> |
| 52 | <?php $assets->addJs(SITE_TEMPLATE_PATH . '/js/' . $js); ?> | 52 | <?php $assets->addJs(SITE_TEMPLATE_PATH . '/js/' . $js); ?> |
| 53 | <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml"> | 53 | <link rel="icon" href="/favicon.svg" sizes="any" type="image/svg+xml"> |
| 54 | <script src="https://api-maps.yandex.ru/2.1/?lang=ru" type="text/javascript" data-skip-moving="true"></script> | 54 | <script src="https://api-maps.yandex.ru/2.1/?lang=ru" type="text/javascript" data-skip-moving="true"></script> |
| 55 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_TEMPLATE_PATH . "/include/metrika.php"], false); ?> | 55 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_TEMPLATE_PATH . "/include/metrika.php"], false); ?> |
| 56 | </head> | 56 | </head> |
| 57 | <body class="light-mode"> | 57 | <body class="light-mode"> |
| 58 | <?php $APPLICATION->ShowPanel() ?> | 58 | <?php $APPLICATION->ShowPanel() ?> |
| 59 | <body class="light-mode"> | 59 | <body class="light-mode"> |
| 60 | <div class="sub-header"></div> | 60 | <div class="sub-header"></div> |
| 61 | <header class="header"> | 61 | <header class="header"> |
| 62 | <div class="container header__container"> | 62 | <div class="container header__container"> |
| 63 | <div class="header__inner"> | 63 | <div class="header__inner"> |
| 64 | <a class="header__logo" href="/" title=""> | 64 | <a class="header__logo" href="/" title=""> |
| 65 | <img src="/images/logo.svg" alt="ИМБА ИТ Лого"> | 65 | <img src="/images/logo.svg" alt="ИМБА ИТ Лого"> |
| 66 | <img src="/images/logo-for-light-mode.svg" alt="ИМБА ИТ Лого"> | 66 | <img src="/images/logo-for-light-mode.svg" alt="ИМБА ИТ Лого"> |
| 67 | </a> | 67 | </a> |
| 68 | <?php $APPLICATION->IncludeComponent("bitrix:menu", "top", [ | 68 | <?php $APPLICATION->IncludeComponent("bitrix:menu", "top", [ |
| 69 | "ROOT_MENU_TYPE" => "top", | 69 | "ROOT_MENU_TYPE" => "top", |
| 70 | "MAX_LEVEL" => "1", | 70 | "MAX_LEVEL" => "1", |
| 71 | "CHILD_MENU_TYPE" => "top", | 71 | "CHILD_MENU_TYPE" => "top", |
| 72 | "DELAY" => "N", | 72 | "DELAY" => "N", |
| 73 | "ALLOW_MULTI_SELECT" => "N", | 73 | "ALLOW_MULTI_SELECT" => "N", |
| 74 | "MENU_CACHE_TYPE" => "N", | 74 | "MENU_CACHE_TYPE" => "N", |
| 75 | "MENU_CACHE_TIME" => "360000", | 75 | "MENU_CACHE_TIME" => "360000", |
| 76 | "MENU_CACHE_USE_GROUPS" => "Y", | 76 | "MENU_CACHE_USE_GROUPS" => "Y", |
| 77 | ] | 77 | ] |
| 78 | ); ?> | 78 | ); ?> |
| 79 | <div class="header__control"> | 79 | <div class="header__control"> |
| 80 | <button class="button button_style_red header-menu__button popup-form-open" type="button" | 80 | <button class="button button_style_red header-menu__button popup-form-open" type="button" |
| 81 | data-subject="Заявка на обратный звонок c хэдера">Связаться с нами | 81 | data-subject="Заявка на обратный звонок c хэдера">Связаться с нами |
| 82 | </button> | 82 | </button> |
| 83 | <button class="header__btn js_header_btn"> | 83 | <button class="header__btn js_header_btn"> |
| 84 | <svg width="66" height="26"> | 84 | <svg width="66" height="26"> |
| 85 | <use xlink:href="/images/sprite.svg#burger"></use> | 85 | <use xlink:href="/images/sprite.svg#burger"></use> |
| 86 | </svg> | 86 | </svg> |
| 87 | </button> | 87 | </button> |
| 88 | <label class="header__toggle toggle"><input class="js_toggle_input" | 88 | <label class="header__toggle toggle"><input class="js_toggle_input" |
| 89 | type="checkbox"><span></span></label></div> | 89 | type="checkbox"><span></span></label></div> |
| 90 | </div> | 90 | </div> |
| 91 | </div> | 91 | </div> |
| 92 | <div class="burger__overlay js_menu_overlay"></div> | 92 | <div class="burger__overlay js_menu_overlay"></div> |
| 93 | <div class="burger js_menu" style="display:none;"> | 93 | <div class="burger js_menu" style="display:none;"> |
| 94 | <div class="burger__container"> | 94 | <div class="burger__container"> |
| 95 | <button class="burger__exit js_menu_exit" type="button"> | 95 | <button class="burger__exit js_menu_exit" type="button"> |
| 96 | <svg width="16" height="16"> | 96 | <svg width="16" height="16"> |
| 97 | <use xlink:href="/images/sprite.svg#exit"></use> | 97 | <use xlink:href="/images/sprite.svg#exit"></use> |
| 98 | </svg> | 98 | </svg> |
| 99 | </button> | 99 | </button> |
| 100 | <div class="burger__col"> | 100 | <div class="burger__col"> |
| 101 | <?php $APPLICATION->IncludeComponent("bitrix:menu", "burger", [ | 101 | <?php $APPLICATION->IncludeComponent("bitrix:menu", "burger", [ |
| 102 | "ROOT_MENU_TYPE" => "left", | 102 | "ROOT_MENU_TYPE" => "left", |
| 103 | "MAX_LEVEL" => "1", | 103 | "MAX_LEVEL" => "1", |
| 104 | "CHILD_MENU_TYPE" => "left", | 104 | "CHILD_MENU_TYPE" => "left", |
| 105 | "DELAY" => "N", | 105 | "DELAY" => "N", |
| 106 | "ALLOW_MULTI_SELECT" => "N", | 106 | "ALLOW_MULTI_SELECT" => "N", |
| 107 | "MENU_CACHE_TYPE" => "N", | 107 | "MENU_CACHE_TYPE" => "N", |
| 108 | "MENU_CACHE_TIME" => "360000", | 108 | "MENU_CACHE_TIME" => "360000", |
| 109 | "MENU_CACHE_USE_GROUPS" => "Y", | 109 | "MENU_CACHE_USE_GROUPS" => "Y", |
| 110 | ] | 110 | ] |
| 111 | ); ?> | 111 | ); ?> |
| 112 | <div class="burger__contacts"> | 112 | <div class="burger__contacts"> |
| 113 | <span class="h3 burger__contacts__link"> | 113 | <span class="h3 burger__contacts__link"> |
| 114 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/phone.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text"], false); ?> | 114 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/phone.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text"], false); ?> |
| 115 | </span> | 115 | </span> |
| 116 | <span class="h3 burger__contacts__link"> | 116 | <span class="h3 burger__contacts__link"> |
| 117 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/email.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text"], false); ?> | 117 | <?php $APPLICATION->IncludeComponent("bitrix:main.include", "", ["AREA_FILE_SHOW" => "file", "PATH" => SITE_DIR . "include/email.php", "AREA_FILE_RECURSIVE" => "N", "EDIT_MODE" => "text"], false); ?> |
| 118 | </span> | 118 | </span> |
| 119 | </div> | 119 | </div> |
| 120 | <button class="button button_style_red burger__button popup-form-open" type="button" | 120 | <button class="button button_style_red burger__button popup-form-open" type="button" |
| 121 | data-subject="Заявка на обратный звонок c хэдера">Связаться | 121 | data-subject="Заявка на обратный звонок c хэдера">Связаться |
| 122 | </button> | 122 | </button> |
| 123 | <label class="burger__toggle toggle"><input class="js_toggle_input" | 123 | <label class="burger__toggle toggle"><input class="js_toggle_input" |
| 124 | type="checkbox"><span></span></label></div> | 124 | type="checkbox"><span></span></label></div> |
| 125 | </div> | 125 | </div> |
| 126 | </div> | 126 | </div> |
| 127 | </header> | ||
| 127 | </header> | ||
| 128 | <?php if ($curPage == '/contacts/'): ?> | ||
| 129 | <section class="section cover-contact"> | ||
| 130 | <div class="container cover-contact__container"><h1 class="h1 cover-contact__title fade-in">Контакты</h1> | ||
| 131 | <div class="red-line cover-contact__lines fade-in"></div> | ||
| 132 | </div> | ||
| 133 | </section> | ||
| 134 | <section class="section cta-contacts" id="contact-form"> | ||
| 135 | <div class="container cta-contacts__container"> | ||
| 136 | <div class="cta-contacts__column cta-contacts__column-info"> | ||
| 137 | <? endif; ?> |