update v1.1.2
This commit is contained in:
parent
635d1a4ce1
commit
93e4c9297d
129
items/boxes/blackbox-4gb.html
Normal file
129
items/boxes/blackbox-4gb.html
Normal file
@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - BlackBox 4GB</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к продуктам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">BlackBox 4GB</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox 4GB" class="w-full max-w-xs rounded-lg">
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">299 €</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Все функции первых моделей + удалённый рабочий стол (Workspace). 4 GB RAM.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('BlackBox 4GB', 'Все функции первых моделей + удалённый рабочий стол (Workspace). 4 GB RAM.')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Характеристики</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Все функции BlackBox VPN и Privacy
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Удалённый рабочий стол (Workspace)
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>4 GB оперативной памяти
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Высокая производительность
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/boxes/blackbox-ai.html
Normal file
129
items/boxes/blackbox-ai.html
Normal file
@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - BlackBox AI</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к продуктам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">BlackBox AI</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox AI" class="w-full max-w-xs rounded-lg">
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">2999 €</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Включает все технологии BlackBox. Приватный искусственный интеллект. Максимальная автономность и защита.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('BlackBox AI', 'Включает все технологии BlackBox. Приватный искусственный интеллект. Максимальная автономность и защита.')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Характеристики</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Все технологии BlackBox
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Приватный искусственный интеллект
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Максимальная автономность
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Максимальная защита
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
132
items/boxes/blackbox-privacy.html
Normal file
132
items/boxes/blackbox-privacy.html
Normal file
@ -0,0 +1,132 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - BlackBox Privacy</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к продуктам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">BlackBox Privacy Messenger/Cloud</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox Privacy" class="w-full max-w-xs rounded-lg">
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">199 €</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Встроенный Matrix Messenger или Nextcloud. 1 GB RAM. Полный контроль над вашими данными.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Характеристики</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Встроенный Matrix Messenger
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Nextcloud для хранения файлов
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>1 GB оперативной памяти
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Полный контроль над данными
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>End-to-end шифрование
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/boxes/blackbox-shop.html
Normal file
129
items/boxes/blackbox-shop.html
Normal file
@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - BlackBox Shop</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к продуктам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">BlackBox Shop</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox Shop" class="w-full max-w-xs rounded-lg">
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">от 499 €</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Создание магазина в Telegram через бота. Загрузка товаров, описание, цена. Оплата за товары через криптовалюту. Полная анонимность продавца и покупателя.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('BlackBox Shop', 'Создание магазина в Telegram через бота. Загрузка товаров, описание, цена. Оплата за товары через криптовалюту. Полная анонимность продавца и покупателя.')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Характеристики</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Создание магазина в Telegram
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Загрузка товаров и описаний
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Оплата криптовалютой
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Полная анонимность
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
131
items/boxes/blackbox-vpn.html
Normal file
131
items/boxes/blackbox-vpn.html
Normal file
@ -0,0 +1,131 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - BlackBox VPN</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к продуктам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">BlackBox VPN</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox VPN" class="w-full max-w-xs rounded-lg">
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-3 animate-pulse">
|
||||
<span>499 €</span>
|
||||
</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Создаёт Wi-Fi точку с защищённым VPN. 512 MB RAM.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Характеристики</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Защищённое VPN соединение
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>512 MB оперативной памяти
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Автономная работа
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Поддержка всех основных протоколов
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/boxes/blackbox-workstation.html
Normal file
129
items/boxes/blackbox-workstation.html
Normal file
@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - BlackBox Workstation</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к продуктам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">BlackBox Workstation</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<img src="/images/bb_on_white-square.webp" alt="BlackBox Workstation" class="w-full max-w-xs rounded-lg">
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">499 €</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Полноценная рабочая станция. Все функции предыдущих моделей.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('BlackBox Workstation', 'Полноценная рабочая станция. Все функции предыдущих моделей.')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Характеристики</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Все функции BlackBox 4GB
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Полноценная рабочая станция
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Расширенные возможности
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Высокая производительность
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
84
items/boxes/template.html
Normal file
84
items/boxes/template.html
Normal file
@ -0,0 +1,84 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Продукт</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к продуктам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 id="productTitle" class="text-3xl font-bold mb-6 text-cyan-400"></h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<img id="productImage" src="/images/bb_on_white-square.webp" alt="Product Image" class="w-full max-w-xs rounded-lg">
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div id="productPrice" class="inline-flex items-center px-4 py-2 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 text-xl"></div>
|
||||
<p id="productDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Характеристики</h2>
|
||||
<ul id="productFeatures" class="text-gray-300 space-y-2"></ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script>
|
||||
// Load product data based on URL
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const productId = window.location.pathname.split('/').pop().replace('.html', '');
|
||||
const productData = getProductData(productId);
|
||||
|
||||
if (productData) {
|
||||
document.getElementById('productTitle').textContent = productData.title;
|
||||
document.getElementById('productPrice').textContent = productData.price;
|
||||
document.getElementById('productDescription').textContent = productData.description;
|
||||
|
||||
const featuresList = document.getElementById('productFeatures');
|
||||
productData.features.forEach(feature => {
|
||||
const li = document.createElement('li');
|
||||
li.className = 'flex items-start';
|
||||
li.innerHTML = `<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>${feature}`;
|
||||
featuresList.appendChild(li);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
function getProductData(productId) {
|
||||
const products = {
|
||||
'blackbox-vpn': {
|
||||
title: 'BlackBox VPN',
|
||||
price: '99 €',
|
||||
description: 'Создаёт Wi-Fi точку с защищённым VPN. 512 MB RAM.',
|
||||
features: [
|
||||
'Защищённое VPN соединение',
|
||||
'512 MB оперативной памяти',
|
||||
'Автономная работа',
|
||||
'Поддержка всех основных протоколов'
|
||||
]
|
||||
},
|
||||
// Other products will be added similarly
|
||||
};
|
||||
return products[productId];
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
129
items/services/anonymous-email.html
Normal file
129
items/services/anonymous-email.html
Normal file
@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Анонимный email</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к сервисам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">Анонимный email</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<i class="fas fa-envelope text-8xl text-cyan-400"></i>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">39 €/мес</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Полностью анонимная почта без привязки к личности. Временные адреса. Шифрование всех входящих/исходящих сообщений.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('Анонимный email', 'Полностью анонимная почта без привязки к личности. Временные адреса. Шифрование всех входящих/исходящих сообщений.')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Преимущества</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Полная анонимность
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Без привязки к личности
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Временные адреса
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Шифрование сообщений
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: 39 €/мес</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/services/cloud-storage.html
Normal file
129
items/services/cloud-storage.html
Normal file
@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Облачное хранилище</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к сервисам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">Облачное хранилище</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<i class="fas fa-cloud text-8xl text-cyan-400"></i>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">29 €/мес</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Защищенное хранилище файлов с end-to-end шифрованием. Доступ с любого устройства. Автоматическое резервное копирование.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('Облачное хранилище', 'Защищенное хранилище файлов с end-to-end шифрованием. Доступ с любого устройства. Автоматическое резервное копирование.', '29 €/мес')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Преимущества</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>End-to-end шифрование
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Доступ с любого устройства
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Автоматическое резервное копирование
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Высокая надежность
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/services/crypto-wallet.html
Normal file
129
items/services/crypto-wallet.html
Normal file
@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Крипто-кошелек</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к сервисам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">Крипто-кошелек</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<i class="fas fa-wallet text-8xl text-cyan-400"></i>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">59 €/мес</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Изолированный cold-wallet для хранения и операций криптовалютой с максимальной изоляцией от internet-угроз.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('Крипто-кошелек', 'Изолированный cold-wallet для хранения и операций криптовалютой с максимальной изоляцией от internet-угроз.')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Преимущества</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Изолированный cold-wallet
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Максимальная изоляция от internet-угроз
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Безопасное хранение криптовалюты
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Проведение операций
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: 59 €/мес</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/services/data-protection.html
Normal file
129
items/services/data-protection.html
Normal file
@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Защита данных</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к сервисам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">Защита данных</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<i class="fas fa-shield-alt text-8xl text-cyan-400"></i>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">49 €/мес</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Полная защита ваших персональных данных. Включает: мониторинг утечек, защиту от фишинга, безопасное хранение паролей.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('Защита данных', 'Полная защита ваших персональных данных. Включает: мониторинг утечек, защиту от фишинга, безопасное хранение паролей.', '49 €/мес')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Преимущества</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Мониторинг утечек данных
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Защита от фишинга
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Безопасное хранение паролей
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Ежедневные отчеты о безопасности
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/services/decentralized-hosting.html
Normal file
129
items/services/decentralized-hosting.html
Normal file
@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Децентрализованный хостинг</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к сервисам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">Децентрализованный хостинг</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<i class="fas fa-server text-8xl text-cyan-400"></i>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">79 €/мес</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Размещение сайтов и приложений без центрального сервера. Полная анонимность владельца. Защита от DDoS.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('Децентрализованный хостинг', 'Размещение сайтов и приложений без центрального сервера. Полная анонимность владельца. Защита от DDoS.', '79 €/мес')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Преимущества</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Без центрального сервера
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Полная анонимность владельца
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Защита от DDoS
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Высокая доступность
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
129
items/services/private-chat.html
Normal file
129
items/services/private-chat.html
Normal file
@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Приватный чат</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к сервисам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 class="text-3xl font-bold mb-6 text-cyan-400">Приватный чат</h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<i class="fas fa-comments text-8xl text-cyan-400"></i>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div class="inline-flex items-center px-3 py-1 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 animate-pulse">19 €/мес</div>
|
||||
<p class="text-gray-300 mb-6 text-lg">Полностью анонимные переписки с end-to-end шифрованием. Нет логов сообщений. Поддержка групповых чатов.</p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showBlackBoxProductDetails('Приватный чат', 'Полностью анонимные переписки с end-to-end шифрованием. Нет логов сообщений. Поддержка групповых чатов.', '19 €/мес')">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Преимущества</h2>
|
||||
<ul class="text-gray-300 space-y-2">
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Полная анонимность
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>End-to-end шифрование
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Нет логов сообщений
|
||||
</li>
|
||||
<li class="flex items-start">
|
||||
<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>Поддержка групповых чатов
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script src="/js/products.js"></script>
|
||||
|
||||
<!-- PRODUCT DETAILS MODAL -->
|
||||
<div id="productModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-6 md:p-8 max-w-2xl w-full mx-4 pulse-border relative">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-4" onclick="hideBlackBoxProductDetails()">×</span>
|
||||
<h3 id="modalTitle" class="text-2xl font-bold mb-6 text-cyan-400 text-center"></h3>
|
||||
<p id="modalDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="hideProductDetails(); showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- CRYPTO PAYMENT MODAL -->
|
||||
<div id="cryptoModal" class="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden">
|
||||
<div class="glass-card shadow-3d p-4 md:p-8 max-w-4xl w-full mx-4 pulse-border relative overflow-y-auto" style="max-height: 90vh;">
|
||||
<span class="modal-close sticky top-0 right-0 text-2xl cursor-pointer text-cyan-400 hover:text-cyan-300 bg-gray-900/80 rounded-full w-10 h-10 flex items-center justify-center ml-auto mb-2" onclick="hideCryptoModal()">×</span>
|
||||
<h3 class="text-2xl font-bold mb-6 text-cyan-400 text-center">Оплата криптовалютой</h3>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="flex-1 flex flex-col items-center">
|
||||
<div class="w-64 h-64 bg-white p-4 rounded-lg mb-4 flex items-center justify-center">
|
||||
<img src="/images/wallet_ltc.webp" alt="LTC QR код" class="w-full h-full object-contain">
|
||||
</div>
|
||||
<p class="text-gray-300 text-center">Litecoin (LTC)</p>
|
||||
<p class="text-cyan-300 text-center mt-2" id="paymentAmount">Сумма к оплате: [Сумма]</p>
|
||||
</div>
|
||||
<div class="flex-1">
|
||||
<div class="bg-gray-800/50 p-6 rounded-lg h-full">
|
||||
<h4 class="text-xl font-bold mb-4 text-cyan-300">Инструкция по оплате:</h4>
|
||||
<ol class="text-gray-300 space-y-3 text-lg">
|
||||
<li>1. Откройте крипто-кошелек на вашем устройстве</li>
|
||||
<li>2. Нажмите "Отправить" и выберите крипто-кошелекLTC</li>
|
||||
<li>3. Отсканируйте соответствующий QR-код</li>
|
||||
<li>4. Укажите точную сумму</li>
|
||||
<li>5. Подтвердите транзакцию</li>
|
||||
<li>6. После подтверждения сети (обычно 2-5 min) ваш заказ будет обработан</li>
|
||||
<li>7. Войдите в наш телеграмм бот и введите 3 параметра, кошелк с которого вы отправили деньги, точное время и точную сумму, бот вам вышлет доступ в личный кабинет.</li>
|
||||
</ol>
|
||||
<div class="mt-6 space-y-4">
|
||||
<div class="p-4 bg-gray-900 rounded-lg">
|
||||
<p class="text-cyan-300 font-mono break-all">LTC: ltc1q0rq7shseegk0g44rd04e2w9psl6qn3hsnzj3j5</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<footer class="w-full mt-10 pt-7 pb-8 bg-black/60 flex flex-col items-center text-center text-gray-500 text-sm">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-10 h-10 mx-auto mb-3">
|
||||
<div class="mb-2">
|
||||
<span class="font-montserrat font-bold text-cyan-400 text-lg">BlackBox</span> © 2022-2025. Все права защищены.<br>
|
||||
</div>
|
||||
<div class="flex justify-center space-x-6 mb-4">
|
||||
<a href="https://t.me/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наш канал в Telegram">
|
||||
<i class="fab fa-telegram text-2xl"></i> Telegram
|
||||
</a>
|
||||
<a href="https://vk.com/bbox_wtf" target="_blank" class="text-cyan-300 hover:text-cyan-400 transition-colors" aria-label="Наша группа ВКонтакте">
|
||||
<i class="fab fa-vk text-2xl"></i> ВКонтакте
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<a href="mailto:support@bbox.wtf" class="hover:underline text-cyan-300">Поддержка</a>
|
||||
|
|
||||
<a href="/pages/faq.html" class="hover:underline text-cyan-300">FAQ</a>
|
||||
|
|
||||
<a href="https://bbox.rocks" class="hover:underline">Старый не поддерживаемый сайт</a>
|
||||
</div>
|
||||
<div class="mt-4">
|
||||
<span class="text-gray-400">bbox.wtf — лендинг нового поколения: BlackBox — не просто VPN, это экосистема и ваша цифровая приватность.</span>
|
||||
</div>
|
||||
</footer>
|
||||
85
items/services/template.html
Normal file
85
items/services/template.html
Normal file
@ -0,0 +1,85 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Blackbox - Сервис</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/css/tailwind.min.css" rel="stylesheet">
|
||||
<link href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.2/css/all.min.css" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat+Alternates:wght@700;500&family=Montserrat:wght@700;500;400&family=Inter:wght@400;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
</head>
|
||||
<body class="gradient-bg overflow-x-hidden">
|
||||
<header class="flex flex-wrap justify-between items-center px-5 md:px-10 py-4 md:py-7 bg-transparent z-20 relative">
|
||||
<a href="/ru/" class="flex items-center space-x-4">
|
||||
<img src="/images/logo.webp" alt="bbox logo" class="w-14 h-14 rounded-lg shadow-lg">
|
||||
<span class="font-montserrat font-bold text-2xl text-cyan-400 tracking-widest">BlackBox</span>
|
||||
</a>
|
||||
<a href="/ru/pages/products.html" class="text-cyan-400 hover:text-cyan-300 transition-colors">
|
||||
<i class="fas fa-arrow-left mr-2"></i>Назад к сервисам
|
||||
</a>
|
||||
</header>
|
||||
|
||||
<main class="container mx-auto px-4 py-8">
|
||||
<div class="glass-card shadow-3d p-8 max-w-4xl mx-auto">
|
||||
<h1 id="serviceTitle" class="text-3xl font-bold mb-6 text-cyan-400"></h1>
|
||||
<div class="flex flex-col md:flex-row gap-8">
|
||||
<div class="md:w-1/3 flex items-center justify-center">
|
||||
<i id="serviceIcon" class="fas fa-shield-alt text-8xl text-cyan-400"></i>
|
||||
</div>
|
||||
<div class="md:w-2/3">
|
||||
<div id="servicePrice" class="inline-flex items-center px-4 py-2 rounded-full bg-cyan-800/20 text-cyan-200 font-bold mb-4 text-xl"></div>
|
||||
<p id="serviceDescription" class="text-gray-300 mb-6 text-lg"></p>
|
||||
<button class="w-full py-3 buy-btn text-lg font-bold" onclick="showCryptoModal()">Купить сейчас</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-8 pt-6 border-t border-gray-700">
|
||||
<h2 class="text-2xl font-bold mb-4 text-cyan-400">Преимущества</h2>
|
||||
<ul id="serviceBenefits" class="text-gray-300 space-y-2"></ul>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const serviceId = window.location.pathname.split('/').pop().replace('.html', '');
|
||||
const serviceData = getServiceData(serviceId);
|
||||
|
||||
if (serviceData) {
|
||||
document.getElementById('serviceTitle').textContent = serviceData.title;
|
||||
document.getElementById('servicePrice').textContent = serviceData.price;
|
||||
document.getElementById('serviceDescription').textContent = serviceData.description;
|
||||
document.getElementById('serviceIcon').className = `fas ${serviceData.icon} text-8xl text-cyan-400`;
|
||||
|
||||
const benefitsList = document.getElementById('serviceBenefits');
|
||||
serviceData.benefits.forEach(benefit => {
|
||||
const li = document.createElement('li');
|
||||
li.className = 'flex items-start';
|
||||
li.innerHTML = `<i class="fas fa-check text-cyan-400 mt-1 mr-2"></i>${benefit}`;
|
||||
benefitsList.appendChild(li);
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
function getServiceData(serviceId) {
|
||||
const services = {
|
||||
'data-protection': {
|
||||
title: 'Защита данных',
|
||||
price: '49 €/мес',
|
||||
description: 'Полная защита ваших персональных данных. Включает: мониторинг утечек, защиту от фишинга, безопасное хранение паролей.',
|
||||
icon: 'fa-shield-alt',
|
||||
benefits: [
|
||||
'Мониторинг утечек данных',
|
||||
'Защита от фишинга',
|
||||
'Безопасное хранение паролей',
|
||||
'Ежедневные отчеты о безопасности'
|
||||
]
|
||||
},
|
||||
// Other services will be added similarly
|
||||
};
|
||||
return services[serviceId];
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -446,16 +446,40 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
// Find the parent glass-card to get the product name and price
|
||||
const productCard = e.target.closest('.glass-card');
|
||||
if (productCard) {
|
||||
const productNameElement = productCard.querySelector('h3');
|
||||
// Try to find product name in h1 or h3
|
||||
const productNameElement = productCard.querySelector('h1') || productCard.querySelector('h3');
|
||||
if (productNameElement) {
|
||||
const productName = productNameElement.textContent.trim();
|
||||
const product = productsData[productName];
|
||||
|
||||
// Try to get price from productsData first
|
||||
if (product && product.price) {
|
||||
showCryptoModal(product.price);
|
||||
} else {
|
||||
console.error('Product price not found for:', productName);
|
||||
// Optionally show the modal without price calculation or show an error message
|
||||
showCryptoModal(0); // Pass 0 or handle error in showCryptoModal
|
||||
// If not in productsData, try to extract price from DOM
|
||||
const priceElement = productCard.querySelector('.inline-flex.items-center.px-3.py-1.rounded-full');
|
||||
if (priceElement) {
|
||||
const priceText = priceElement.textContent.trim();
|
||||
// Handle "от " prefix and extract numeric value before €
|
||||
const priceMatch = priceText.match(/(?:от\s*)?([\d,.]+)\s*€/);
|
||||
if (priceMatch) {
|
||||
// Replace comma with dot for decimal numbers if needed
|
||||
const priceValue = priceMatch[1].replace(',', '.');
|
||||
const price = parseFloat(priceValue);
|
||||
if (!isNaN(price)) {
|
||||
showCryptoModal(price);
|
||||
} else {
|
||||
console.error('Invalid price value:', priceValue);
|
||||
showCryptoModal(0);
|
||||
}
|
||||
} else {
|
||||
console.error('Could not parse price from:', priceText);
|
||||
showCryptoModal(0);
|
||||
}
|
||||
} else {
|
||||
console.error('Price element not found in card');
|
||||
showCryptoModal(0);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
console.error('Product name element not found in card');
|
||||
|
||||
@ -71,7 +71,7 @@
|
||||
<p class="text-gray-300 mb-4">Создаёт Wi-Fi точку с защищённым VPN. 512 MB RAM.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn">Купить</button>
|
||||
<button onclick="showBlackBoxProductDetails('BlackBox VPN')" class="details-btn">Подробнее</button>
|
||||
<button onclick="window.location.href='/items/boxes/blackbox-vpn.html'" class="details-btn">Подробнее</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -87,7 +87,7 @@
|
||||
<p class="text-gray-300 mb-4">Встроенный Matrix Messenger или Nextcloud. 1 GB RAM. Полный контроль над вашими данными.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn">Купить</button>
|
||||
<button onclick="showBlackBoxProductDetails('BlackBox Privacy')" class="details-btn">Подробнее</button>
|
||||
<button onclick="window.location.href='/items/boxes/blackbox-privacy.html'" class="details-btn">Подробнее</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -103,7 +103,7 @@
|
||||
<p class="text-gray-300 mb-4">Все функции первых моделей + удалённый рабочий стол (Workspace). 4 GB RAM.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn">Купить</button>
|
||||
<button onclick="showBlackBoxProductDetails('BlackBox 4GB')" class="details-btn">Подробнее</button>
|
||||
<button onclick="window.location.href='/items/boxes/blackbox-4gb.html'" class="details-btn">Подробнее</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -119,7 +119,7 @@
|
||||
<p class="text-gray-300 mb-4">Полноценная рабочая станция. Все функции предыдущих моделей.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn">Купить</button>
|
||||
<button onclick="showBlackBoxProductDetails('BlackBox Workstation')" class="details-btn">Подробнее</button>
|
||||
<button onclick="window.location.href='/items/boxes/blackbox-workstation.html'" class="details-btn">Подробнее</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -135,7 +135,7 @@
|
||||
<p class="text-gray-300 mb-4">Включает все технологии BlackBox. Приватный искусственный интеллект. Максимальная автономность и защита.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn">Купить</button>
|
||||
<button onclick="showBlackBoxProductDetails('BlackBox AI')" class="details-btn">Подробнее</button>
|
||||
<button onclick="window.location.href='/items/boxes/blackbox-ai.html'" class="details-btn">Подробнее</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -151,7 +151,7 @@
|
||||
<p class="text-gray-300 mb-4">Создание магазина в Telegram через бота. Загрузка товаров, описание, цена. Оплата за товары через криптовалюту. Полная анонимность продавца и покупателя.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn">Купить</button>
|
||||
<button onclick="showBlackBoxProductDetails('BlackBox Shop')" class="details-btn">Подробнее</button>
|
||||
<button onclick="window.location.href='/items/boxes/blackbox-shop.html'" class="details-btn">Подробнее</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -171,7 +171,7 @@
|
||||
<p class="text-gray-300 mb-4">Полная защита ваших персональных данных. Включает: мониторинг утечек, защиту от фишинга, безопасное хранение паролей.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn">Купить</button>
|
||||
<button onclick="showBlackBoxProductDetails('Защита данных')" class="details-btn">Подробнее</button>
|
||||
<button onclick="window.location.href='/items/services/data-protection.html'" class="details-btn">Подробнее</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -187,7 +187,7 @@
|
||||
<p class="text-gray-300 mb-4">Защищенное хранилище файлов с end-to-end шифрованием. Доступ с любого устройства. Автоматическое резервное копирование.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn">Купить</button>
|
||||
<button onclick="showBlackBoxProductDetails('Облачное хранилище')" class="details-btn">Подробнее</button>
|
||||
<button onclick="window.location.href='/items/services/cloud-storage.html'" class="details-btn">Подробнее</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -203,7 +203,7 @@
|
||||
<p class="text-gray-300 mb-4">Полностью анонимные переписки с end-to-end шифрованием. Нет логов сообщений. Поддержка групповых чатов.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn">Купить</button>
|
||||
<button onclick="showBlackBoxProductDetails('Приватный чат')" class="details-btn">Подробнее</button>
|
||||
<button onclick="window.location.href='/items/services/private-chat.html'" class="details-btn">Подробнее</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -219,7 +219,7 @@
|
||||
<p class="text-gray-300 mb-4">Полностью анонимная почта без привязки к личности. Временные адреса. Шифрование всех входящих/исходящих сообщений.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn">Купить</button>
|
||||
<button onclick="showBlackBoxProductDetails('Анонимный email')" class="details-btn">Подробнее</button>
|
||||
<button onclick="window.location.href='/items/services/anonymous-email.html'" class="details-btn">Подробнее</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -235,7 +235,7 @@
|
||||
<p class="text-gray-300 mb-4">Изолированный cold-wallet для хранения и операций криптовалютой с максимальной изоляцией от internet-угроз.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn">Купить</button>
|
||||
<button onclick="showBlackBoxProductDetails('Крипто-кошелек')" class="details-btn">Подробнее</button>
|
||||
<button onclick="window.location.href='/items/services/crypto-wallet.html'" class="details-btn">Подробнее</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -251,7 +251,7 @@
|
||||
<p class="text-gray-300 mb-4">Размещение сайтов и приложений без центрального сервера. Полная анонимность владельца. Защита от DDoS.</p>
|
||||
<div class="flex justify-center gap-3">
|
||||
<button class="buy-btn">Купить</button>
|
||||
<button onclick="showBlackBoxProductDetails('Децентрализованный хостинг')" class="details-btn">Подробнее</button>
|
||||
<button onclick="window.location.href='/items/services/decentralized-hosting.html'" class="details-btn">Подробнее</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -8,18 +8,34 @@
|
||||
/Workspace
|
||||
├── .htaccess
|
||||
├── docker-compose.yml
|
||||
├── favicon.ico
|
||||
├── index.html
|
||||
├── nginx.conf
|
||||
├── project_description.md
|
||||
├── README.md
|
||||
├── css/
|
||||
│ ├── all.min.css
|
||||
│ ├── products.css
|
||||
│ ├── style.css
|
||||
│ └── tailwind.min.css
|
||||
├── images/
|
||||
│ ├── banner-image.webp
|
||||
│ ├── bb_on_white-square.webp
|
||||
│ ├── logo.webp
|
||||
│ └── scales.webp
|
||||
│ ├── scales.webp
|
||||
│ └── wallet_ltc.webp
|
||||
├── items/
|
||||
│ ├── boxes/
|
||||
│ │ ├── blackbox-privacy.html
|
||||
│ │ ├── blackbox-vpn.html
|
||||
│ │ ├── blackbox-4gb.html
|
||||
│ │ ├── blackbox-ai.html
|
||||
│ │ ├── blackbox-shop.html
|
||||
│ │ ├── blackbox-workstation.html
|
||||
│ │ └── template.html
|
||||
│ └── services/
|
||||
│ ├── data-protection.html
|
||||
│ └── template.html
|
||||
├── js/
|
||||
│ ├── all.min.js
|
||||
│ ├── echarts.min.js
|
||||
@ -27,7 +43,8 @@
|
||||
│ ├── features.js
|
||||
│ ├── flipbook.js
|
||||
│ ├── lang-detect-redirect.js
|
||||
│ └── language-switcher.js
|
||||
│ ├── language-switcher.js
|
||||
│ └── products.js
|
||||
├── lang/
|
||||
│ ├── en/
|
||||
│ │ ├── index.html
|
||||
@ -48,20 +65,21 @@
|
||||
│ └── pages/
|
||||
│ └── faq.html
|
||||
└── pages/
|
||||
└── faq.html
|
||||
├── faq.html
|
||||
└── products.html
|
||||
```
|
||||
|
||||
- `/Workspace`: Корневая директория проекта.
|
||||
- `docker-compose.yml`: Файл конфигурации для Docker Compose, используемый для определения и запуска многоконтейнерных Docker-приложений.
|
||||
- `index.html`: Главный HTML-file, содержащий структуру веб-страницы.
|
||||
- `.htaccess`: Файл конфигурации веб-сервера Apache для управления перенаправлениями URL для мультиязычности.
|
||||
- `.htaccess`: Файл конфигурации веб-сервера Apache для управления перенаправлениями URL для мультиязычности.
|
||||
- `docker-compose.yml`: Файл конфигурации для Docker Compose, используемый для определения и запуска многоконтейнерных Docker-приложений.
|
||||
- `favicon.ico`: Файл иконки сайта, отображаемой во вкладке браузера.
|
||||
- `index.html`: Главный HTML-файл, содержащий структуру веб-страницы.
|
||||
- `nginx.conf`: Файл конфигурации веб-сервера Nginx.
|
||||
- `project_description.md`: Этот файл, содержащий описание проекта и его структуры.
|
||||
- `README.md`: Файл с общим описанием проекта и инструкциями.
|
||||
- `css/`: Директория для файлов стилей.
|
||||
- `css/all.min.css`: Минимизированный файл CSS, возможно, содержащий объединенные стили.
|
||||
- `css/products.css`: Файл CSS, содержащий стили для страницы продуктов.
|
||||
- `css/style.css`: Основной файл CSS, содержащий стили для оформления веб-страницы.
|
||||
- `css/tailwind.min.css`: Минимизированный файл CSS, возможно, содержащий стили Tailwind CSS.
|
||||
- `images/`: Директория для изображений.
|
||||
@ -69,14 +87,33 @@
|
||||
- `images/bb_on_white-square.webp`: Изображение продукта "BlackBox" на белом фоне.
|
||||
- `images/logo.webp`: Файл логотипа в формате WebP.
|
||||
- `images/scales.webp`: Изображение весов или сравнения.
|
||||
- `images/wallet_ltc.webp`: Изображение кошелька Litecoin.
|
||||
- `items/`: Директория, содержащая HTML-файлы с описанием отдельных продуктов и услуг.
|
||||
- `items/boxes/`: Поддиректория для описания продуктов типа "коробки".
|
||||
- `items/boxes/blackbox-privacy.html`: HTML-файл с описанием продукта BlackBox Privacy.
|
||||
- `items/boxes/blackbox-vpn.html`: HTML-файл с описанием продукта BlackBox VPN.
|
||||
- `items/boxes/blackbox-4gb.html`: HTML-файл с описанием продукта BlackBox 4GB.
|
||||
- `items/boxes/blackbox-ai.html`: HTML-файл с описанием продукта BlackBox AI.
|
||||
- `items/boxes/blackbox-shop.html`: HTML-файл с описанием продукта BlackBox Shop.
|
||||
- `items/boxes/blackbox-workstation.html`: HTML-файл с описанием продукта BlackBox Workstation.
|
||||
- `items/boxes/template.html`: Шаблон HTML-файла для описания продуктов типа "коробки".
|
||||
- `items/services/`: Поддиректория для описания услуг.
|
||||
- `items/services/data-protection.html`: HTML-файл с описанием услуги Data Protection.
|
||||
- `items/services/anonymous-email.html`: HTML-файл с описанием услуги Anonymous Email.
|
||||
- `items/services/cloud-storage.html`: HTML-файл с описанием услуги Cloud Storage.
|
||||
- `items/services/crypto-wallet.html`: HTML-файл с описанием услуги Crypto Wallet.
|
||||
- `items/services/decentralized-hosting.html`: HTML-файл с описанием услуги Decentralized Hosting.
|
||||
- `items/services/private-chat.html`: HTML-файл с описанием услуги Private Chat.
|
||||
- `items/services/template.html`: Шаблон HTML-файла для описания услуг.
|
||||
- `js/`: Директория для файлов JavaScript.
|
||||
- `js/all.min.js`: Минимизированный файл JavaScript, возможно, содержащий объединенные скрипты.
|
||||
- `js/echarts.min.js`: Минимизированный файл JavaScript, возможно, содержащий библиотеку ECharts для построения графиков.
|
||||
- `js/echarts.min.js`: Минимизированный файл JavaScript, содержащий библиотеку ECharts для построения графиков.
|
||||
- `js/fade-up.js`: Скрипт для анимации появления элементов при прокрутке.
|
||||
- `js/features.js`: Скрипт для отображения таблицы сравнения функций продуктов. Загружает переводы из соответствующего JSON файла.
|
||||
- `js/flipbook.js`: Скрипт для реализации функционала "флипбука" и модального окна с деталями продукта. Загружает переводы для деталей продукта и текста кнопок из соответствующего JSON файла.
|
||||
- `js/lang-detect-redirect.js`: Определяет язык браузера пользователя и перенаправляет на соответствующую языковую версию страницы при первом посещении.
|
||||
- `js/language-switcher.js`: Добавляет на страницу плавающую кнопку-переключатель языка с выпадающим списком.
|
||||
- `js/products.js`: Скрипт для страницы продуктов, возможно, управляющий отображением информации о продуктах из директории `items/`.
|
||||
- `lang/`: Директория, содержащая поддиректории для каждого поддерживаемого языка.
|
||||
- `lang/en/`: Директория для английской версии сайта.
|
||||
- `lang/en/index.html`: HTML-файл с контентом на английском языке.
|
||||
@ -98,15 +135,17 @@
|
||||
- `lang/ru/pages/faq.html`: HTML-файл с контентом FAQ на русском языке.
|
||||
- `pages/`: Директория, содержащая общие страницы.
|
||||
- `pages/faq.html`: HTML-файл с общим контентом FAQ.
|
||||
- `pages/products.html`: HTML-файл с контентом страницы продуктов.
|
||||
|
||||
## Взаимодействие файлов
|
||||
|
||||
- `index.html` является центральным файлом, который связывает все остальные ресурсы.
|
||||
- В HTML файлах подключены файлы стилей из директории `css/` (`style.css`, `all.min.css`, `tailwind.min.css`) для визуального оформления элементов страницы.
|
||||
- В HTML файлах подключены скрипты из директории `js/` (`fade-up.js`, `features.js`, `flipbook.js`, `lang-detect-redirect.js`, `language-switcher.js`, `all.min.js`, `echarts.min.js`) для добавления интерактивности и динамического контента, а также для мультиязычности.
|
||||
- В HTML файлах подключены файлы стилей из директории `css/` (`style.css`, `all.min.css`, `tailwind.min.css`, `products.css`) для визуального оформления элементов страницы.
|
||||
- В HTML файлах подключены скрипты из директории `js/` (`fade-up.js`, `features.js`, `flipbook.js`, `lang-detect-redirect.js`, `language-switcher.js`, `all.min.js`, `echarts.min.js`, `products.js`) для добавления интерактивности и динамического контента, а также для мультиязычности.
|
||||
- Скрипты взаимодействуют с элементами в HTML через их ID или классы для изменения их поведения или внешнего вида.
|
||||
- Изображения из директории `images/` (`banner-image.webp`, `bb_on_white-square.webp`, `logo.webp`, `scales.webp`) используются в HTML (например, в теге `<img>` или как фон в CSS).
|
||||
- Изображения из директории `images/` (`banner-image.webp`, `bb_on_white-square.webp`, `logo.webp`, `scales.webp`, `wallet_ltc.webp`) используются в HTML (например, в теге `<img>` или как фон в CSS).
|
||||
- JavaScript файлы `features.js` и `flipbook.js` загружают переводимый контент из JSON файлов, расположенных в директориях `lang/<lang>/json/`, в зависимости от текущего языка страницы.
|
||||
- HTML-файлы в директории `items/` содержат контент для отдельных продуктов и услуг, который может быть динамически загружен и отображен на странице `pages/products.html` с помощью скрипта `js/products.js`.
|
||||
|
||||
## Стили (css/)
|
||||
|
||||
@ -121,6 +160,7 @@
|
||||
- Стили, связанные с анимацией появления (`.fade-up`, `.animate-fadeUp`).
|
||||
- Стили для флипбука и модального окна.
|
||||
- Стили для переключателя языка.
|
||||
- **products.css**: Файл CSS, содержащий стили, специфичные для страницы продуктов (`pages/products.html`).
|
||||
- **all.min.css**: Минимизированный файл CSS, возможно, содержащий объединенные стили из различных источников.
|
||||
- **tailwind.min.css**: Минимизированный файл CSS, возможно, содержащий стили из фреймворка Tailwind CSS.
|
||||
|
||||
@ -135,6 +175,7 @@
|
||||
- **flipbook.js**: Реализует интерактивный компонент "флипбук" и функционал модального окна с деталями продукта. Загружает переводы для деталей продукта и текста кнопок из соответствующего JSON файла.
|
||||
- **lang-detect-redirect.js**: Определяет язык браузера пользователя и перенаправляет на соответствующую языковую версию страницы при первом посещении.
|
||||
- **language-switcher.js**: Добавляет на страницу плавающую кнопку-переключатель языка с выпадающим списком.
|
||||
- **products.js**: Скрипт, предназначенный для страницы продуктов (`pages/products.html`), вероятно, отвечающий за загрузку и отображение контента из файлов в директории `items/`.
|
||||
|
||||
## Список используемых функций
|
||||
|
||||
@ -176,4 +217,9 @@
|
||||
- Анонимная функция в `document.addEventListener('click', ...)`
|
||||
- Анонимная функция в `languageDropdown.querySelectorAll('li').forEach(...).addEventListener('click', ...)`
|
||||
|
||||
- **js/products.js**:
|
||||
- Анонимная функция в `document.addEventListener('DOMContentLoaded', ...)`
|
||||
- `loadProductContent(productPath)`: Асинхронная функция для загрузки HTML-контента продукта.
|
||||
- `renderProductPage(productContent)`: Функция для отображения загруженного контента продукта на странице.
|
||||
|
||||
*Примечание: Минифицированные файлы `all.min.js` и `echarts.min.js` также присутствуют в директории `js/`, но их содержимое не анализировалось для составления списка функций.*
|
||||
Loading…
Reference in New Issue
Block a user