Commit 994265095c99fb9b9e587f6d91e46aa2b4ec2c8f
1 parent
0a18140fee
Exists in
master
Интеграция верстки на Битрикс
Showing 6 changed files with 124 additions and 115 deletions Side-by-side Diff
contacts/index.php
| 1 | 1 | <? |
| 2 | -require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php"); | |
| 3 | -$APPLICATION->SetTitle("Контактная информация"); | |
| 2 | + require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/header.php"); | |
| 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");?> | |
| 117 | 5 | \ No newline at end of file |
| 6 | + <h2 class="h2 cta-contacts__title fade-in">Свяжитесь | |
| 7 | + с нами</h2> | |
| 8 | + <ul class="cta-contacts__contacts fade-in"> | |
| 9 | + <li class="cta-contacts__contact"><p class="h3 cta-contacts__contact-title">Телефон</p> | |
| 10 | + <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> | |
| 11 | + </li> | |
| 12 | + <li class="cta-contacts__contact"><p class="h3 cta-contacts__contact-title">Почта</p> | |
| 13 | + <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> | |
| 14 | + </li> | |
| 15 | + </ul> | |
| 16 | +<? require($_SERVER["DOCUMENT_ROOT"] . "/bitrix/footer.php"); ?> | |
| 118 | 17 | \ No newline at end of file |
include/form.php
| ... | ... | @@ -0,0 +1,20 @@ |
| 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> | |
| 0 | 21 | \ No newline at end of file |
include/map.php
| ... | ... | @@ -0,0 +1,55 @@ |
| 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> | |
| 0 | 56 | \ No newline at end of file |
include/requisites.php
| ... | ... | @@ -0,0 +1,13 @@ |
| 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> | |
| 0 | 14 | \ No newline at end of file |
local/templates/main/footer.php
| ... | ... | @@ -4,7 +4,19 @@ |
| 4 | 4 | /** @global CMain $APPLICATION */ |
| 5 | 5 | /** @global CUser $USER */ |
| 6 | 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 | 20 | <section class="popup-form" id="popupform"> |
| 9 | 21 | <div class="popup-form__container"> |
| 10 | 22 | <button class="popup-form__close popup__btn-close" type="button"> |
local/templates/main/header.php
| ... | ... | @@ -124,4 +124,14 @@ endswitch; |
| 124 | 124 | type="checkbox"><span></span></label></div> |
| 125 | 125 | </div> |
| 126 | 126 | </div> |
| 127 | -</header> | |
| 128 | 127 | \ No newline at end of file |
| 128 | +</header> | |
| 129 | +<?php if ($curPage == '/contacts/'): ?> | |
| 130 | +<section class="section cover-contact"> | |
| 131 | + <div class="container cover-contact__container"><h1 class="h1 cover-contact__title fade-in">Контакты</h1> | |
| 132 | + <div class="red-line cover-contact__lines fade-in"></div> | |
| 133 | + </div> | |
| 134 | +</section> | |
| 135 | +<section class="section cta-contacts" id="contact-form"> | |
| 136 | + <div class="container cta-contacts__container"> | |
| 137 | + <div class="cta-contacts__column cta-contacts__column-info"> | |
| 138 | + <? endif; ?> |