File: //proc/8014/cwd/img/contacts.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Контакты</title>
<link rel="stylesheet" href="slick/slick.css">
<link rel="stylesheet" href="slick/slick-theme.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/css/ion.rangeSlider.min.css"/>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="style-media.css">
</head>
<body>
<div class="page-started">
<div class="window-pasibo window-pasibo2">
<div class="window-overlay"></div>
<div class="window-iner-sps">
<div class="window-close"><img src="img/close.svg" alt=""></div>
<div class="window-title section-title">Ваша заявка отправлена!</div>
<div class="priem-items">
<div class="priem-item"><img src="img/check2.svg" alt="">1. В ближайшее время с вами свяжется наш менеджер для уточнения деталей. </div>
<div class="priem-item"><img src="img/check2.svg" alt="">2. На основании уточненных данных мы соберем все варианты от лизинговых и обработаем их</div>
<div class="priem-item"><img src="img/check2.svg" alt="">3. Свяжемся с вами и вышлем лучшие коммерческие предложения</div>
<div class="priem-item"><img src="img/check2.svg" alt="">4. Ответим на все ваши вопросы </div>
<div class="priem-item"><img src="img/check2.svg" alt="">5. Поможем заключить корректный договор лизинга с минимизацией ваших рисков.</div>
<div class="priem-item"><img src="img/check2.svg" alt="">6. Поздравим с приобретением! </div>
</div>
</div>
</div>
<div class="window-zayavka window-zayavka1">
<div class="window-overlay"></div>
<div class="window-iner-zaya">
<div class="window-close"><img src="img/close.svg" alt=""></div>
<div class="window-title section-title">Подать заявку</div>
<div class="window-desc">Параметры не выбраны. <br>Ваша заявка попадет в раздел "Ожидается обратный звонок"</div>
<div class="window-iner-zaya-form">
<div class="window-iner-zaya-input"><input type="text" placeholder="Название компании или ИНН"></div>
<div class="window-iner-zaya-input"><input type="text" placeholder="Фамилия и имя"></div>
<div class="window-iner-zaya-input"><input type="text" placeholder="+7(___) ___-__-__"></div>
<div class="window-iner-zaya-agree">
<input type="checkbox" checked="checked">
<span class="lab">Я согласен(-а) с <a target="_blank" href="privaly">пользовательским соглашением</a> и <a target="_blank" href="privaly">политикой конфиденциальности</a></span>
</div>
<div class="window-iner-zaya-sub"><input class="sps2" type="submit" value="Отправить"></div>
</div>
</div>
</div>
<div class="window-zayavka window-zayavka2">
<div class="window-overlay"></div>
<div class="window-iner-zaya">
<div class="window-close"><img src="img/close.svg" alt=""></div>
<div class="window-title2 section-title">Подать заявку</div>
<div class="popup-info-liz">
<div class="popup-info-liz-title">Получить расчет условий лизинга <br> для BMW 2 серия Ative Tourer </div>
<div class="lizing-card-infos">
<div class="lizing-card-info">
<div class="lizing-card-info-title">Стоимость</div>
<div class="lizing-card-info-value"> 14 900 000 ₽</div>
</div>
<div class="lizing-card-info">
<div class="lizing-card-info-title">Аванс</div>
<div class="lizing-card-info-value">15%</div>
</div>
<div class="lizing-card-info">
<div class="lizing-card-info-title">Срок лизинга</div>
<div class="lizing-card-info-value">36 месяцев</div>
</div>
</div>
</div>
<div class="window-iner-zaya-form">
<div class="window-iner-zaya-input"><input type="text" placeholder="Название компании или ИНН"></div>
<div class="window-iner-zaya-input"><input type="text" placeholder="Фамилия и имя"></div>
<div class="window-iner-zaya-input"><input type="text" placeholder="+7(___) ___-__-__"></div>
<div class="window-iner-zaya-agree">
<input type="checkbox" checked="checked">
<span class="lab">Я согласен(-а) с <a target="_blank" href="privaly">пользовательским соглашением</a> и <a target="_blank" href="privaly">политикой конфиденциальности</a></span>
</div>
<div class="window-iner-zaya-sub"><input type="submit" value="Отправить"></div>
</div>
</div>
</div>
<div class="left-bar">
<div class="left-bar-menu popup-b1">
<span>Оформить заявку</span>
</div>
<div class="left-bar-social">
<a href="#" class="social-item">
<span class="soc-img"> <img src="img/telegram.svg" alt=""></span>
<span class="soc-title"> Телеграм</span>
</a>
<a href="#" class="social-item">
<span class="soc-img"> <img src="img/vk.svg" alt=""></span>
<span class="soc-title"> Вконтакте</span>
</a>
<a href="#" class="social-item">
<span class="soc-img"> <img src="img/youtube.svg" alt=""></span>
<span class="soc-title"> YouTube</span>
</a>
</div>
</div>
<div class="header-top-line">
<div class="wrp">
<div class="top-line">
<ul>
<li><a href="partner.html">Партнерам</a></li>
<li><a href="contacts.html">Контакты</a></li>
<li><a href="#all">Все предложения</a></li>
</ul>
</div>
</div>
</div>
<div class="header-wrapper">
<div class="wrp">
<div class="header">
<div class="header-logo"><a href="index.html"><img src="img/logo.svg" alt=""></a></div>
<div class="header-right">
<div class="header-inform-right-item">
<div class="header-inform-right-subtitle">Горячая линия </div>
<a href="tel:+78007755012" class="header-inform-right-link"><img src="img/phone.svg" alt="">8 800 77-55-012</a>
</div>
<div class="header-inform-right-item">
<div class="header-inform-right-subtitle">Электронная почта</div>
<a href="mailto:[email protected]" class="header-inform-right-link"><img src="img/mail.svg" alt="">[email protected]</a>
</div>
<div class="header-button popup-b1">Подать заявку</div>
</div>
</div>
</div>
</div>
<section class="section-one iner-page-one">
<div class="wrp">
<h1 class="titleh1">Контакты</h1>
</div>
</section>
<section class="section-contacts">
<div class="contacts-map"><iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3A2a2d20682d8dc0a4493e66bed53385e0c512f4b0bf4e5bad784a4036b7b8c475&source=constructor" width="100%" height="100%" frameborder="0"></iframe></div>
<div class="wrp">
<div class="contacts-ram">
<div class="cont-item">
<div class="cont-title">Телефон</div>
<a href="tel:+74953084128" class="cont-info">+7 (495) 308‒41‒28</a>
</div>
<div class="cont-item">
<div class="cont-title">Режим работы</div>
<div class="cont-info">
Ежедневно с 11:00 до 20:00 <br> Перерыв с 15:00 до 16:00
</div>
</div>
<div class="cont-item">
<div class="cont-title">Адрес</div>
<a href="https://yandex.ru/maps/213/moscow/house/novoslobodskaya_ulitsa_26s1/Z04Ycw5nQUwOQFtvfXt5cn5lYg==/?ll=37.597899%2C55.783266&z=16" target="_blank" class="cont-info">127055, г. Москва, <br> Братиславская ул. 26 стр 1, офис 355</a>
</div>
<div class="cont-item">
<div class="cont-title">Электронная почта</div>
<a href="mailto:[email protected]" class="cont-info">[email protected]</a>
</div>
<div class="cont-item mess">
<div class="cont-title">Мессенджеры</div>
<a href="#" target="_blank" class="cont-info"><img src="img/t.svg" alt="">Написать в Telegram</a>
<a href="#" target="_blank" class="cont-info"><img src="img/w.svg" alt="">Написать в WhatsApp</a>
</div>
<div class="header-social">
<a target="_blank" href="#"><img src="img/youtube.svg" alt=""></a>
<a target="_blank" href="#"><img src="img/vk.svg" alt=""></a>
<a target="_blank" href="#"><img src="img/telegram.svg" alt=""></a>
</div>
</div>
</div>
</section>
<section class="section-forma partner-forma partner-forma-cont" >
<div class="section-forma-img"><img src="img/bg2.svg" alt=""></div>
<div class="wrp">
<div class="section-forma-iner">
<div class="section-forma-title">Оставьте <br>
Ваши данные,</div>
<div class="section-forma-desc">и мы свяжемся с вами <br> для индивидуального предложения</div>
<div class="section-forma-form">
<div class="section-forma-input"><input type="text" placeholder="Название компании или ИНН"></div>
<div class="section-forma-input"><input type="tel" placeholder="Телефон"></div>
<div class="section-forma-input"><input type="text" placeholder="ФИО контактного лица"></div>
<div class="window-iner-zaya-agree">
<input type="checkbox" checked="checked">
<span class="lab">Я согласен(-а) с <a target="_blank" href="privaly">пользовательским соглашением</a> и <a target="_blank" href="privaly">политикой конфиденциальности</a></span>
</div>
<div class="section-forma-sub"><input class="sps2" type="submit" value="Перезвоните мне"></div>
</div>
</div>
</div>
</section>
<div class="footer-wrp">
<div class="wrp">
<div class="footer">
<a href="index.html">@copyright 2022</a>
<a href="privaly.html">Политика конфиденциальности</a>
<a href="privaly.html">Пользовательское соглашение</a>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/js/ion.rangeSlider.min.js"></script>
<script>
$('.partners-slider').slick({
dots: true,
infinite: true,
adaptiveHeight: true,
slidesToShow: 4,
slidesToScroll: 4,
prevArrow:'<button type=" button" class="slick-prev pull-left"><img src="img/arls.svg" alt=""></button>',
nextArrow:'<button type="button" class="slick-next pull-right"><img src="img/arrs.svg" alt=""></button>',
responsive: [
{
breakpoint: 1390,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
variableWidth: false,
}
},
{
breakpoint: 900,
settings: {
slidesToShow: 2,
variableWidth: false,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 2,
variableWidth: false,
slidesToScroll: 2
}
}
]
});
</script>
<script>
var $range = $("#example_1");
var $input = $("#example_1_input");
var instance;
var min = 1000000;
var max = 100000000;
$range.ionRangeSlider({
skin: "round",
type: "single",
min: min,
max: max,
from: min,
postfix: '₽',
onStart: function(data) {
$input.prop("value", data.from);
},
onChange: function(data) {
$input.prop("value", data.from);
}
});
instance = $range.data("ionRangeSlider");
$input.on("input", function() {
var val = $(this).prop("value");
// validate
if (val < min) {
val = min;
} else if (val > max) {
val = max;
}
instance.update({
from: val
});
});
</script>
<script>
var $range2 = $("#example_2");
var $input2 = $("#example_2_input");
var instance2;
var min2 = 10;
var max2 = 49;
$range2.ionRangeSlider({
skin: "round",
type: "single",
min: min2,
max: max2,
from: 15,
postfix: '%',
onStart: function(data) {
$input2.prop("value", data.from);
},
onChange: function(data) {
$input2.prop("value", data.from);
}
});
instance2 = $range2.data("ionRangeSlider");
$input2.on("input", function() {
var val2 = $(this).prop("value");
// validate
if (val2 < min2) {
val2 = min2;
} else if (val2 > max2) {
val2 = max2;
}
instance2.update({
from: val2
});
});
</script>
<script>
var $range3 = $("#example_3");
var $input3 = $("#example_3_input");
var instance3;
var min3 = 6;
var max3 = 60;
$range3.ionRangeSlider({
skin: "round",
type: "single",
min: min3,
max: max3,
from: 36,
postfix: '',
onStart: function(data) {
$input3.prop("value", data.from);
},
onChange: function(data) {
$input3.prop("value", data.from);
}
});
instance3 = $range3.data("ionRangeSlider");
$input3.on("input", function() {
var val3 = $(this).prop("value");
// validate
if (val3 < min3) {
val3 = min3;
} else if (val > max3) {
val3 = max3;
}
instance3.update({
from: val3
});
});
</script>
<script>
$('.popup-b1').click(function(){
$('.window-zayavka1').addClass('window-zayavka-open');
$('body').addClass('fifix');
});
</script>
<script>
$('.sps2').click(function(){
$('.window-pasibo2').addClass('window-pasibo-open');
$('.window-zayavka').removeClass('window-zayavka-open');
$('body').addClass('fifix');
});
</script>
<script>
$('.sps1').click(function(){
$('.window-pasibo1').addClass('window-pasibo-open');
$('.window-zayavka').removeClass('window-zayavka-open');
$('body').addClass('fifix');
});
</script>
<script>
$('.popup-b3').click(function(){
$('.window-podrobnee').addClass('window-podrobnee-open');
$('body').addClass('fifix');
});
</script>
<script>
$('.popup-b2').click(function(){
$('.window-zayavka2').addClass('window-zayavka-open');
$('.window-podrobnee').removeClass('window-podrobnee-open');
$('body').addClass('fifix');
});
</script>
<script>
$('.window-overlay').click(function(){
$('.window-zayavka').removeClass('window-zayavka-open');
$('.window-podrobnee').removeClass('window-podrobnee-open');
$('.window-pasibo').removeClass('window-pasibo-open');
$('body').removeClass('fifix');
});
</script>
<script>
$('.window-close').click(function(){
$('.window-zayavka').removeClass('window-zayavka-open');
$('.window-podrobnee').removeClass('window-podrobnee-open');
$('.window-pasibo').removeClass('window-pasibo-open');
$('body').removeClass('fifix');
});
</script>
<script>
$(function() {
// открываем вкладку по умолчанию
$('.dactive__item .daccordion__content').slideDown();
$('#daccordion .daccordion__title').on('click', function(){
if ( $(this).parent().hasClass("dactive__item") ) {
$(this).next().slideUp(299).parent().removeClass('dactive__item');
} else {
$('#daccordion .daccordion__content').not( $(this).next() ).slideUp(299);
$('.daccordion__item').removeClass('dactive__item');
$(this).next().slideDown(299).parent().addClass('dactive__item');
}
});
});
</script>
</body>
</html>