<!DOCTYPE html>
<html lang="uk-ua">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<meta name="theme-color" content="#fff">
<meta name="format-detection" content="telephone=no">
<meta name="facebook-domain-verification" content="5yalgfhyf7tgmu1xng1u3nuhh8bghh" />
<link rel="shortcut icon" href="img/favicon.png">
<title>Babules - Онлайн кредит на картку - онлайн кредит на картку</title>
<link rel="stylesheet" media="all" href="css/main.css">
<link rel="stylesheet" media="all" href="css/ion.rangeSlider.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"/>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/ion.rangeSlider.js"></script>
<script src="js/jquery.mask.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
</head>
<body>
<!-- HEADER :: START-->
<header class="header" id="siteHeader">
<div class="container">
<div class="header_wrapper inner-cont">
<div class="header_logo">
<a href="/">
<img src="/img/logo.svg" alt="">
</a>
</div>
<div class="header-button">
<button class="first"><img src="/img/smile.svg" alt="">Гроші під 0,01%</button>
</div>
</div>
</div>
</header>
<div class="main" id="mainContent">
<div id="fp-field" style="display: none;"></div>
<div class="first_page step-page" data-step="1">
<div class="container">
<div class="inner_wrapper inner-cont">
<div class="intro">
<div class="intro-head">
<div class="intro-title">
<div class="main_title">ВЖУХ!<br> І ГРОШІ<br> НА КАРТІ</div>
<div class="main_subtitle">Миттєві позики<br> до 30 000 грн</div>
</div>
<div class="intro-banner">
<img class="banner-img" src="/img/girl.png" alt="">
</div>
<div class="intro-img"><img src="/img/percent.png" alt=""></div>
</div>
<div class="intro-bottom">
<div class="slider_wrapper">
<div class="slider-items">
<div class="slider-item summ">
<div class="title money-title">
<span>Оберіть суму</span>
<div class="money-current">12500 <span> ₴</span></div>
</div>
<input type="text" id="summ_slider">
<div class="labels">
<div class="left-label">
<span>1000</span> ₴
</div>
<div class="right-label">
<span>50 000</span> ₴
</div>
</div>
</div>
<div class="slider-item days">
<div class="title days-title">
<span>Вкажіть термін</span>
<span class="days-current">8 <span> днів</span></span>
</div>
<input type="text" id="days_slider">
<div class="labels">
<div class="left-label">
<span>5</span> днів
</div>
<div class="right-label">
<span>30</span> днів
</div>
</div>
</div>
</div>
</div>
<div class="informations">
<div class="information take">
<div class="title">Отримуєте</div>
<div class="money">
<span>12500</span> ₴
</div>
</div>
<!-- <div class="information term">
<div class="title">Термін кредиту</div>
<div class="money">
<span>8</span> днів
</div>
</div> -->
<div class="information percent">
<div class="title">Відсотки</div>
<div class="money">
<span>50</span> ₴
</div>
</div>
<div class="information give">
<div class="title">Повертаєте</div>
<div class="money money-back">
<span>12510</span> ₴
</div>
</div>
</div>
<div class="general_button_wrapper ">
<div class="button">
<button class="first button-main">Отримати гроші <img src="/img/smile.svg" alt=""></button>
</div>
</div>
</div>
</div>
<!-- Feautres -->
<div class="features">
<div class="section-title">
<h1>Що робить нас особливими?</h1>
</div>
<div class="features-wrap">
<img src="img/ico-1.svg" alt="">
<div class="features-text">
<div class="title">Гроші за лічені хвилини</div>
<p>Мінімум формальностей – швидка реєстрація та моментальне зарахування коштів на вашу картку!</p>
</div>
</div>
<div class="features-wrap">
<img src="img/ico-2.svg" alt="">
<div class="features-text">
<div class="title">Кредит на будь-які мрії</div>
<p>Кошти переказуємо миттєво на вашу картку — жодних зайвих кроків, лише швидкий результат.</p>
</div>
</div>
<div class="features-wrap">
<img src="img/ico-3.svg" alt="">
<div class="features-text">
<div class="title">Доступний кредит</div>
<p>Цілодобове оформлення кредитів 24/7 без зайвих черг та зволікань. У нас шанс отримати кредит мають всі, навіть якщо ваша кредитна історія не ідеальна.</p>
</div>
</div>
<div class="buttonWrapper">
<div class="button">
<button class="first button-main">Отримати гроші <img src="/img/smile.svg" alt=""></button>
</div>
</div>
</div>
<!-- Question -->
<div class="questions">
<div class="section-title">
<h1>Поширені запитання</h1>
</div>
<div class="accordion">
<div class="accordion-item">
<div class="accordion-header">
<div class="accordion-title">
<span>Скільки часу чекати</span> на надходження коштів?
</div>
<div class="arrow-accord"></div>
</div>
<div class="accordion-content">
<p>Гроші на вашу карту надійдуть миттєво після того, як заявка буде схвалена та договір підписаний.</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<div class="accordion-title">
Як <span>збільшити шанси отримання</span> грошей на карту?
</div>
<div class="arrow-accord"></div>
</div>
<div class="accordion-content">
<p>Оформлюйте заявку на позику без використання VPN, на номер, якому більше трьох місяців, а також вказуйте тільки правдиву інформацію про себе.</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-header">
<div class="accordion-title">
Що робити, якщо мені <span>погодили суму, меншу ніж мені потрібно?</span>
</div>
<div class="arrow-accord"></div>
</div>
<div class="accordion-content">
<p>Якщо вам затвердили суму кредиту, меншу ніж необхідно, отримайте погоджені гроші і подайте додаткові заявки на сайті в зазначені далі компанії, проте на менші суми, щоб отримати кілька позик одночасно під 0%.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="second_page step-page" data-step="2" style="display: none;">
<div class="container">
<div class="inner_wrapper inner-cont">
<div class="title_holder">
<div class="main_title">Гроші <br>майже у вас</div>
<div class="main_subtitle">Залиште свій номер телефону</span></div>
<p>і отримайте цікаві пропозиції</p>
</div>
<div class="form_wrapper">
<div class="label">Введіть Ваш номер телефону<span> *</span></div>
<div class="phone-wrapper">
<div class="input-wrapper">
<div class="input-flag"><img src="img/phone-flag.svg" alt=""></div>
<input name="phone" type="tel" id="phone-main">
<div class="phone-error" id="phoneError"></div>
</div>
</div>
<div class="general_button_wrapper">
<div class="button">
<button class="second button-main">ПІДТВЕРДИТИ <div class="spinner" style="display: none;"></div></button>
</div>
</div>
</div>
<div class="call-wrapper">
<h4>Швидка Верифікація</h4>
<div class="label">Зараз ми зателефонуємо Вам, <br><b>для підтвердження натисніть “1”</b></div>
<div class="call-progress">
<div class="call-counter">
<div class="call-pulse"><img src="/img/phone-call-outline.svg" alt=""></div>
<div class="call-timer">Очікуйте на дзвінок - <span>40с</span></div>
</div>
<div class="call-bar">
<div class="call-bar-line"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="third_page step-page" data-step="3" style="display: none;">
<div class="container">
<div class="inner_wrapper inner-cont">
<div class="title_holder">
<div class="main_title mainTitle"><span></span> <br>найкращі пропозиції</div>
<div class="main_subtitle">Саме для Вас!</div>
</div>
<div class="offers_wrapper">
</div>
<!-- Modal Offers Details -->
<div id="modal-offer-details" class="modal modal-details fade">
<div class="modal-content">
<span class="close close-modal" data-bs-dismiss="modal" style="cursor:pointer;">×</span>
<div class="modal-logo">
<img src="" alt="Логотип оффера">
</div>
<div class="modal-offer-details">
<ul class="list-style-1">
<li>До <span class="modal-sum"></span> ₴</li>
<li>До <span class="modal-term"></span> днів</li>
</ul>
<p class="modal-heading">Реальна <b>річна</b> процентна ставка:</p>
<ul class="list-style-2">
<li>Від <span class="modal-rate-min"></span> %</li>
<li>До <span class="modal-rate-max"></span> %</li>
</ul>
<div class="modal-offer-links">
<a href="" class="rules-url-one" target="_blank"><i class="icon icon-info"></i>Істотні характеристики послуг<i class="icon icon-link-arrow"></i></a>
<a href="" class="rules-url-two" target="_blank"><i class="icon icon-info"></i>Попередження про наслідки для споживача<i class="icon icon-link-arrow"></i></a>
</div>
<div class="modal-button">
<a class="btn-main" target="_blank" href="">Отримати гроші</a>
</div>
</div>
</div>
</div> </div>
</div>
</div>
<div class="container">
<div class="inner_wrapper inner-cont">
<div class="bottom_text">
<h3>Заповніть заявку зараз, і отримайте кредит на картку</h3>
<p>Послуга з пошуку онлайн кредитів на картку "WebBankir". Сайт не надає платних послуг кредитних продуктів для клієнтів, а саме пропонує клієнту список пропозицій кредитних установ, некредитних фінансових організацій, до яких клієнт може звернутися з метою оформлення заявки на кредитний продукт. Проект не є банком або кредитором, не належить до фінансових установ та не несе відповідальності за наслідки будь-яких укладених договорів кредитування або поруку перед ним. Мінімальна процентна ставка у деяких партнерів складає 0,01%. Щоб оформити заявку на одержання позички, необхідно заповнити анкету на сайті проекту. Здійснюючи будь-які дії на сайті, ви повинні надати свою згоду на обробку персональних даних та згоду на отримання рекламних матеріалів. Ви ознайомилися та згодні з Договором публічної оферти та Тарифами сервісу. Сервіс "WebBankir" використовує куки для надання послуг. Умови зберігання або доступу до cookie Ви можете налаштувати у своєму браузері. Сервіс призначений для осіб віком від 18 років. Розрахунок у наданому на сайті калькуляторах базується на середньому показнику процентної ставки, яка буде запропонована фінансовими організаціями.</p>
</div>
</div>
</div>
</div>
<footer class="footer" id="siteFooter">
<div class="container">
<div class="footer_wrapper inner-cont">
<div class="footer_logo">
<a href="/">
<img src="/img/logo.svg" alt="">
</a>
</div>
<div class="copy">
<span>© Babules - Онлайн кредит на картку - 2025</span>
</div>
</div>
</div>
</footer>
<script src="js/main.js"></script>
<script src="js/navigation.js"></script>
<script src="js/common.js"></script>
<script src="js/modal-details.js"></script>
<script>
function getOffers() {
let xhr = new XMLHttpRequest();
xhr.open("POST", "/get_offers");
xhr.setRequestHeader("Accept", "application/json");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
document.querySelector('.offers_wrapper').innerHTML = xhr.responseText;
insertLabels();
}
};
xhr.send(JSON.stringify({
'fp': window.fpData ? window.fpData.uniq_code : null,
'mf_keys': window.fpData ? window.fpData.mf_keys : [],
'scores': window.fpData ? window.fpData.scores : [],
'tid1': '',
'tid2': ''
}));
}
// Функция вставки лейблов в первый и последний оффер
function insertLabels() {
let offers = document.querySelectorAll('.offer');
if (offers.length > 0) {
let firstOfferItem = offers[0].querySelector('.offer-item');
if (firstOfferItem) {
let labelOne = document.createElement('div');
labelOne.className = 'label yellow one';
labelOne.textContent = 'ТОП пропозицiя';
// Вставляем в начало offer-item
firstOfferItem.insertBefore(labelOne, firstOfferItem.firstChild);
}
let lastOfferItem = offers[offers.length - 1].querySelector('.offer-item');
if (lastOfferItem) {
let labelTwo = document.createElement('div');
labelTwo.className = 'label yellow two';
labelTwo.textContent = 'Низький % вiдмов';
lastOfferItem.appendChild(labelTwo);
}
}
}
function goUrl(obj, mfKey, project) {
let goUrl = obj.getAttribute("href");
let domain = window.location.hostname;
let newWindow = window.open(goUrl, '_blank');
let isUnique = !getCookie('clicked_' + mfKey + '_' + domain);
if (isUnique) {
setCookie('clicked_' + mfKey + '_' + domain, "true", { expires: new Date(Date.now() + 86400 * 1000) });
}
let isUniqueProject = !getCookie('clicked_proj_' + project + '_' + domain + '_' + mfKey);
if (isUniqueProject) {
setCookie('clicked_proj_' + project + '_' + domain + '_' + mfKey, "true", { expires: new Date(Date.now() + 86400 * 1000) });
}
let dataSite = {
unique: isUnique,
mf_key: mfKey,
project: project,
domain: domain
};
let dataProject = {
unique: isUniqueProject,
mf_key: mfKey,
project: project
};
Promise.all([
fetch('/api/add_clicks_stat', {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify(dataSite)
}),
fetch('/api/add_clicks_stat_project', {
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify(dataProject)
})
]).catch(() => {
console.error("Ошибка при отправке данных");
});
return false;
}
getOffers();
</script>
</body>
</html>