2026-10-24 10:51:42 +00:00
<!DOCTYPE html>
< html lang = "ru" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > DmitriyVPN — Быстрый и стабильный VPN для всех устройств< / title >
< link href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap" rel = "stylesheet" >
2026-10-24 11:23:14 +00:00
< link rel = "stylesheet" href = "styles.css" >
2026-10-24 10:51:42 +00:00
< / head >
< body >
2026-10-24 11:03:15 +00:00
<!-- Mobile nav overlay -->
< nav class = "mobile-nav" id = "mobileNav" >
< a href = "#features" onclick = "closeMobile()" > Преимущества< / a >
< a href = "#devices" onclick = "closeMobile()" > Устройства< / a >
< a href = "#pricing" onclick = "closeMobile()" > Тарифы< / a >
< a href = "#faq" onclick = "closeMobile()" > FAQ< / a >
< a href = "#reviews" onclick = "closeMobile()" > Отзывы< / a >
< a href = "#support" onclick = "closeMobile()" > Поддержка< / a >
< a href = "https://t.me/DmitriyVPN" target = "_blank" class = "btn-tg-nav" > Telegram Канал< / a >
< / nav >
2026-10-24 10:51:42 +00:00
< header >
< div class = "container header-wrap" >
< a href = "#" class = "logo" > Dmitriy< span > VPN< / span > < / a >
< nav >
2026-10-24 11:03:15 +00:00
< a href = "#features" > Преимущества< / a >
< a href = "#devices" > Устройства< / a >
2026-10-24 10:51:42 +00:00
< a href = "#pricing" > Тарифы< / a >
2026-10-24 11:03:15 +00:00
< a href = "#faq" > FAQ< / a >
2026-10-24 10:51:42 +00:00
< a href = "#reviews" > Отзывы< / a >
< a href = "#support" > Поддержка< / a >
< a href = "https://t.me/DmitriyVPN" target = "_blank" class = "btn-tg-nav" > Telegram Канал< / a >
< / nav >
2026-10-24 11:03:15 +00:00
< button class = "burger" id = "burger" onclick = "toggleMobile()" aria-label = "Открыть меню" >
< span > < / span > < span > < / span > < span > < / span >
< / button >
2026-10-24 10:51:42 +00:00
< / div >
< / header >
< main class = "container" >
2026-10-24 11:03:15 +00:00
<!-- HERO -->
< section class = "hero reveal" >
2026-10-24 10:51:42 +00:00
< div class = "hero-left" >
< div class = "badge" > Для всех устройств< / div >
< h1 > Надежный интернет без < span > ограничений< / span > < / h1 >
< p class = "hero-text" >
2026-10-24 11:03:15 +00:00
DmitriyVPN — современное, легковесное решение для вашей безопасности. Стабильный обход блокировок, минимальный пинг в играх и мгновенная скорость на любом устройстве.
2026-10-24 10:51:42 +00:00
< / p >
< div class = "hero-btns" >
< a href = "#pricing" class = "btn-main" > Выбрать тариф< / a >
< a href = "https://t.me/DmitriyVPN" target = "_blank" class = "btn-sec" > В < / a >
< / div >
< / div >
< div class = "hero-right" >
< div class = "shield-graphic" >
< div class = "shield-icon" > 🛡️< / div >
< div class = "shield-label" > DMITRIY_CORE V2< / div >
< / div >
< / div >
< / section >
2026-10-24 11:03:15 +00:00
<!-- FEATURES -->
< section id = "features" class = "reveal" >
< h2 class = "section-title" > Почему выбирают нас< / h2 >
< p class = "section-sub" > Всё что нужно для быстрого, безопасного и стабильного интернета< / p >
< div class = "grid-features" >
< div class = "feature-card" >
< span class = "feature-icon" > 🚀< / span >
< div class = "feature-title" > Максимальная скорость< / div >
< div class = "feature-desc" > До 1 Гбит/с < / div >
< / div >
< div class = "feature-card" >
< span class = "feature-icon" > 🔒< / span >
< div class = "feature-title" > Без логов< / div >
< div class = "feature-desc" > Мы не храним никаких данных о < / div >
< / div >
< div class = "feature-card" >
< span class = "feature-icon" > 🌍< / span >
< div class = "feature-title" > 20 локаций< / div >
< div class = "feature-desc" > Серверы по всему миру: Европа, Азия, Америка — выбери ближайший.< / div >
< / div >
< div class = "feature-card" >
< span class = "feature-icon" > ⚡< / span >
2026-10-24 11:16:57 +00:00
< div class = "feature-title" > Пинг < 100 мс< / div >
2026-10-24 11:03:15 +00:00
< div class = "feature-desc" > Оптимизировано для игр. Никаких потерь пакетов и лагов.< / div >
< / div >
< / div >
< / section >
<!-- DEVICES -->
< section id = "devices" class = "reveal" >
< h2 class = "section-title" > Поддерживаемые устройства< / h2 >
< p class = "section-sub" > Один аккаунт — все ваши гаджеты< / p >
< div class = "grid-devices" >
< div class = "device-card" >
< span class = "device-icon" > 🖥️< / span >
< div class = "device-name" > Windows< / div >
< / div >
< div class = "device-card" >
< span class = "device-icon" > 🍎< / span >
< div class = "device-name" > macOS< / div >
< / div >
< div class = "device-card" >
< span class = "device-icon" > 🤖< / span >
< div class = "device-name" > Android< / div >
< / div >
< div class = "device-card" >
< span class = "device-icon" > 📱< / span >
< div class = "device-name" > iOS< / div >
< / div >
< div class = "device-card" >
< span class = "device-icon" > 🐧< / span >
< div class = "device-name" > Linux< / div >
< / div >
< div class = "device-card" >
< span class = "device-icon" > 📺< / span >
< div class = "device-name" > Android TV< / div >
< / div >
< / div >
< / section >
<!-- HOW TO CONNECT -->
< section id = "connect" class = "reveal" >
< h2 class = "section-title" > Подключение за 3 шага< / h2 >
< p class = "section-sub" > Никаких сложных настроек — просто работает< / p >
< div class = "steps" >
< div class = "step-card" >
< div class = "step-num" > 1< / div >
< div class = "step-title" > Открой Telegram-бот< / div >
< div class = "step-desc" > Перейди в наш бот @DmitriyVPN и нажми Старт. Регистрация не требуется.< / div >
< / div >
< div class = "step-card" >
< div class = "step-num" > 2< / div >
< div class = "step-title" > Выбери тариф< / div >
< div class = "step-desc" > Выбери подходящий план и оплати удобным способом — всё внутри бота.< / div >
< / div >
< div class = "step-card" >
< div class = "step-num" > 3< / div >
< div class = "step-title" > Подключись за 1 минуту< / div >
< div class = "step-desc" > Получи конфиг или QR-код и импортируй е г о < / div >
< / div >
< / div >
< / section >
<!-- PRICING -->
< section id = "pricing" class = "reveal" >
2026-10-24 10:51:42 +00:00
< h2 class = "section-title" > Гибкие тарифные планы< / h2 >
2026-10-24 11:03:15 +00:00
< p class = "section-sub" > Выбери период — сэкономь больше< / p >
< div class = "billing-toggle" >
< button class = "billing-btn active" data-period = "month" onclick = "setBilling('month', this)" > 1 месяц< / button >
< button class = "billing-btn" data-period = "3month" onclick = "setBilling('3month', this)" >
3 месяца < span class = "save-badge" > − < / span >
< / button >
< button class = "billing-btn" data-period = "year" onclick = "setBilling('year', this)" >
12 месяцев < span class = "save-badge" > − < / span >
< / button >
< / div >
2026-10-24 10:51:42 +00:00
< div class = "grid-pricing" >
2026-10-24 11:03:15 +00:00
2026-10-24 10:51:42 +00:00
<!-- Бесплатный -->
< div class = "price-card" >
< div class = "card-name" > Бесплатный< / div >
< div class = "card-price" > 0 ₽< span > / навсегда< / span > < / div >
< ul class = "card-features" >
< li > Медленная скорость работы< / li >
< li > Доступно всего 5 локаций< / li >
< li class = "disabled" > Обход жестких глушилок< / li >
< li class = "disabled" > Приоритетная поддержка< / li >
< / ul >
< a href = "https://t.me/DmitriyVPN" target = "_blank" class = "btn-card btn-card-sec" > Подключить< / a >
< / div >
2026-10-24 11:03:15 +00:00
<!-- Платные -->
2026-10-24 10:51:42 +00:00
< div class = "price-card featured" >
< div class = "card-name" > Платные тарифы< / div >
2026-10-24 11:03:15 +00:00
< div class = "card-price" >
от < span id = "price-from" class = "price-val" > 109.22< / span > ₽< span > / мес.< / span >
< / div >
2026-10-24 10:51:42 +00:00
< ul class = "card-features" >
< li > < strong > Максимальная скорость соединения< / strong > < / li >
2026-10-24 11:03:15 +00:00
< li > < strong > 20 доступных локаций< / strong > < / li >
2026-10-24 10:51:42 +00:00
< li > < strong > Полный обход глушилок< / strong > < / li >
< li > Высокая стабильность работы< / li >
< / ul >
< div class = "bot-sub-list" >
< div class = "bot-sub-item" >
< span > Standard | 1 устр.< / span >
2026-10-24 11:03:15 +00:00
< strong > < span class = "price-val" id = "price-standard" > 109.22< / span > ₽< / strong >
2026-10-24 10:51:42 +00:00
< / div >
< div class = "bot-sub-item" >
< span > Pro | 5 устр.< / span >
2026-10-24 11:03:15 +00:00
< strong > < span class = "price-val" id = "price-pro" > 194.41< / span > ₽< / strong >
2026-10-24 10:51:42 +00:00
< / div >
< div class = "bot-sub-item" >
< span > Premium | 15 устр.< / span >
2026-10-24 11:03:15 +00:00
< strong > < span class = "price-val" id = "price-premium" > 291.62< / span > ₽< / strong >
2026-10-24 10:51:42 +00:00
< / div >
< / div >
< a href = "https://t.me/DmitriyVPN" target = "_blank" class = "btn-card btn-card-primary" > Открыть в Telegram< / a >
< / div >
<!-- Пробный -->
< div class = "price-card" >
< div class = "card-name" > Пробный тест< / div >
< div class = "card-price" > 0 ₽< span > / 3 дня< / span > < / div >
< ul class = "card-features" >
< li > Высокая скорость работы< / li >
< li > Доступно 10 локаций< / li >
< li class = "disabled" > Обход жестких глушилок< / li >
< li class = "disabled" > Приоритетная поддержка< / li >
< / ul >
< a href = "https://t.me/DmitriyVPN" target = "_blank" class = "btn-card btn-card-sec" > Попробовать< / a >
< / div >
< / div >
< / section >
2026-10-24 11:03:15 +00:00
<!-- FAQ -->
< section id = "faq" class = "reveal" >
< h2 class = "section-title" > Часто задаваемые вопросы< / h2 >
< p class = "section-sub" > Ответы на самые популярные вопросы< / p >
< div class = "faq-list" >
< div class = "faq-item" >
< button class = "faq-q" onclick = "toggleFaq(this)" >
Работает ли VPN в России в 2026 году?
< div class = "faq-icon" > +< / div >
< / button >
< div class = "faq-a" >
< div class = "faq-a-inner" > Да. DmitriyVPN использует современные протоколы, разработанные для обхода глубокой инспекции пакетов (DPI). Платные тарифы имеют полный обход жёстких блокировок и стабильно работают на территории РФ.< / div >
< / div >
< / div >
< div class = "faq-item" >
< button class = "faq-q" onclick = "toggleFaq(this)" >
Какой протокол используется?
< div class = "faq-icon" > +< / div >
< / button >
< div class = "faq-a" >
< div class = "faq-a-inner" > Мы используем VLESS / XTLS-Reality — один из самых современных и необнаруживаемых протоколов. Он маскирует трафик под обычный HTTPS, что делает е г о < / div >
< / div >
< / div >
< div class = "faq-item" >
< button class = "faq-q" onclick = "toggleFaq(this)" >
Как быстро активируется подписка после оплаты?
< div class = "faq-icon" > +< / div >
< / button >
< div class = "faq-a" >
< div class = "faq-a-inner" > Мгновенно. Бот автоматически выдаёт конфиг сразу после подтверждения оплаты — обычно не более 30 секунд.< / div >
< / div >
< / div >
< div class = "faq-item" >
< button class = "faq-q" onclick = "toggleFaq(this)" >
Можно ли использовать на телефоне и Android TV?
< div class = "faq-icon" > +< / div >
< / button >
< div class = "faq-a" >
< div class = "faq-a-inner" > Да, VPN работает на Android, iOS, Android TV, Windows, macOS и Linux. Для подключения используется v2rayNG (Android / Android TV) или Shadowrocket (iOS). Установка занимает 1– < / div >
< / div >
< / div >
< div class = "faq-item" >
< button class = "faq-q" onclick = "toggleFaq(this)" >
Сохраняются ли логи моей активности?
< div class = "faq-icon" > +< / div >
< / button >
< div class = "faq-a" >
< div class = "faq-a-inner" > Нет. Мы придерживаемся строгой политики No-Log. Никакие данные о < / div >
< / div >
< / div >
< div class = "faq-item" >
< button class = "faq-q" onclick = "toggleFaq(this)" >
Что делать если VPN перестал работать?
< div class = "faq-icon" > +< / div >
< / button >
< div class = "faq-a" >
< div class = "faq-a-inner" > Напишите в техподдержку @Gioramily — проблема обычно решается за несколько минут. Также можно попробовать сменить локацию сервера прямо в боте.< / div >
< / div >
< / div >
< / div >
< / section >
<!-- REVIEWS -->
< section id = "reviews" class = "reveal" >
2026-10-24 10:51:42 +00:00
< h2 class = "section-title" > Что говорят пользователи< / h2 >
2026-10-24 11:03:15 +00:00
< p class = "section-sub" > Реальные отзывы от наших клиентов< / p >
2026-10-24 10:51:42 +00:00
< div class = "grid-reviews" >
< div class = "review-card" >
2026-10-24 11:03:15 +00:00
< div class = "review-header" >
< div class = "review-avatar" > С < / div >
< div >
< div class = "review-stars" > ★★★★★< / div >
< div class = "review-user" > Сергей К < / div >
< div class = "review-verified" > ✓ Проверенный покупатель< / div >
< / div >
< / div >
< p class = "review-text" > «Брал премиум чисто ради того, чтобы нормально смотреть видосы в 4К < / p >
2026-10-24 10:51:42 +00:00
< / div >
< div class = "review-card" >
2026-10-24 11:03:15 +00:00
< div class = "review-header" >
< div class = "review-avatar" > D< / div >
< div >
< div class = "review-stars" > ★★★★★< / div >
< div class = "review-user" > Dima_Gamer< / div >
< div class = "review-verified" > ✓ Проверенный покупатель< / div >
< / div >
< / div >
2026-10-24 10:51:42 +00:00
< p class = "review-text" > «Респект разработчику за пинг! Играю в онлайн-шутеры, с < / p >
< / div >
< / div >
< / section >
2026-10-24 11:03:15 +00:00
<!-- SUPPORT -->
< section id = "support" class = "reveal" >
2026-10-24 10:51:42 +00:00
< div class = "support-card" >
< h3 > Возникли вопросы или нужна помощь?< / h3 >
2026-10-24 11:03:15 +00:00
< p > Наша техническая поддержка работает оперативно. Если не получается настроить клиент или есть вопросы по оплате — напишите нам напрямую.< / p >
2026-10-24 10:51:42 +00:00
< a href = "https://t.me/Gioramily" target = "_blank" class = "btn-support" > Связаться с < / a >
< / div >
< / section >
< / main >
< footer >
< div class = "container" >
2026-10-24 11:03:15 +00:00
< p > © 2026 DmitriyVPN. В с е < / p >
2026-10-24 10:51:42 +00:00
< / div >
< / footer >
2026-10-24 11:03:15 +00:00
< script >
/* ===== BURGER MENU ===== */
function toggleMobile() {
const burger = document.getElementById('burger');
const nav = document.getElementById('mobileNav');
const isOpen = burger.classList.toggle('open');
nav.classList.toggle('open', isOpen);
document.body.style.overflow = isOpen ? 'hidden' : '';
}
function closeMobile() {
document.getElementById('burger').classList.remove('open');
document.getElementById('mobileNav').classList.remove('open');
document.body.style.overflow = '';
}
/* ===== SCROLL REVEAL ===== */
const revealObserver = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('visible');
revealObserver.unobserve(entry.target);
}
});
}, { threshold: 0.08 });
document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));
/* ===== BILLING TOGGLE ===== */
const prices = {
month: { standard: 109.22, pro: 194.41, premium: 291.62 },
'3month': { standard: 98.30, pro: 174.97, premium: 262.46 },
year: { standard: 87.38, pro: 155.53, premium: 233.30 }
};
function setBilling(period, btn) {
document.querySelectorAll('.billing-btn').forEach(b => b.classList.remove('active'));
btn.classList.add('active');
const p = prices[period];
const els = {
'price-from': p.standard,
'price-standard': p.standard,
'price-pro': p.pro,
'price-premium': p.premium
};
Object.entries(els).forEach(([id, val]) => {
const el = document.getElementById(id);
el.classList.add('updating');
setTimeout(() => {
el.textContent = val.toFixed(2);
el.classList.remove('updating');
}, 150);
});
}
/* ===== FAQ ACCORDION ===== */
function toggleFaq(btn) {
const item = btn.parentElement;
const answer = item.querySelector('.faq-a');
const isOpen = item.classList.contains('open');
// Close all
document.querySelectorAll('.faq-item').forEach(i => {
i.classList.remove('open');
i.querySelector('.faq-a').style.maxHeight = null;
});
// Open if was closed
if (!isOpen) {
item.classList.add('open');
answer.style.maxHeight = answer.scrollHeight + 'px';
}
}
< / script >
2026-10-24 10:51:42 +00:00
< / body >
< / html >
