File: //proc/8014/cwd/img/privaly.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 class="sps2" 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="section-one-img"><img src="img/bg1.svg" alt=""></div>
<div class="wrp">
<h1 class="titleh1">Заголовок страницы</h1>
</div>
</section>
<section class="secrion-iner-text-page">
<div class="wrp">
<div class="text-page">
<h2>Lorem Ipsum - это текст-"рыба"</h2>
<p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</p>
<h2>Lorem Ipsum - это текст-"рыба"</h2>
<p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</p>
<h2>Lorem Ipsum - это текст-"рыба"</h2>
<p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</p>
<h2>Lorem Ipsum - это текст-"рыба"</h2>
<p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</p>
<h2>Lorem Ipsum - это текст-"рыба"</h2>
<p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</p>
<h2>Lorem Ipsum - это текст-"рыба"</h2>
<p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</p>
</div>
</div>
</section>
<section class="section-forma partner-forma">
<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 type="submit" value="Перезвоните мне"></div>
</div>
</div>
</div>
</section>
<section class="section-faq">
<div class="wrp">
<div class="section-title">Ответы на Ваши вопросы</div>
<div class="faq-wrp">
<div class="daccordion" id="daccordion">
<div class="daccordion__item">
<div class="daccordion__title"><span>Как выбрать лизинговую компанию? </span> <div class="arrac"><img src="img/plus.svg" alt=""></div></div>
<div class="daccordion__content">
<div class="tabs-item-desc"> Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию?</div>
</div>
</div>
<div class="daccordion__item">
<div class="daccordion__title"><span>Как выбрать лизинговую компанию? </span> <div class="arrac"><img src="img/plus.svg" alt=""></div></div>
<div class="daccordion__content">
<div class="tabs-item-desc"> Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию?</div>
</div>
</div>
<div class="daccordion__item">
<div class="daccordion__title"><span>Как выбрать лизинговую компанию? </span> <div class="arrac"><img src="img/plus.svg" alt=""></div></div>
<div class="daccordion__content">
<div class="tabs-item-desc"> Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию?</div>
</div>
</div>
<div class="daccordion__item">
<div class="daccordion__title"><span>Как выбрать лизинговую компанию? </span> <div class="arrac"><img src="img/plus.svg" alt=""></div></div>
<div class="daccordion__content">
<div class="tabs-item-desc"> Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию?</div>
</div>
</div>
<div class="daccordion__item">
<div class="daccordion__title"><span>Как выбрать лизинговую компанию? </span> <div class="arrac"><img src="img/plus.svg" alt=""></div></div>
<div class="daccordion__content">
<div class="tabs-item-desc"> Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию? Как выбрать лизинговую компанию?</div>
</div>
</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>