index.php 6.96 KB
<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("Контактная информация");
?>
	<section class="section cover-contact">
		<div class="container cover-contact__container"><h1 class="h1 cover-contact__title fade-in">Контакты</h1>
			<div class="red-line cover-contact__lines fade-in"></div>
		</div>
	</section>
	<section class="section cta-contacts" id="contact-form">
		<div class="container cta-contacts__container">
			<div class="cta-contacts__column cta-contacts__column-info"><h2 class="h2 cta-contacts__title fade-in">Свяжитесь
					с&nbsp;нами</h2>
				<ul class="cta-contacts__contacts fade-in">
					<li class="cta-contacts__contact"><p class="h3 cta-contacts__contact-title">Телефон</p>
						<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>
					</li>
					<li class="cta-contacts__contact"><p class="h3 cta-contacts__contact-title">Почта</p>
						<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>
					</li>
				</ul>
			</div>
			<div class="cta-contacts__column cta-contacts__column-form"><p
						class="lead-text cta-contacts__form-title fade-in">Форма обратной связи</p>
				<form class="form js_form fade-in" name="form-contact">
					<fieldset class="form__fields"><label class="form__label"><input
									class="js_form_item form__item js_input_name form__fields_input" type="text" name="first_name"
									placeholder="Имя*" required="required"/></label><label class="form__label"><input
									class="js_form_item form__item js_input_phone form__fields_input" type="text" name="phone"
									placeholder="Телефон*" required="required"/></label><label class="form__label"><input
									class="js_form_item form__item js_input_email form__fields_input" type="text" name="email"
									placeholder="Почта*" required="required"/></label><label class="form__label"><input
									class="js_form_item form__item js_input_company form__fields_input" type="text" name="company"
									placeholder="Компания*" required="required"/></label><label class="form__label"> <textarea
									name="comment" placeholder="Ваши комментарии" rows="3"
									class="js_form_item form__item form__fields_input form__fields_comment"></textarea></label><label
								class="form__label form__confirm checkbox"><input name="send_form" value="Y" class="js_form_item js_input_confirm"
																				  type="checkbox"/><span>Согласен с&nbsp;<a
										href="/files/policy.pdf" target="_blank"
										rel="nofollow">политикой обработки персональных данных</a></span></label></fieldset>
					<button class="button button_style_red form__btn js_form_btn" onSubmit="handleSubmit()">оставить
						заявку
					</button>
				</form>
			</div>
		</div>
	</section>
	<section class="section maps-contacts" id="map">
		<div class="container maps-contacts__container"><h2 class="h2 maps-contacts__title fade-in">Где нас найти</h2>
			<div class="maps-tabs">
				<ul class="maps-tabs__list fade-in">
					<li class="maps-tabs__item">
						<button class="lead-title tab-name maps-tabs__link" type="button">Офисы</button>
					</li>
					<li class="maps-tabs__item">
						<button class="lead-title tab-name maps-tabs__link" type="button">Склады</button>
					</li>
				</ul>
				<section class="maps-tabs__section">
					<div class="maps-tabs__map fade-in">
						<div class="maps-tabs__map-frame" id="mapOffice"></div>
					</div>
					<ul class="maps-tabs__info fade-in">
						<li class="maps-tabs__address">
							<div class="maps-tabs__address-line"></div>
							<p class="lead-text maps-tabs__address-city">Москва</p>
							<p class="fact maps-tabs__address-text">адрес</p>
							<p class="text maps-tabs__address-location">117246, г. Москва, Научный проезд, 14А, стр.&nbsp;1,
								БЦ&nbsp;SMART-PARK</p></li>
						<li class="maps-tabs__address">
							<div class="maps-tabs__address-line"></div>
							<p class="lead-text maps-tabs__address-city">Санкт-Петербург</p>
							<p class="fact maps-tabs__address-text">адрес</p>
							<p class="text maps-tabs__address-location">191040, г. Санкт-Петербург, Лиговский проспект, 50&nbsp;к.&nbsp;12,
								офис&nbsp;23</p></li>
					</ul>
				</section>
				<section class="maps-tabs__section">
					<div class="maps-tabs__map fade-in">
						<div class="maps-tabs__map-frame" id="mapWarehouses"></div>
					</div>
					<ul class="maps-tabs__info fade-in">
						<li class="maps-tabs__address">
							<div class="maps-tabs__address-line"></div>
							<p class="lead-text maps-tabs__address-city">Склад ООО «ИЛС»</p>
							<p class="fact maps-tabs__address-text">адрес</p>
							<p class="text maps-tabs__address-location">МО, Подольский район, Краснопахорское с/п, л-во
								Малинское, квартал 56</p><a class="button button_style_arrow maps-tabs__btn"
															href="../files/ILS.pdf" target="_blank">Инструкция как
								добраться </a></li>
						<li class="maps-tabs__address">
							<div class="maps-tabs__address-line"></div>
							<p class="lead-text maps-tabs__address-city">Склад ООО «Деловая Лига»</p>
							<p class="fact maps-tabs__address-text">адрес</p>
							<p class="text maps-tabs__address-location">г. Москва, ул. Шоссейная 90с57<a
										class="button button_style_arrow maps-tabs__btn" href="../files/delovaya-liga.pdf"
										target="_blank">Инструкция как добраться </a></p></li>
					</ul>
				</section>
			</div>
		</div>
	</section>
	<section class="section link-requisites"><a class="link-requisites__btn" href="/requisites/" title="Реквизиты">
			<div class="container link-requisites__container">
				<div class="link-requisites__content">
					<div class="link-requisites__icon-box"><img class="link-requisites__icon" src="/images/icon.svg"
																alt=""/><img class="link-requisites__icon_white"
																			 src="/images/icon-white.svg" alt=""/></div>
					<h2 class="h2 link-requisites__title">Реквизиты компании</h2></div>
				<div class="link-requisites__arrow-box"><img class="link-requisites__arrow" src="/images/Arrow-black.svg"
															 alt=""/><img
							class="link-requisites__arrow link-requisites__arrow_white" src="/images/Arrow-white.svg" alt=""/>
				</div>
			</div>
		</a></section>
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>