Spaces:
Running
Running
| <html lang="ru"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Биржи и криптокошельки (работа с USDT)</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| background-color: #0f172a; | |
| color: #f8fafc; | |
| overflow-x: hidden; | |
| } | |
| .slide { | |
| min-height: 100vh; | |
| padding: 2rem; | |
| display: flex; | |
| flex-direction: column; | |
| justify-content: center; | |
| align-items: center; | |
| text-align: center; | |
| opacity: 0; | |
| transform: translateY(20px); | |
| transition: all 0.6s ease; | |
| } | |
| .slide.active { | |
| opacity: 1; | |
| transform: translateY(0); | |
| } | |
| .progress-bar { | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| height: 5px; | |
| background: linear-gradient(90deg, #3b82f6, #8b5cf6); | |
| z-index: 100; | |
| transition: width 0.3s ease; | |
| } | |
| .coin-animation { | |
| animation: float 3s ease-in-out infinite; | |
| } | |
| @keyframes float { | |
| 0%, 100% { | |
| transform: translateY(0); | |
| } | |
| 50% { | |
| transform: translateY(-20px); | |
| } | |
| } | |
| .pulse { | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { | |
| transform: scale(1); | |
| } | |
| 50% { | |
| transform: scale(1.05); | |
| } | |
| 100% { | |
| transform: scale(1); | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="progress-bar" id="progressBar"></div> | |
| <div class="slides-container"> | |
| <!-- Slide 1: Title --> | |
| <div class="slide active" id="slide1"> | |
| <div class="max-w-4xl mx-auto"> | |
| <div class="coin-animation mb-8"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <circle cx="12" cy="12" r="10"></circle> | |
| <path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path> | |
| <path d="M12 18V6"></path> | |
| </svg> | |
| </div> | |
| <h1 class="text-5xl md:text-6xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500"> | |
| Биржи и криптокошельки | |
| </h1> | |
| <h2 class="text-3xl md:text-4xl font-semibold text-blue-300 mb-8"> | |
| Работа с USDT | |
| </h2> | |
| <p class="text-xl text-gray-300 max-w-2xl mx-auto"> | |
| Полное руководство по использованию стейблкоина USDT на криптовалютных биржах и в кошельках | |
| </p> | |
| </div> | |
| </div> | |
| <!-- Slide 2: Что такое USDT --> | |
| <div class="slide" id="slide2"> | |
| <div class="max-w-4xl mx-auto"> | |
| <h2 class="text-4xl font-bold mb-8 text-blue-400"> | |
| Что такое USDT? | |
| </h2> | |
| <div class="grid md:grid-cols-2 gap-8 items-center"> | |
| <div class="bg-gray-800 p-6 rounded-xl border border-gray-700 shadow-lg"> | |
| <div class="flex items-center justify-center mb-4"> | |
| <div class="bg-blue-900 p-3 rounded-full"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <circle cx="12" cy="12" r="10"></circle> | |
| <path d="M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8"></path> | |
| <path d="M12 18V6"></path> | |
| </svg> | |
| </div> | |
| </div> | |
| <h3 class="text-2xl font-semibold mb-3">Tether (USDT)</h3> | |
| <p class="text-gray-300"> | |
| Криптовалюта, привязанная к курсу доллара США (1 USDT ≈ 1 USD). Это стейблкоин, который минимизирует волатильность. | |
| </p> | |
| </div> | |
| <div class="bg-gray-800 p-6 rounded-xl border border-gray-700 shadow-lg"> | |
| <div class="flex items-center justify-center mb-4"> | |
| <div class="bg-purple-900 p-3 rounded-full"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M12 2v4"></path> | |
| <path d="m16 6 4-4"></path> | |
| <path d="M18 12h4"></path> | |
| <path d="m16 18 4 4"></path> | |
| <path d="M12 20v4"></path> | |
| <path d="m8 18-4 4"></path> | |
| <path d="M6 12H2"></path> | |
| <path d="m8 6-4-4"></path> | |
| <circle cx="12" cy="12" r="4"></circle> | |
| </svg> | |
| </div> | |
| </div> | |
| <h3 class="text-2xl font-semibold mb-3">Преимущества</h3> | |
| <ul class="text-gray-300 space-y-2"> | |
| <li>• Стабильность курса</li> | |
| <li>• Быстрые транзакции</li> | |
| <li>• Поддержка в большинстве бирж</li> | |
| <li>• Низкие комиссии</li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Slide 3: Популярные биржи --> | |
| <div class="slide" id="slide3"> | |
| <div class="max-w-4xl mx-auto"> | |
| <h2 class="text-4xl font-bold mb-8 text-purple-400"> | |
| Популярные биржи для работы с USDT | |
| </h2> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <div class="bg-gray-800 p-6 rounded-xl border border-gray-700 hover:border-blue-500 transition-all duration-300"> | |
| <div class="flex justify-center mb-4"> | |
| <img src="https://cryptologos.cc/logos/binance-coin-bnb-logo.png" alt="Binance" class="h-16"> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">Binance</h3> | |
| <p class="text-gray-400 text-sm"> | |
| Крупнейшая биржа с самым большим объемом торгов USDT. Низкие комиссии и множество торговых пар. | |
| </p> | |
| </div> | |
| <div class="bg-gray-800 p-6 rounded-xl border border-gray-700 hover:border-purple-500 transition-all duration-300"> | |
| <div class="flex justify-center mb-4"> | |
| <img src="https://cryptologos.cc/logos/okex-okb-logo.png" alt="OKX" class="h-16"> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">OKX</h3> | |
| <p class="text-gray-400 text-sm"> | |
| Популярная биржа с продвинутыми торговыми инструментами. Поддержка USDT на нескольких блокчейнах. | |
| </p> | |
| </div> | |
| <div class="bg-gray-800 p-6 rounded-xl border border-gray-700 hover:border-blue-400 transition-all duration-300"> | |
| <div class="flex justify-center mb-4"> | |
| <img src="https://cryptologos.cc/logos/bybit-exchange-bybit-logo.png" alt="Bybit" class="h-16"> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-2">Bybit</h3> | |
| <p class="text-gray-400 text-sm"> | |
| Известна фьючерсными контрактами с USDT. Удобный интерфейс и копи-трейдинг. | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Slide 4: Криптокошельки --> | |
| <div class="slide" id="slide4"> | |
| <div class="max-w-4xl mx-auto"> | |
| <h2 class="text-4xl font-bold mb-8 text-blue-400"> | |
| Криптокошельки для USDT | |
| </h2> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div class="bg-gradient-to-br from-blue-900/50 to-purple-900/50 p-6 rounded-xl border border-gray-700 shadow-lg"> | |
| <h3 class="text-2xl font-semibold mb-4 flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2"> | |
| <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path> | |
| </svg> | |
| Горячие кошельки | |
| </h3> | |
| <ul class="space-y-3 text-gray-300"> | |
| <li class="flex items-start"> | |
| <span class="bg-blue-500 rounded-full w-2 h-2 mt-2 mr-2"></span> | |
| <span><strong>Trust Wallet</strong> - мультивалютный мобильный кошелек с поддержкой USDT на нескольких сетях</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="bg-blue-500 rounded-full w-2 h-2 mt-2 mr-2"></span> | |
| <span><strong>MetaMask</strong> - популярный браузерный кошелек (USDT в сети Ethereum)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="bg-blue-500 rounded-full w-2 h-2 mt-2 mr-2"></span> | |
| <span><strong>Exodus</strong> - десктопный кошелек с простым интерфейсом</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="bg-gradient-to-br from-purple-900/50 to-blue-900/50 p-6 rounded-xl border border-gray-700 shadow-lg"> | |
| <h3 class="text-2xl font-semibold mb-4 flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2"> | |
| <rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect> | |
| <path d="M7 11V7a5 5 0 0 1 10 0v4"></path> | |
| </svg> | |
| Холодные кошельки | |
| </h3> | |
| <ul class="space-y-3 text-gray-300"> | |
| <li class="flex items-start"> | |
| <span class="bg-purple-500 rounded-full w-2 h-2 mt-2 mr-2"></span> | |
| <span><strong>Ledger</strong> - аппаратный кошелек с поддержкой USDT через приложение</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="bg-purple-500 rounded-full w-2 h-2 mt-2 mr-2"></span> | |
| <span><strong>Trezor</strong> - безопасное хранение USDT с полным контролем над ключами</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="bg-purple-500 rounded-full w-2 h-2 mt-2 mr-2"></span> | |
| <span><strong>SafePal</strong> - аппаратный кошелек с экраном и поддержкой мобильного приложения</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Slide 5: Как выбрать сеть --> | |
| <div class="slide" id="slide5"> | |
| <div class="max-w-4xl mx-auto"> | |
| <h2 class="text-4xl font-bold mb-8 text-purple-400"> | |
| Выбор сети для USDT | |
| </h2> | |
| <div class="bg-gray-800/80 backdrop-blur-sm p-8 rounded-xl border border-gray-700 max-w-3xl mx-auto"> | |
| <div class="grid md:grid-cols-3 gap-6"> | |
| <div class="bg-gray-900 p-4 rounded-lg border border-gray-700"> | |
| <h3 class="font-semibold text-blue-400 mb-2">ERC-20 (Ethereum)</h3> | |
| <p class="text-sm text-gray-400"> | |
| Высокая безопасность, но большие комиссии. Подходит для крупных сумм. | |
| </p> | |
| </div> | |
| <div class="bg-gray-900 p-4 rounded-lg border border-gray-700"> | |
| <h3 class="font-semibold text-green-400 mb-2">TRC-20 (Tron)</h3> | |
| <p class="text-sm text-gray-400"> | |
| Низкие комиссии, быстрые транзакции. Оптимально для частых переводов. | |
| </p> | |
| </div> | |
| <div class="bg-gray-900 p-4 rounded-lg border border-gray-700"> | |
| <h3 class="font-semibold text-yellow-400 mb-2">BEP-20 (BSC)</h3> | |
| <p class="text-sm text-gray-400"> | |
| Баланс между стоимостью и скоростью. Хорошо для работы с Binance. | |
| </p> | |
| </div> | |
| </div> | |
| <div class="mt-8 bg-gray-900/50 p-6 rounded-lg border border-dashed border-gray-600"> | |
| <h3 class="text-xl font-semibold mb-4 text-center text-blue-300">Важно!</h3> | |
| <p class="text-center text-gray-300"> | |
| Всегда проверяйте, какую сеть поддерживает получатель. Отправка USDT по неправильной сети может привести к потере средств! | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Slide 6: Безопасность --> | |
| <div class="slide" id="slide6"> | |
| <div class="max-w-4xl mx-auto"> | |
| <h2 class="text-4xl font-bold mb-8 text-blue-400"> | |
| Безопасность при работе с USDT | |
| </h2> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div class="bg-gray-800 p-6 rounded-xl border border-red-500/30 shadow-lg"> | |
| <h3 class="text-2xl font-semibold mb-4 text-red-400 flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#f87171" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2"> | |
| <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path> | |
| <line x1="12" y1="9" x2="12" y2="13"></line> | |
| <line x1="12" y1="17" x2="12.01" y2="17"></line> | |
| </svg> | |
| Чего избегать | |
| </h3> | |
| <ul class="space-y-3 text-gray-300"> | |
| <li class="flex items-start"> | |
| <span class="bg-red-500 rounded-full w-2 h-2 mt-2 mr-2"></span> | |
| <span>Хранение больших сумм на биржах</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="bg-red-500 rounded-full w-2 h-2 mt-2 mr-2"></span> | |
| <span>Переход по подозрительным ссылкам</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="bg-red-500 rounded-full w-2 h-2 mt-2 mr-2"></span> | |
| <span>Использование одного пароля на разных сервисах</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="bg-red-500 rounded-full w-2 h-2 mt-2 mr-2"></span> | |
| <span>Отправка USDT без проверки адреса</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="bg-gray-800 p-6 rounded-xl border border-green-500/30 shadow-lg"> | |
| <h3 class="text-2xl font-semibold mb-4 text-green-400 flex items-center"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#4ade80" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="mr-2"> | |
| <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path> | |
| <polyline points="22 4 12 14.01 9 11.01"></polyline> | |
| </svg> | |
| Рекомендации | |
| </h3> | |
| <ul class="space-y-3 text-gray-300"> | |
| <li class="flex items-start"> | |
| <span class="bg-green-500 rounded-full w-2 h-2 mt-2 mr-2"></span> | |
| <span>Используйте аппаратные кошельки для хранения</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="bg-green-500 rounded-full w-2 h-2 mt-2 mr-2"></span> | |
| <span>Включайте двухфакторную аутентификацию</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="bg-green-500 rounded-full w-2 h-2 mt-2 mr-2"></span> | |
| <span>Проверяйте адреса при отправке (первые и последние символы)</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <span class="bg-green-500 rounded-full w-2 h-2 mt-2 mr-2"></span> | |
| <span>Регулярно обновляйте ПО кошельков</span> | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Slide 7: Заключение --> | |
| <div class="slide" id="slide7"> | |
| <div class="max-w-2xl mx-auto text-center"> | |
| <div class="pulse mb-8"> | |
| <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> | |
| <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path> | |
| <polyline points="22 4 12 14.01 9 11.01"></polyline> | |
| </svg> | |
| </div> | |
| <h2 class="text-4xl font-bold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500"> | |
| USDT - удобный инструмент | |
| </h2> | |
| <p class="text-xl text-gray-300 mb-8"> | |
| Благодаря стабильности и широкой поддержке, USDT стал стандартом для торговли и переводов в криптомире. | |
| </p> | |
| <div class="bg-gray-800/50 p-6 rounded-xl border border-gray-700 inline-block"> | |
| <p class="text-lg text-blue-300 font-medium"> | |
| Начните с малых сумм, изучайте и всегда соблюдайте меры безопасности! | |
| </p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script> | |
| document.addEventListener('DOMContentLoaded', function() { | |
| const slides = document.querySelectorAll('.slide'); | |
| const progressBar = document.getElementById('progressBar'); | |
| let currentSlide = 0; | |
| const totalSlides = slides.length; | |
| // Показываем первый слайд | |
| slides[0].classList.add('active'); | |
| // Обработчик колеса мыши | |
| window.addEventListener('wheel', function(e) { | |
| if (e.deltaY > 0) { | |
| // Прокрутка вниз - следующий слайд | |
| if (currentSlide < totalSlides - 1) { | |
| goToSlide(currentSlide + 1); | |
| } | |
| } else { | |
| // Прокрутка вверх - предыдущий слайд | |
| if (currentSlide > 0) { | |
| goToSlide(currentSlide - 1); | |
| } | |
| } | |
| }); | |
| // Обработчик касаний для мобильных устройств | |
| let touchStartY = 0; | |
| window.addEventListener('touchstart', function(e) { | |
| touchStartY = e.touches[0].clientY; | |
| }); | |
| window.addEventListener('touchend', function(e) { | |
| const touchEndY = e.changedTouches[0].clientY; | |
| const diff = touchStartY - touchEndY; | |
| if (diff > 50) { | |
| // Свайп вверх - следующий слайд | |
| if (currentSlide < totalSlides - 1) { | |
| goToSlide(currentSlide + 1); | |
| } | |
| } else if (diff < -50) { | |
| // Свайп вниз - предыдущий слайд | |
| if (currentSlide > 0) { | |
| goToSlide(currentSlide - 1); | |
| } | |
| } | |
| }); | |
| // Функция перехода к конкретному слайду | |
| function goToSlide(index) { | |
| slides[currentSlide].classList.remove('active'); | |
| currentSlide = index; | |
| slides[currentSlide].classList.add('active'); | |
| updateProgressBar(); | |
| // Анимация для нового слайда | |
| slides[currentSlide].classList.add('animate__animated', 'animate__fadeInUp'); | |
| setTimeout(() => { | |
| slides[currentSlide].classList.remove('animate__animated', 'animate__fadeInUp'); | |
| }, 1000); | |
| } | |
| // Обновление прогресс-бара | |
| function updateProgressBar() { | |
| const progress = ((currentSlide + 1) / totalSlides) * 100; | |
| progressBar.style.width = `${progress}%`; | |
| } | |
| // Инициализация прогресс-бара | |
| updateProgressBar(); | |
| // Добавляем обработчик клавиш для навигации | |
| document.addEventListener('keydown', function(e) { | |
| if (e.key === 'ArrowDown' || e.key === 'ArrowRight') { | |
| if (currentSlide < totalSlides - 1) { | |
| goToSlide(currentSlide + 1); | |
| } | |
| } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') { | |
| if (currentSlide > 0) { | |
| goToSlide(currentSlide - 1); | |
| } | |
| } | |
| }); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=timoon811/cryptobirh" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |