API tools faq
paste
Advertisement
zero50x

cred

zero50x
Mar 16th, 2020
234
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 21.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="ru">
  3.   <head>
  4.     <title></title>
  5.     <link rel="shortcut icon" href="assets/img/favicon.png" type="image/png">
  6.     <meta charset="utf-8">
  7.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1">
  9.     <link href="https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
  10.     <link rel="stylesheet" href="assets/css/magnific-popup.css">
  11.     <meta name="yandex-verification" content="2c117a6f1a9d9be9" />
  12.  
  13.     <link href="assets/fonts/fonts.css" rel="stylesheet">
  14.     <link href="assets/css/main.css" rel="stylesheet">
  15.   </head>
  16.   <body>
  17. <script src="https://unpkg.com/imask"></script>
  18. <script>
  19. var element = document.getElementById('phoneform2');
  20. var maskOptions = {
  21.   mask: '+{7}(000)000-00-00'
  22. };
  23. var mask = IMask(element, maskOptions);
  24. </script>
  25. <!-- Yandex.Metrika counter -->
  26. <script type="text/javascript" >
  27.    (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
  28.    m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
  29.    (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
  30.  
  31.    ym(57763144, "init", {
  32.         clickmap:true,
  33.         trackLinks:true,
  34.         accurateTrackBounce:true,
  35.         webvisor:true
  36.    });
  37. </script>
  38. <noscript><div><img src="https://mc.yandex.ru/watch/57763144" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
  39. <!-- /Yandex.Metrika counter -->
  40.     <div class="wrap">
  41.       <a href="#test-popup" class="open-popup-link"></a>
  42.         <header class="header">
  43.             <div class="container d-flex align-center top">
  44.                 <div class="logo"><a href="/">Рефинанс Кредит</a></div>
  45.                 <div class="top__location">
  46.             Санкт-Петербург
  47.                 </div>
  48.           <div class="top__phone-wrap">
  49.             <a href="tel:88129898001" class="top__phone">8 (812) 98-98-001 </a>
  50.             <div href="#callback-popup" class="callbackBtn popup-content">заказать обратный звонок</div>
  51.           </div>
  52.             </div>
  53.         </header>
  54.       <section class="main-section">
  55.         <div class="container">
  56.           <div class="main-section__text">
  57.             <h1>Кредит под залог недвижимости от 8,9% годовых</h1>
  58.             <div class="main-section__descr">Без подтверждения дохода, в день обращения</div>
  59.             <button href="#form-popup" class="btn header--btn popup-content">Получить кредит</button>
  60.           </div>
  61.           <img src="assets/img/women.png" alt="" class="main-section__women">
  62.         </div>
  63.       </section>
  64.       <section class="advantages">
  65.         <div class="container" style="padding-top: 51px;">
  66.           <div class="adv-items">
  67.             <div class="adv-items__item">
  68.               <div class="adv-items__icon">
  69.                 <img src="assets/img/icon-1.svg" alt="">
  70.               </div>
  71.               <div class="adv-items__text">
  72.                 <div class="adv-items__head">
  73.                   До 20 000 000 рублей
  74.                 </div>
  75.                 <div class="adv-items__body">
  76.                   максимальная сумма кредита
  77.                 </div>
  78.               </div>
  79.             </div>
  80.             <div class="adv-items__item">
  81.               <div class="adv-items__icon">
  82.                 <img src="assets/img/icon-2.svg" alt="">
  83.               </div>
  84.               <div class="adv-items__text">
  85.                 <div class="adv-items__head">
  86.                   Без подтверждения<br>дохода
  87.                 </div>
  88.                 <div class="adv-items__body">
  89.                   по двум документам
  90.                 </div>
  91.               </div>
  92.             </div>
  93.             <div class="adv-items__item">
  94.               <div class="adv-items__icon">
  95.                 <img src="assets/img/icon-3.svg" alt="">
  96.               </div>
  97.               <div class="adv-items__text">
  98.                 <div class="adv-items__head">
  99.                   Получите<br>до 90%
  100.                 </div>
  101.                 <div class="adv-items__body">
  102.                   от стоимости недвижимости
  103.                 </div>
  104.               </div>
  105.             </div>
  106.             <div class="adv-items__item">
  107.               <div class="adv-items__icon">
  108.                 <img src="assets/img/icon-4.svg" alt="">
  109.               </div>
  110.               <div class="adv-items__text">
  111.                 <div class="adv-items__head">
  112.                   Процентная<br>ставка
  113.                 </div>
  114.                 <div class="adv-items__body">
  115.                   от 8,9% годовых
  116.                 </div>
  117.               </div>
  118.             </div>
  119.             <div class="adv-items__item">
  120.               <div class="adv-items__icon">
  121.                 <img src="assets/img/icon-5.svg" alt="">
  122.               </div>
  123.               <div class="adv-items__text">
  124.                 <div class="adv-items__head">
  125.                   До 20<br>лет
  126.                 </div>
  127.                 <div class="adv-items__body">
  128.                   срок кредитования
  129.                 </div>
  130.               </div>
  131.             </div>
  132.           </div>
  133.           <div class="adv-main">
  134.             <h2 class="adv-main__head">Преимущества компании:</h2>
  135.             <div class="adv-main__wrap">
  136.               <div class="adv-main__body">
  137.                 <div class="adv-main__item">
  138.                   <div class="adv-main__icon">
  139.                     <img src="assets/img/2-icon-1.svg" alt="">
  140.                   </div>
  141.                   <div class="adv-main__text">
  142.                     Работаем в рамках Федерального Закона № 102 об ипотеке и залоге имущества
  143.                   </div>
  144.                 </div>
  145.                 <div class="adv-main__item">
  146.                   <div class="adv-main__icon">
  147.                     <img src="assets/img/2-icon-3.svg" alt="">
  148.                   </div>
  149.                   <div class="adv-main__text">
  150.                     При оформлении кредита под залог-недвижимость остается во владении собственника
  151.                   </div>
  152.                 </div>
  153.                 <div class="adv-main__item">
  154.                   <div class="adv-main__icon">
  155.                     <img src="assets/img/2-icon-5.svg" alt="">
  156.                   </div>
  157.                   <div class="adv-main__text">
  158.                     Юридическая консультация, оценка объекта, помощь в сборе документов производится нашими специалистами совершенно бесплатно
  159.                   </div>
  160.                 </div>
  161.                 <div class="adv-main__item">
  162.                   <div class="adv-main__icon">
  163.                     <img src="assets/img/2-icon-7.svg" alt="">
  164.                   </div>
  165.                   <div class="adv-main__text">
  166.                     Рефинансирование залогового кредита – выведем объект из под залога и снизим процентную ставку
  167.                   </div>
  168.                 </div>
  169.               </div>
  170.               <div class="adv-main__body">
  171.                 <div class="adv-main__item">
  172.                   <div class="adv-main__icon">
  173.                     <img src="assets/img/2-icon-2.svg" alt="">
  174.                   </div>
  175.                   <div class="adv-main__text">
  176.                     Получить необходимую сумму можно в день обращения
  177.                   </div>
  178.                 </div>
  179.                
  180.                 <div class="adv-main__item">
  181.                   <div class="adv-main__icon">
  182.                     <img src="assets/img/2-icon-4.svg" alt="">
  183.                   </div>
  184.                   <div class="adv-main__text">
  185.                     Кредитная история не имеет значения (открытые просрочки, высокая кредитная нагрузка, микрокредиты, недвижимость в обременении)
  186.                   </div>
  187.                 </div>
  188.                
  189.                 <div class="adv-main__item">
  190.                   <div class="adv-main__icon">
  191.                     <img src="assets/img/2-icon-6.svg" alt="">
  192.                   </div>
  193.                   <div class="adv-main__text">
  194.                     Вы всегда можете погасить кредит досрочно
  195.                   </div>
  196.                 </div>
  197.                
  198.                 <div class="adv-main__item">
  199.                   <div class="adv-main__icon">
  200.                     <img src="assets/img/2-icon-8.svg" alt="">
  201.                   </div>
  202.                   <div class="adv-main__text">
  203.                     8 лет на рынке кредитования Мы помогли решить финансовый вопрос для более чем 2000 клиентов
  204.                   </div>
  205.                 </div>
  206.               </div>
  207.             </div>
  208.           </div>
  209.         </div>
  210.       </section>
  211.       <section class="calc">
  212.         <div class="container">
  213.           <h2 class="calc__head">Рассчитать кредит:</h2>
  214.           <div class="calculator-wrap">
  215.             <div class="calculator">
  216.               <div class="calculator__row" id="calculator__rowSumm">
  217.                 <div class="calculator__text-row">
  218.                   <span class="calculator-h">Сумма кредита</span><span class="calculator-inner ">
  219.                     <input type="text" disabled class="calculator-inner " value="200 000" id="calculator-summ"> руб.
  220.                   </span>
  221.                 </div>
  222.                 <input type="text" class="range-slider js-range-slider" id="rangeSumm" name="my_range" value="" />
  223.                 <div class="calculator__footer">
  224.                   <span>100 тыс</span>
  225.                   <span>1 млн</span>
  226.                   <span>5 млн</span>
  227.                   <span>10 млн</span>
  228.                   <span>15 млн</span>
  229.                   <span>20 млн</span>
  230.                 </div>
  231.               </div>
  232.               <div class="calculator__row" id="calculator__rowPeriod">
  233.                 <div class="calculator__text-row">
  234.                   <span class="calculator-h">Срок кредита</span><span class="calculator-inner ">
  235.                     <input type="text" disabled class="calculator-inner " value="1" id="calculator-period"> мес.
  236.                   </span>  
  237.                 </div>
  238.                 <input type="text" class="range-slider js-range-slider" id="rangePeriod" name="my_range" value="" />
  239.                 <div class="calculator__footer">
  240.                   <span>6 мес</span>
  241.                   <span>5 лет</span>
  242.                   <span>10 лет</span>
  243.                   <span>15 лет</span>
  244.                   <span>20 лет</span>
  245.                 </div>
  246.               </div>
  247.               <div class="calculator__row" id="calculator__rowPercent">
  248.                 <div class="calculator__text-row">
  249.                   <span class="calculator-h">Процентная ставка</span><span class="calculator-inner ">
  250.                     <input type="text" disabled class="calculator-inner " value="6" id="calculator-percent"> %
  251.                   </span>  
  252.                 </div>
  253.                 <input type="text" class="range-slider js-range-slider" id="rangePercent" name="my_range" value="" />
  254.                 <div class="calculator__footer">
  255.                   <span>6 %</span>
  256.                   <span>8 %</span>
  257.                   <span>11 %</span>
  258.                   <span>14 %</span>
  259.                   <span>16 %</span>
  260.                 </div>
  261.               </div>
  262.             </div>
  263.             <div class="calculator-result">
  264.               <div class="calculator-result__row">
  265.                 <span>Ежемесячный платеж</span>
  266.                 <div class="calculator-result__var"><span class="calculatorResult"></span> руб.</div>
  267.               </div>
  268.               <div class="calculator-result__row">
  269.                 <span>Срок</span>
  270.                 <div class="calculator-result__var "><span class="calculatorPeriod"></span> мес.</div>
  271.               </div>
  272.               <div class="calculator-result__row">
  273.                 <span>Процентная ставка</span>
  274.                 <div class="calculator-result__var"><span class="calculatorPercent"></span> %</div>
  275.               </div>
  276.               <div class="btn calculator-result__btn popup-content" href="#form-popup">Отправить Заявку</div>
  277.             </div>
  278.           </div>
  279.          
  280.         </div>
  281.       </section>
  282.       <section class="steps">
  283.         <div class="container">
  284.           <h2 class="steps__title">Оформите заявку на кредит под залог недвижимости и получите деньги на следующий день</h2>
  285.           <div class="steps__items">
  286.             <div class="steps__item">
  287.               <div class="steps__circle center-x-y">
  288.                 1
  289.               </div>
  290.               <div class="steps__item-head">Заявка на кредит</div>
  291.               <div class="steps__item-descr">Оставьте онлайн заявку на сайте и наш специалист свяжется с Вами в течение 5 минут</div>
  292.             </div>
  293.             <div class="steps__item">
  294.               <div class="steps__circle center-x-y">
  295.                 2
  296.               </div>
  297.               <div class="steps__item-head">Рассмотрение заявки</div>
  298.               <div class="steps__item-descr">Предоставьте необходимые документы для принятия решения </div>
  299.             </div>
  300.             <div class="steps__item">
  301.               <div class="steps__circle center-x-y">
  302.                 3
  303.               </div>
  304.               <div class="steps__item-head">Получение денежных средств</div>
  305.               <div class="steps__item-descr">Подписание кредитной документации и получение денежных средств</div>
  306.             </div>
  307.           </div>
  308.         </div>
  309.       </section>
  310.       <section class="form-section">
  311.         <div class="container">
  312.           <h2 class="form-section__title">Остались вопросы?</h2>
  313.           <div class="form-section__descr">Заполните дынные и с Вами свяжется наш финансовый специалист</div>
  314.           <div class="form-section__container">
  315.             <form action="send-contact.php" method="POST" class="body-form">
  316.               <input type="text" name="name" placeholder="Имя" required="">
  317.               <input type="text" name="phone" class="input-phone" placeholder="+7 ___ ___-__-__" required="">
  318.               <div class="body-form__privacy-block">
  319.                 <input type="checkbox" id="privacy-block-body" disabled="" checked="">
  320.                 <label for="privacy-block-body"><a href="javaScript:void(0)">Я согласен на обработку персональных данных</a></label>
  321.               </div>              
  322.               <button type="submit" class="btn upper">Получить консультацию</button>
  323.             </form>
  324.           </div>
  325.         </div>
  326.         <div class="overlay"></div>
  327.       </section>
  328.       <footer>
  329.         <div class="container d-flex footer-wrap">
  330.           <div class="logo">
  331.             <a href="/">Рефинанс Кредит</a>
  332.             <div class="logo__descr">Кредит под залог недвижимости Рефинансирование</div>
  333.           </div>
  334.           <div class="copyright">
  335.             © 2012-2020 ООО «Рефинанс Кредит»
  336.           </div>
  337.           <div class="top__phone-wrap footer__phone-wrap">
  338.             <a href="tel:88129898001" class="top__phone">8 (812) 98-98-001 </a>
  339.             <div class="callbackBtn popup-content" href="#callback-popup">заказать обратный звонок</div>
  340.           </div>
  341.           <address class="footer-adress">
  342.             <p>Адрес:</p>
  343.             <p>190031, Россия, Санкт-Петербург</p>
  344.             <p>Ул.Ефимова 4а, БЦ Мир</p>
  345.             <p>М.Сенная/Спасская/Садовая</p>
  346.             <p>E-mail: <a href="mailto:info@refinans-invest.ru">info@refinans-invest.ru</a></p>
  347.           </address>
  348.         </div>
  349.       </footer>
  350.       <!-- modals -->
  351.       <div id="callback-popup" class="popup mfp-hide">
  352.         <div class="popup__head">Заказать звонок</div>
  353.         <form action="send-contact.php" method="POST" class="popup__form" >
  354.           <div class="form-row">
  355.             <div class="form-row__text">Ваше имя*</div>
  356.             <input type="text" name="name" placeholder="Фамилия, имя, отчество" required="">
  357.           </div>
  358.           <div class="form-row">
  359.             <div class="form-row__text">Мобильный телефон*</div>
  360.             <input type="text" name="phone" class="input-phone" id="phoneform" required="">
  361.           </div>
  362.           <div class="form-footer">
  363.             <div class="popup-form__privacy-block">
  364.              <!--  <input type="checkbox" id="privacy-block-popup" disabled="" checked="" class="custom-check"> -->
  365.               <span class="custom-check"></span>
  366.               <label for="privacy-block-popup">Я принимаю <a href="javaScript:void(0)">условия передачи информации</a></label>
  367.             </div>
  368.             <button type="submit" class="btn">Отправить заявку</button>
  369.           </div>
  370.         </form>
  371.       </div>
  372.      
  373.       <div id="form-popup" class="popup mfp-hide">
  374.         <div class="popup__head">Заполните контактную форму</div>
  375.         <form action="send-contact.php" method="POST" class="popup__form" >
  376.           <div class="form-row">
  377.             <div class="form-row__text">Ваше имя*</div>
  378.             <input type="text" name="name" placeholder="Фамилия, имя, отчество" required="">
  379.           </div>
  380.           <div class="form-row">
  381.             <div class="form-row__text">Мобильный телефон*</div>
  382.             <input type="text" name="phone" class="input-phone" id="phoneform2" required="">
  383.           </div>
  384.           <div class="form-footer">
  385.             <div class="popup-form__privacy-block">
  386.              <!--  <input type="checkbox" id="privacy-block-popup" disabled="" checked="" class="custom-check"> -->
  387.               <span class="custom-check"></span>
  388.               <label for="privacy-block-popup">Я принимаю <a href="javaScript:void(0)">условия передачи информации.</a></label>
  389.             </div>
  390.             <button type="submit" class="btn">Отправить заявку</button>
  391.           </div>
  392.         </form>
  393.       </div>
  394.      
  395.       <div id="form-sale-popup" class="popup mfp-hide">
  396.         <div class="popup__head popup__head--sm">Оставьте заявку сейчас и получите
  397. процентную ставку на 1.5 % меньше,
  398. а так же вашу кредитную
  399. историю в подарок</div>
  400.         <form action="send-contact.php" method="POST" class="popup__form" >
  401.           <div class="form-row">
  402.             <div class="form-row__text">Номер телефона*</div>
  403.             <input type="text" name="phone" class="input-phone" id="phoneform3" required=""> <!--  placeholder="+7 ___ ___-__-__" -->
  404.           </div>
  405.           <div class="form-footer">
  406.             <div class="popup-form__privacy-block">
  407.              <!--  <input type="checkbox" id="privacy-block-popup" disabled="" checked="" class="custom-check"> -->
  408.               <span class="custom-check"></span>
  409.               <label for="privacy-block-popup">Я принимаю <a href="javaScript:void(0)">условия передачи информации!</a></label>
  410.             </div>
  411.             <button type="submit" class="btn">Отправить заявку</button>
  412.           </div>
  413.         </form>
  414.       </div>
  415.     </div>
  416.  
  417.  
  418.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  419.     <!--Plugin CSS file with desired skin-->
  420.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/css/ion.rangeSlider.min.css"/>
  421.  
  422.    
  423.     <script src="assets/js/magnific-popup.js"></script>
  424.     <script src="assets/js/jquery.maskedinput.js"></script>
  425.    
  426.     <!--Plugin JavaScript file-->
  427.     <script src="https://cdnjs.cloudflare.com/ajax/libs/ion-rangeslider/2.3.1/js/ion.rangeSlider.min.js"></script>
  428.        <script src="assets/js/main.js"></script>
  429.   </body>
  430. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!