Добро пожаловать в Френдс казино

Официальный сайт с лицензией Curacao. Бонусы до 200% за первый депозит.

Преимущества Френдс казино

Безопасность

Лицензия Curacao гарантирует безопасность игр

Бонусы

До 200% за первый депозит + 50 фриспинов

Выплаты

Быстрые выводы средств от 15 минут

Популярные игры

Слоты в Френдс казино

Слоты

Более 1000 игровых автоматов

Настольные игры Френдс

Настольные игры

Рулетка, блэкджек, покер

Live казино Френдс

Live казино

Игры с живыми дилерами

Бонусная программа

Приветственный бонус

200% к первому депозиту до 20 000 рублей

Фриспины

50 фриспинов за регистрацию

Кешбэк

Еженедельный кешбэк до 15%

Регистрация в Френдс казино

1

Введите email и пароль

2

Подтвердите email

3

Пополните счет от 500 рублей

Частые вопросы

Как вывести выигрыш?

Вывод доступен через личный кабинет от 500 рублей

Нужна ли верификация?

Верификация требуется при выводе от 15 000 рублей

Есть ли мобильное приложение?

Да, доступно для iOS и Android

``` ```css /* styles.css */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Arial', sans-serif; line-height: 1.6; color: #333; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .header { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); padding: 1rem 0; position: fixed; width: 100%; top: 0; z-index: 1000; } .header-content { display: flex; justify-content: space-between; align-items: center; } .logo h1 { color: #2c3e50; font-size: 1.8rem; } .nav-list { display: flex; list-style: none; gap: 2rem; } .nav-list a { text-decoration: none; color: #2c3e50; font-weight: 500; transition: color 0.3s; } .nav-list a:hover { color: #667eea; } .header-actions { display: flex; gap: 1rem; } .btn-login, .btn-register { padding: 0.5rem 1.5rem; border: none; border-radius: 5px; cursor: pointer; transition: all 0.3s; } .btn-login { background: transparent; border: 2px solid #667eea; color: #667eea; } .btn-register { background: #667eea; color: white; } .btn-login:hover { background: #667eea; color: white; } .btn-register:hover { background: #5a6fd8; } .hero { background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/hero-bg.jpg'); background-size: cover; background-position: center; color: white; padding: 8rem 0; text-align: center; margin-top: 80px; } .hero h2 { font-size: 3rem; margin-bottom: 1rem; } .hero p { font-size: 1.2rem; margin-bottom: 2rem; } .hero-actions { display: flex; gap: 1rem; justify-content: center; } .btn-primary, .btn-secondary { padding: 1rem 2rem; border: none; border-radius: 5px; cursor: pointer; font-size: 1.1rem; transition: all 0.3s; } .btn-primary { background: #e74c3c; color: white; } .btn-secondary { background: transparent; border: 2px solid white; color: white; } .btn-primary:hover { background: #c0392b; } .btn-secondary:hover { background: white; color: #333; } .features { padding: 4rem 0; background: white; } .features h3 { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .feature-card { background: #f8f9fa; padding: 2rem; border-radius: 10px; text-align: center; transition: transform 0.3s; } .feature-card:hover { transform: translateY(-5px); } .feature-card h4 { font-size: 1.5rem; margin-bottom: 1rem; color: #2c3e50; } .games { padding: 4rem 0; background: #f8f9fa; } .games h3 { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; } .games-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .game-card { background: white; padding: 2rem; border-radius: 10px; text-align: center; box-shadow: 0 4px 6px rgba(0,0,0,0.1); transition: transform 0.3s; } .game-card:hover { transform: translateY(-5px); } .game-card h4 { font-size: 1.5rem; margin-bottom: 1rem; color: #2c3e50; } .bonuses { padding: 4rem 0; background: white; } .bonuses h3 { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; } .bonus-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; } .bonus-item { background: #f8f9fa; padding: 2rem; border-radius: 10px; text-align: center; } .bonus-item h4 { font-size: 1.3rem; margin-bottom: 1rem; color: #2c3e50; } .registration { padding: 4rem 0; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; text-align: center; } .registration h3 { font-size: 2.5rem; margin-bottom: 3rem; } .reg-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; margin-bottom: 3rem; } .step { background: rgba(255,255,255,0.1); padding: 2rem; border-radius: 10px; backdrop-filter: blur(10px); } .step span { display: block; font-size: 2rem; font-weight: bold; margin-bottom: 1rem; } .btn-register-large { padding: 1.2rem 3rem; background: #e74c3c; color: white; border: none; border-radius: 5px; font-size: 1.2rem; cursor: pointer; transition: background 0.3s; } .btn-register-large:hover { background: #c0392b; } .faq { padding: 4rem 0; background: white; } .faq h3 { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; } .faq-list { max-width: 800px; margin: 0 auto; } .faq-item { margin-bottom: 2rem; padding: 2rem; background: #f8f9fa; border-radius: 10px; } .faq-item h4 { font-size: 1.3rem; margin-bottom: 1rem; color: #2c3e50; } .footer { background: #2c3e50; color: white; padding: 3rem 0 1rem; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .footer-section h4 { margin-bottom: 1rem; font-size: 1.3rem; } .footer-section ul { list-style: none; } .footer-section ul li { margin-bottom: 0.5rem; } .footer-section a { color: #bdc3c7; text-decoration: none; transition: color 0.3s; } .footer-section a:hover { color: white; } .social-links { display: flex; gap: 1rem; margin-top: 1rem; } .footer-bottom { text-align: center; padding-top: 2rem; border-top: 1px solid #34495e; } @media (max-width: 768px) { .header-content { flex-direction: column; gap: 1rem; } .nav-list { flex-direction: column; text-align: center; gap: 1rem; } .hero h2 { font-size: 2rem; } .hero-actions { flex-direction: column; align-items: center; } } ``` ```javascript // script.js document.addEventListener('DOMContentLoaded', function() { // Smooth scroll for navigation links document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); document.querySelector(this.getAttribute('href')).scrollIntoView({ behavior: 'smooth' }); }); }); // Registration form handling const registerButtons = document.querySelectorAll('.btn-register, .btn-register-large'); registerButtons.forEach(button => { button.addEventListener('click', function() { // Simulate registration process alert('Регистрация временно недоступна. Пожалуйста, попробуйте позже.'); }); }); // Login form handling const loginButton = document.querySelector('.btn-login'); loginButton.addEventListener('click', function() { alert('Функция входа временно недоступна.'); }); // FAQ accordion functionality const faqItems = document.querySelectorAll('.faq-item'); faqItems.forEach(item => { const question = item.querySelector('h4'); const answer = item.querySelector('p'); // Initially hide answers answer.style.display = 'none'; question.addEventListener('click', function() { const isVisible = answer.style.display === 'block'; answer.style.display = isVisible ? 'none' : 'block'; }); }); // Add loading animation for buttons const buttons = document.querySelectorAll('button'); buttons.forEach(button => { button.addEventListener('click', function() { const originalText = this.textContent; this.textContent = 'Загрузка...'; this.disabled = true; setTimeout(() => { this.textContent = originalText; this.disabled = false; }, 1500); }); }); // Add scroll animation for sections const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }; const observer = new IntersectionObserver(function(entries) { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.style.opacity = '1'; entry.target.style.transform = 'translateY(0)'; } }); }, observerOptions); // Observe all sections for animation document.querySelectorAll('section').forEach(section => { section.style.opacity = '0'; section.style.transform = 'translateY(20px)'; section.style.transition = 'opacity 0.5s ease, transform 0.5s ease'; observer.observe(section); }); });