Начинающий
Начинающий
- Статус
- Оффлайн
- Регистрация
- 10 Авг 2022
- Сообщения
- 74
- Реакции
- 2
Code:
Ps: Сайт без защиты создан чисто для бесплатных читов
SS
index.html:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XPCLIENT V2 - Лучший клиент для комфортной игры</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
--white: #ffffff;
--dark: #1a1a1a;
--gray: #6c757d;
--light-gray: #f8f9fa;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
background: var(--dark);
color: var(--white);
line-height: 1.6;
overflow-x: hidden;
}
/* Navigation */
.navbar {
position: fixed;
top: 0;
width: 100%;
background: rgba(26, 26, 26, 0.95);
backdrop-filter: blur(10px);
padding: 1rem 0;
z-index: 1000;
transition: all 0.3s ease;
}
.navbar-brand {
font-size: 1.8rem;
font-weight: 700;
color: var(--white) !important;
text-decoration: none;
}
.nav-container {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
}
.nav-links {
display: flex;
gap: 2rem;
align-items: center;
}
.nav-links a {
color: var(--white);
text-decoration: none;
transition: all 0.3s ease;
font-weight: 500;
}
.nav-links a:hover {
color: #667eea;
transform: translateY(-2px);
}
.btn-gradient {
background: var(--primary-gradient);
border: none;
padding: 0.75rem 1.5rem;
border-radius: 50px;
color: var(--white);
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
}
.btn-gradient:hover {
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);
}
/* Hero Section */
.hero {
height: 100vh;
display: flex;
align-items: center;
background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://nursultan.fun/storage/img/background.png');
background-size: cover;
background-position: center;
}
.hero-content {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
}
.hero-text h1 {
font-size: 3.5rem;
font-weight: 700;
color: var(--white);
margin-bottom: 1.5rem;
line-height: 1.2;
}
.hero-text p {
font-size: 1.25rem;
color: rgba(255,255,255,0.8);
margin-bottom: 2rem;
}
.hero-buttons {
display: flex;
gap: 1rem;
flex-wrap: wrap;
}
.btn-dark {
background: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.2);
padding: 0.75rem 1.5rem;
border-radius: 50px;
color: var(--white);
text-decoration: none;
transition: all 0.3s ease;
}
.btn-dark:hover {
background: rgba(255,255,255,0.2);
transform: translateY(-2px);
}
/* Benefits Section */
.benefits {
padding: 5rem 2rem;
max-width: 1200px;
margin: 0 auto;
}
.benefits-title {
text-align: center;
margin-bottom: 4rem;
}
.benefits-title h1 {
font-size: 2.5rem;
color: var(--white);
margin-bottom: 1rem;
}
.benefits-title p {
color: rgba(255,255,255,0.7);
font-size: 1.2rem;
}
.benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 2rem;
justify-items: center;
}
.benefit {
background: rgba(255,255,255,0.05);
border: 1px solid rgba(255,255,255,0.1);
border-radius: 15px;
padding: 2rem;
transition: all 0.3s ease;
max-width: 400px;
}
.benefit:hover {
transform: translateY(-5px);
background: rgba(255,255,255,0.08);
box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}
.benefit-header {
font-size: 1.3rem;
font-weight: 600;
margin-bottom: 1rem;
color: var(--white);
}
.benefit-header i {
color: #667eea;
}
/* Video Section */
.video-section {
padding: 5rem 2rem;
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
.video-section h1 {
color: var(--white);
margin-bottom: 1rem;
}
.video-section p {
color: rgba(255,255,255,0.7);
margin-bottom: 2rem;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
border-radius: 15px;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Stats */
.stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
padding: 3rem 2rem;
max-width: 1200px;
margin: 0 auto;
}
.stat {
text-align: center;
background: rgba(255,255,255,0.05);
padding: 2rem;
border-radius: 15px;
}
.stat i {
font-size: 2.5rem;
color: #667eea;
margin-bottom: 1rem;
}
.stat p {
font-size: 2rem;
font-weight: 700;
color: var(--white);
margin-bottom: 0.5rem;
}
.stat span {
color: rgba(255,255,255,0.7);
}
/* Footer */
footer {
background: rgba(0,0,0,0.5);
padding: 3rem 2rem;
margin-top: 4rem;
}
.footer-content {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
}
.footer-section h3 {
color: var(--white);
margin-bottom: 1rem;
}
.footer-section a {
display: block;
color: rgba(255,255,255,0.7);
text-decoration: none;
margin-bottom: 0.5rem;
transition: color 0.3s ease;
}
.footer-section a:hover {
color: #667eea;
}
/* Auth Modal */
.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.8);
z-index: 2000;
align-items: center;
justify-content: center;
}
.modal-content {
background: #1a1a1a;
padding: 2rem;
border-radius: 15px;
width: 90%;
max-width: 400px;
box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
.modal-tabs {
display: flex;
gap: 1rem;
margin-bottom: 2rem;
}
.tab {
flex: 1;
padding: 0.75rem;
text-align: center;
cursor: pointer;
border-bottom: 2px solid transparent;
transition: all 0.3s ease;
}
.tab.active {
border-bottom-color: #667eea;
color: #667eea;
}
.form-group {
margin-bottom: 1.5rem;
}
.form-group label {
display: block;
margin-bottom: 0.5rem;
color: rgba(255,255,255,0.8);
}
.form-group input {
width: 100%;
padding: 0.75rem;
background: rgba(255,255,255,0.1);
border: 1px solid rgba(255,255,255,0.2);
border-radius: 8px;
color: var(--white);
}
.form-group input:focus {
outline: none;
border-color: #667eea;
}
/* User Panel */
.user-panel {
display: none;
max-width: 1200px;
margin: 5rem auto;
padding: 2rem;
}
.user-info {
background: rgba(255,255,255,0.05);
border-radius: 15px;
padding: 2rem;
margin-bottom: 2rem;
}
.user-info h2 {
color: var(--white);
margin-bottom: 1.5rem;
}
.info-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
}
.info-item {
background: rgba(255,255,255,0.05);
padding: 1rem;
border-radius: 8px;
}
.info-item span {
color: rgba(255,255,255,0.7);
font-size: 0.9rem;
}
.info-item strong {
color: var(--white);
display: block;
margin-top: 0.5rem;
}
.download-btn {
display: none;
}
@media (max-width: 768px) {
.hero-content {
grid-template-columns: 1fr;
text-align: center;
}
.hero-text h1 {
font-size: 2.5rem;
}
.nav-links {
flex-direction: column;
gap: 1rem;
}
}
</style>
</head>
<body>
<nav class="navbar">
<div class="nav-container">
<a href="#" class="navbar-brand">XPCLIENT V2</a>
<div class="nav-links">
<a href="#support" target="_blank"><i class="fas fa-headset"></i> Поддержка</a>
<a href="#money"><i class="fas fa-money-bill"></i> Деньги за видео</a>
<a href="#buy"><i class="fas fa-shopping-bag"></i> Купить</a>
<button class="btn-gradient" onclick="openAuthModal()">Авторизация</button>
</div>
</div>
</nav>
<section class="hero">
<div class="hero-content">
<div class="hero-text">
<h1>О нас</h1>
<p>Мы предоставляем вам лучший клиент для комфортной игры, который даст вам наилучшие впечатления от игры.</p>
<div class="hero-buttons">
<a href="#buy" class="btn-gradient"><i class="fas fa-shopping-bag"></i> Купить</a>
<a href="#discord" class="btn-dark">Подробнее <i class="fas fa-arrow-right"></i></a>
</div>
</div>
</div>
</section>
<section class="benefits">
<div class="benefits-title">
<h1>Наши преимущества</h1>
<p>Мы кратко изложили вам то, что вы гарантированно получите после покупки нашего клиента.</p>
</div>
<div class="benefits-grid">
<div class="benefit">
<div class="benefit-header">
<i class="fas fa-eye"></i> Красивый внешний вид
</div>
<p>В нашем клиенте присутствует большое количество визуальных функций, которые сделают вашу игру более красочной.</p>
</div>
<div class="benefit">
<div class="benefit-header">
<i class="fas fa-sliders-h"></i> Настраиваемость
</div>
<p>В нашем клиенте вы можете настроить практически любую функцию под себя, а так же использовать конфигурации других пользователей.</p>
</div>
<div class="benefit">
<div class="benefit-header">
<i class="fas fa-tachometer-alt"></i> Оптимизация
</div>
<p>Мы постоянно улучшаем оптимизацию нашего клиента и самой игры. Благодаря этому вы сможете запустить наш клиент даже на слабых компьютерах.</p>
</div>
<div class="benefit">
<div class="benefit-header">
<i class="fas fa-sync"></i> Частые обновления
</div>
<p>Мы регулярно обновляем функционал в нашем клиенте, добавляя новые функции, а так же совершенствуя уже существующие.</p>
</div>
<div class="benefit">
<div class="benefit-header">
<i class="fas fa-headset"></i> Лучшая поддержка
</div>
<p>У нас самая лучшая поддержка, которая разбирается в своём деле и сможет помочь вам по любому вопросу связанному с нашим клиентом.</p>
</div>
</div>
</section>
<section class="video-section">
<h1>Видеообзор</h1>
<p>Ниже вы можете посмотреть небольшой геймплей с нашим клиентом.</p>
<div class="video-container">
<iframe src="https://www.youtube.com/embed/_WvoEudQWg0" frameborder="0" allowfullscreen></iframe>
</div>
</section>
<section class="stats">
<div class="stat">
<i class="fas fa-users"></i>
<p>256354</p>
<span>Пользователей</span>
</div>
<div class="stat">
<i class="fas fa-play-circle"></i>
<p>8552645</p>
<span>Запусков клиента</span>
</div>
<div class="stat">
<i class="fas fa-sync"></i>
<p>1089</p>
<span>Обновлений вышло</span>
</div>
<div class="stat">
<i class="fas fa-calendar-alt"></i>
<p>1086</p>
<span>Дней с открытия</span>
</div>
</section>
<footer>
<div class="footer-content">
<div class="footer-section">
<h3>XPCLIENT V2</h3>
<p>Лучший клиент для комфортной игры</p>
</div>
<div class="footer-section">
<h3>Навигация</h3>
<a href="#">Главная</a>
<a href="#buy">Купить</a>
<a href="#support">Поддержка</a>
</div>
<div class="footer-section">
<h3>Правовая информация</h3>
<a href="#data">Обработка персональных данных</a>
<a href="#eula">Пользовательское соглашение</a>
<a href="#rules">Правила пользования</a>
</div>
<div class="footer-section">
<p>Почта для связи: ntfhelp@mail.ru</p>
<p>ПН-ПТ 10:00-18:00 МСК</p>
</div>
</div>
</footer>
<!-- Auth Modal -->
<div id="authModal" class="modal">
<div class="modal-content">
<div class="modal-tabs">
<div class="tab active" onclick="switchTab('login')">Вход</div>
<div class="tab" onclick="switchTab('register')">Регистрация</div>
</div>
<form id="loginForm" style="display: block;">
<div class="form-group">
<label>Логин</label>
<input type="text" id="loginUsername" required>
</div>
<div class="form-group">
<label>Пароль</label>
<input type="password" id="loginPassword" required>
</div>
<button type="submit" class="btn-gradient" style="width: 100%;">Войти</button>
</form>
<form id="registerForm" style="display: none;">
<div class="form-group">
<label>Логин</label>
<input type="text" id="regUsername" required>
</div>
<div class="form-group">
<label>Email</label>
<input type="email" id="regEmail" required>
</div>
<div class="form-group">
<label>Пароль</label>
<input type="password" id="regPassword" required>
</div>
<button type="submit" class="btn-gradient" style="width: 100%;">Зарегистрироваться</button>
</form>
</div>
</div>
<!-- User Panel -->
<div id="userPanel" class="user-panel">
<div class="user-info">
<h2 id="userGreeting">Привет, пользователь!</h2>
<div class="info-grid">
<div class="info-item">
<span>UID</span>
<strong id="userUID">-</strong>
</div>
<div class="info-item">
<span>Логин</span>
<strong id="userLogin">-</strong>
</div>
<div class="info-item">
<span>Группа</span>
<strong>Пользователь</strong>
</div>
<div class="info-item">
<span>Дата регистрации</span>
<strong id="regDate">-</strong>
</div>
<div class="info-item">
<span>Последний вход</span>
<strong id="lastLogin">-</strong>
</div>
<div class="info-item">
<span>E-mail</span>
<strong id="userEmail">-</strong>
</div>
<div class="info-item">
<span>HWID</span>
<strong>NOT SET</strong>
</div>
</div>
</div>
<div class="user-info">
<h2>Активация ключа</h2>
<div class="form-group">
<input type="text" id="licenseKey" placeholder="Введите ключ">
<button class="btn-gradient" onclick="activateKey()">Активировать</button>
</div>
</div>
<div class="user-info">
<h2>Клиент</h2>
<button id="buyBtn" class="btn-gradient" onclick="showBuyOptions()">Купить клиент</button>
<a id="downloadBtn" href="loader.exe" download class="btn-gradient download-btn" style="display: none;">
<i class="fas fa-download"></i> Скачать клиент
</a>
</div>
</div>
<script>
let currentUser = null;
function openAuthModal() {
document.getElementById('authModal').style.display = 'flex';
}
function closeAuthModal() {
document.getElementById('authModal').style.display = 'none';
}
function switchTab(tab) {
const loginForm = document.getElementById('loginForm');
const registerForm = document.getElementById('registerForm');
const tabs = document.querySelectorAll('.tab');
tabs.forEach(t => t.classList.remove('active'));
event.target.classList.add('active');
if (tab === 'login') {
loginForm.style.display = 'block';
registerForm.style.display = 'none';
} else {
loginForm.style.display = 'none';
registerForm.style.display = 'block';
}
}
document.getElementById('registerForm').addEventListener('submit', function(e) {
e.preventDefault();
const username = document.getElementById('regUsername').value;
const email = document.getElementById('regEmail').value;
const password = document.getElementById('regPassword').value;
currentUser = {
username: username,
email: email,
uid: Math.floor(Math.random() * 10000) + 1,
regDate: new Date().toLocaleDateString(),
lastLogin: new Date().toLocaleDateString()
};
localStorage.setItem('currentUser', JSON.stringify(currentUser));
showUserPanel();
closeAuthModal();
});
document.getElementById('loginForm').addEventListener('submit', function(e) {
e.preventDefault();
const username = document.getElementById('loginUsername').value;
const password = document.getElementById('loginPassword').value;
const storedUser = localStorage.getItem('currentUser');
if (storedUser) {
currentUser = JSON.parse(storedUser);
if (currentUser.username === username) {
currentUser.lastLogin = new Date().toLocaleDateString();
localStorage.setItem('currentUser', JSON.stringify(currentUser));
showUserPanel();
closeAuthModal();
}
}
});
function showUserPanel() {
document.querySelector('.hero').style.display = 'none';
document.querySelector('.benefits').style.display = 'none';
document.querySelector('.video-section').style.display = 'none';
document.querySelector('.stats').style.display = 'none';
document.querySelector('footer').style.display = 'none';
document.getElementById('userPanel').style.display = 'block';
if (currentUser) {
document.getElementById('userGreeting').textContent = `Привет, ${currentUser.username}!`;
document.getElementById('userUID').textContent = currentUser.uid;
document.getElementById('userLogin').textContent = currentUser.username;
document.getElementById('regDate').textContent = currentUser.regDate;
document.getElementById('lastLogin').textContent = currentUser.lastLogin;
document.getElementById('userEmail').textContent = currentUser.email;
}
}
function activateKey() {
const key = document.getElementById('licenseKey').value;
if (key === 'Really') {
alert('Ключ активирован! Подписка активна на 30 дней.');
document.getElementById('buyBtn').style.display = 'none';
document.getElementById('downloadBtn').style.display = 'inline-block';
} else {
alert('Неверный ключ!');
}
}
function showBuyOptions() {
alert('Для покупки клиента обратитесь в поддержку: ntfhelp@mail.ru');
}
window.onclick = function(event) {
const modal = document.getElementById('authModal');
if (event.target === modal) {
closeAuthModal();
}
}
window.onload = function() {
const storedUser = localStorage.getItem('currentUser');
if (storedUser) {
currentUser = JSON.parse(storedUser);
showUserPanel();
}
}
</script>
</body>
</html>SS
Вложения
Последнее редактирование:
