Хлам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>