<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Будем добрее</title>
<style>
/* Стили для контейнера */
.loading-container {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100vh; /* Высота контейнера равна высоте окна браузера */
text-align: center;
padding: 20px; /* Отступы для предотвращения перекрытия */
box-sizing: border-box;
}
/* Стили для крутящегося круга */
.spinner {
width: 50px;
height: 50px;
border: 5px solid #f3f3f3; /* Светлый цвет */
border-top: 5px solid #3498db; /* Синий цвет */
border-radius: 50%;
animation: spin 1s linear infinite;
}
/* Анимация вращения */
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Стили для текста */
.loading-text {
font-size: 24px;
font-weight: bold;
margin-top: 20px;
}
/* Стили для рекламы */
.ad-container {
position: relative;
z-index: 1; /* Устанавливаем рекламу ниже текста */
}
</style>
<!-- Yandex.RTB -->
<script>window.yaContextCb=window.yaContextCb||[]</script>
<script src="https://yandex.ru/ads/system/context.js" async></script>
</head>
<body>
<!-- Контейнер для загрузки -->
<div class="loading-container">
<!-- Крутящийся круг -->
<div class="spinner"></div>
<!-- Текст -->
<p class="loading-text" id="loading-text">Ваш контент загружается, подождите</p>
<!-- Рекламный блок -->
<div class="ad-container">
<!-- Yandex.RTB R-A-321719-70 -->
<div id="yandex_rtb_R-A-321719-70"></div>
<script>
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
"blockId": "R-A-321719-70",
"renderTo": "yandex_rtb_R-A-321719-70"
});
});
</script>
</div>
</div>
<!-- Yandex.RTB R-A-321719-68 -->
<script>
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
"blockId": "R-A-321719-68",
"type": "fullscreen",
"platform": "touch"
});
});
</script>
<!-- Yandex.RTB R-A-321719-69 -->
<script>
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
"blockId": "R-A-321719-69",
"type": "fullscreen",
"platform": "desktop"
});
});
</script>
<script>
// Таймер для смены текста
let countdown = 10;
const loadingText = document.getElementById('loading-text');
// Отсчет до 10 секунд
const timer = setInterval(() => {
countdown--;
loadingText.textContent = `Ваш контент загружается, подождите (${countdown} секунд)`;
if (countdown <= 0) {
clearInterval(timer);
loadingText.textContent = "Нажмите на баннер";
// Запускаем таймер на 20 секунд для перенаправления
setTimeout(() => {
loadingText.textContent = "Перенаправление...";
window.location.href = "https://manmoda.ru"; // Перенаправление через 20 секунд
}, 20000); // 20 секунд
}
}, 1000); // Обновление каждую секунду
</script>
</body>
</html>