Хлам2
<head>
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Мой проект</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Arial', sans-serif; } body { line-height: 1.6; color: #333; background-color: #f9f9f9; } header { background: linear-gradient(135deg, #6e48aa, #9d50bb); color: white; padding: 2rem 0; text-align: center; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } section { padding: 50px 0; } h1, h2, h3 { margin-bottom: 20px; } .about-me, .about-project { background: white; padding: 30px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); margin-bottom: 30px; } /* Карусель направлений */ .directions { position: relative; overflow: hidden; background: white; padding: 30px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); } .carousel { display: flex; transition: transform 0.5s ease; } .direction { min-width: 100%; padding: 20px; text-align: center; } .direction h3 { color: #6e48aa; } .direction-icon { font-size: 3rem; margin-bottom: 20px; color: #9d50bb; } .carousel-nav { display: flex; justify-content: center; margin-top: 20px; } .carousel-nav button { background: #9d50bb; color: white; border: none; padding: 10px 15px; margin: 0 5px; border-radius: 5px; cursor: pointer; transition: background 0.3s; } .carousel-nav button:hover { background: #6e48aa; } /* Контакты */ .contacts { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 30px; } .contact-card { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); text-align: center; } .contact-card h3 { color: #6e48aa; } .contact-card p { margin: 10px 0; } footer { background: #333; color: white; text-align: center; padding: 20px 0; margin-top: 50px; } </style>
</head> <body>
<header>
Добро пожаловать на домашнюю страницу ПР-2866
Альтернативное кредитование
</header> <section class="container">
ИТЛ-кластера
Что-нибудь придумаю
здесь тоже
О проекте
Проект состоит из 4х направлений
Цель - проекта монетизация отказного трафика и увеличение клиентской базы
Направления проекта
МФО
Мы создаем систему, которая будет:
- Перехватывать клиентов, не прошедших стандартные кредитные проверки Банка
- Предлагать им альтернативные продукт через партнерскую МФО
- Зарабатывать на комиссиях с каждого выданного займа
Ценность:
Это направление поможет нам сохранять лояльность клиентов
Зарплата в любой день
1. Позволяет клиентам получать часть зарплаты до payday
2. Дает Банку новые возможности монетизации:
- Получение комиссионного вознаграждения за использование услуги
- Увеличение лояльности зарплатных клиентов
- Перекрестные продажи других продуктов
BNPL - рассрочка в парнетрских сервисах
"Колаборацияс pay later Buy Now, Pay Late позволяет:
- Интегрировать рассрочку напрямую в партнерские площадки
За счет партнерства мы ожидаем пополнять клиентскую базу.
MLM
"Мы выводим кредитные продукты Банка прямо на площадки партнеров, где:
- Клиенты могут оформить кредитную карту в несколько кликов
- Банк зарабатывает на продаже КК увеличивает кредитный портфель
<button onclick="showDirection(0)">1</button> <button onclick="showDirection(1)">2</button> <button onclick="showDirection(2)">3</button> <button onclick="showDirection(3)">4</button>
Наши руководители направлений
МФО
Иван Иванов
Телефон: +7 (123) 456-78-90
Email: ivanov@project.com
Зарпалат в любой день
Петр Петров
Телефон: +7 (123) 456-78-91
Email: petrov@project.com
BNPL
Сергей Сергеев
Телефон: +7 (123) 456-78-92
Email: sergeev@project.com
MLM
Анна Аннова
Телефон: +7 (123) 456-78-93
Email: annova@project.com
</section> <footer>
© Альтернативное кредитование
</footer> <script> let currentDirection = 0; const carousel = document.querySelector('.carousel'); const directions = document.querySelectorAll('.direction'); const totalDirections = directions.length; function showDirection(index) { currentDirection = index; carousel.style.transform = `translateX(-${currentDirection * 100}%)`; } // Автопрокрутка карусели (опционально) setInterval(() => { currentDirection = (currentDirection + 1) % totalDirections; showDirection(currentDirection); }, 5000); </script>
</body> </html>