|
|
<!DOCTYPE html> |
|
|
<html lang="ru"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>Spy сервисы для работы</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&family=Roboto:wght@400;700&display=swap'); |
|
|
|
|
|
body { |
|
|
font-family: 'Orbitron', sans-serif; |
|
|
background-color: #0a0a1a; |
|
|
overflow: hidden; |
|
|
} |
|
|
|
|
|
.neon-text { |
|
|
text-shadow: 0 0 10px #3d5afe, 0 0 20px #3d5afe, 0 0 30px #3d5afe; |
|
|
} |
|
|
|
|
|
.neon-border { |
|
|
box-shadow: 0 0 10px #6200ea, 0 0 20px #6200ea; |
|
|
} |
|
|
|
|
|
.code-bg { |
|
|
background-image: |
|
|
linear-gradient(rgba(13, 17, 23, 0.9), rgba(13, 17, 23, 0.9)), |
|
|
url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.2 0 4-1.8 4-4s-1.8-4-4-4-4 1.8-4 4 1.8 4 4 4zm57-13c2.2 0 4-1.8 4-4s-1.8-4-4-4-4 1.8-4 4 1.8 4 4 4zm-9-21c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM60 91c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM35 41c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM12 60c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z' fill='%23333' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E"); |
|
|
} |
|
|
|
|
|
.pulse { |
|
|
animation: pulse 2s infinite; |
|
|
} |
|
|
|
|
|
@keyframes pulse { |
|
|
0% { opacity: 0.7; } |
|
|
50% { opacity: 1; } |
|
|
100% { opacity: 0.7; } |
|
|
} |
|
|
|
|
|
.glow { |
|
|
filter: drop-shadow(0 0 8px rgba(97, 218, 251, 0.8)); |
|
|
} |
|
|
|
|
|
.heatmap { |
|
|
background: linear-gradient(135deg, #0d47a1 0%, #4a148c 50%, #880e4f 100%); |
|
|
opacity: 0.3; |
|
|
border-radius: 50%; |
|
|
filter: blur(40px); |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="code-bg h-screen w-screen flex items-center justify-center relative overflow-hidden"> |
|
|
|
|
|
<div class="heatmap absolute w-1/2 h-1/2 top-0 left-0"></div> |
|
|
<div class="heatmap absolute w-1/3 h-1/3 bottom-0 right-0"></div> |
|
|
|
|
|
|
|
|
<div class="relative z-10 w-full h-full flex flex-col items-center justify-center px-10"> |
|
|
|
|
|
<div class="mb-8 text-center"> |
|
|
<h1 class="text-6xl md:text-8xl font-bold text-white neon-text mb-4">SPY СЕРВИСЫ</h1> |
|
|
<h2 class="text-3xl md:text-5xl font-bold text-blue-400">ДЛЯ РАБОТЫ</h2> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 w-full max-w-5xl mt-12"> |
|
|
|
|
|
<div class="bg-black bg-opacity-50 backdrop-blur-md rounded-xl p-6 border border-blue-900 neon-border flex flex-col items-center text-center"> |
|
|
<div class="text-blue-400 text-4xl mb-4 glow"> |
|
|
<i class="fas fa-search-dollar"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-white mb-2">АНАЛИЗ КОНКУРЕНТОВ</h3> |
|
|
<p class="text-blue-200 text-sm">Отслеживание рекламных кампаний и стратегий</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-black bg-opacity-50 backdrop-blur-md rounded-xl p-6 border border-purple-900 neon-border flex flex-col items-center text-center"> |
|
|
<div class="text-purple-400 text-4xl mb-4 glow"> |
|
|
<i class="fas fa-chart-line"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-white mb-2">ТРЕНДЫ И СТАТИСТИКА</h3> |
|
|
<p class="text-purple-200 text-sm">Выявление прибыльных ниш и офферов</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-black bg-opacity-50 backdrop-blur-md rounded-xl p-6 border border-indigo-900 neon-border flex flex-col items-center text-center"> |
|
|
<div class="text-indigo-400 text-4xl mb-4 glow"> |
|
|
<i class="fas fa-bolt"></i> |
|
|
</div> |
|
|
<h3 class="text-xl font-bold text-white mb-2">АВТОМАТИЗАЦИЯ</h3> |
|
|
<p class="text-indigo-200 text-sm">Инструменты для быстрого масштабирования</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="flex items-center justify-center space-x-8 mt-12 opacity-80"> |
|
|
<div class="text-blue-400 text-2xl font-mono font-bold">ADPLEXITY</div> |
|
|
<div class="text-purple-400 text-2xl font-mono font-bold">SPYOVER</div> |
|
|
<div class="text-indigo-400 text-2xl font-mono font-bold">ANSTREX</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="absolute top-0 left-0 w-full h-full pointer-events-none"> |
|
|
|
|
|
<div class="absolute top-0 left-0 w-full h-full overflow-hidden opacity-10"> |
|
|
<div class="text-green-400 text-xs font-mono whitespace-nowrap leading-tight tracking-widest animate-marquee"> |
|
|
01010100 01110010 01100001 01100011 01101011 00100000 01100011 01101111 01101101 01110000 01100101 01110100 01101001 01110100 01101111 01110010 01110011 00100000 01000001 01100100 01110110 01100101 01110010 01110100 01101001 01110011 01101001 01101110 01100111 00100000 01010011 01110100 01110010 01100001 01110100 01100101 01100111 01101001 01100101 01110011 |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="absolute bottom-10 right-10 w-32 h-32 border-2 border-blue-500 rounded-lg opacity-30"></div> |
|
|
<div class="absolute top-20 right-1/4 w-16 h-16 border-2 border-purple-500 rounded-full opacity-30"></div> |
|
|
<div class="absolute bottom-1/4 left-20 w-24 h-24 border-t-2 border-r-2 border-indigo-500 opacity-30"></div> |
|
|
|
|
|
|
|
|
<div class="absolute top-1/3 left-1/4 w-40 h-40"> |
|
|
<div class="absolute inset-0 border-2 border-blue-400 rounded-full opacity-30 animate-ping"></div> |
|
|
<div class="absolute inset-4 border-2 border-blue-400 rounded-full opacity-30"></div> |
|
|
<div class="absolute inset-8 border-2 border-blue-400 rounded-full opacity-30"></div> |
|
|
<div class="absolute top-1/2 left-1/2 w-2 h-2 bg-blue-400 rounded-full transform -translate-x-1/2 -translate-y-1/2"></div> |
|
|
<div class="absolute top-1/2 left-1/2 w-6 h-1 bg-blue-400 rounded-full transform -translate-y-1/2 origin-left rotate-45"></div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<style> |
|
|
@keyframes marquee { |
|
|
0% { transform: translateX(0); } |
|
|
100% { transform: translateX(-50%); } |
|
|
} |
|
|
|
|
|
.animate-marquee { |
|
|
animation: marquee 20s linear infinite; |
|
|
} |
|
|
</style> |
|
|
<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/spy123" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
