| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8"> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>DarkWeb Ninja | OSINT Toolkit</title> |
| | <script src="https://cdn.tailwindcss.com"></script> |
| | <script src="https://unpkg.com/feather-icons"></script> |
| | <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
| | <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script> |
| | <script src="https://cdn.jsdelivr.net/npm/animejs@3.2.1/lib/anime.min.js"></script> |
| | <style> |
| | @import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&family=Share+Tech+Mono&display=swap'); |
| | .font-tech { font-family: 'Share Tech Mono', monospace; } |
| | .font-major { font-family: 'Major Mono Display', monospace; } |
| | .glow-text { text-shadow: 0 0 10px #00ff00, 0 0 20px #00ff00; } |
| | .glow-box { box-shadow: 0 0 15px #00ff00; } |
| | .hacker-bg { background: radial-gradient(circle, #0a0a0a 0%, #000000 100%); } |
| | .terminal-input { |
| | background: transparent; |
| | border: none; |
| | outline: none; |
| | color: #00ff00; |
| | caret-color: #00ff00; |
| | } |
| | .typing-cursor { animation: blink 1s step-end infinite; } |
| | @keyframes blink { from, to { opacity: 0 } 50% { opacity: 1 } } |
| | </style> |
| | </head> |
| | <body class="hacker-bg text-green-500 font-tech min-h-screen"> |
| | <div id="vanta-bg"></div> |
| | |
| | <div class="container mx-auto px-4 py-12 relative z-10"> |
| | <header class="text-center mb-16"> |
| | <h1 class="text-4xl md:text-6xl font-major glow-text mb-4">DARKWEB NINJA</h1> |
| | <p class="text-xl md:text-2xl glow-text">OSINT Toolkit v3.1.4</p> |
| | <div class="flex justify-center mt-4"> |
| | <div class="h-1 w-24 bg-green-500 glow-box"></div> |
| | </div> |
| | </header> |
| |
|
| | <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> |
| | |
| | <div class="bg-black bg-opacity-70 rounded-lg p-6 border border-green-500 glow-box hover:scale-105 transition-transform duration-300"> |
| | <div class="flex items-center mb-4"> |
| | <i data-feather="camera" class="mr-3"></i> |
| | <h3 class="text-xl">Instagram Tools</h3> |
| | </div> |
| | <div class="space-y-3"> |
| | <a href="instagram-user-pass.html" class="block p-3 bg-gray-900 rounded hover:bg-gray-800 transition-colors duration-200 flex items-center"> |
| | <i data-feather="user" class="mr-2"></i> Username → Password |
| | </a> |
| | <a href="instagram-user-phone.html" class="block p-3 bg-gray-900 rounded hover:bg-gray-800 transition-colors duration-200 flex items-center"> |
| | <i data-feather="phone" class="mr-2"></i> Username → Phone Number |
| | </a> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="bg-black bg-opacity-70 rounded-lg p-6 border border-green-500 glow-box hover:scale-105 transition-transform duration-300"> |
| | <div class="flex items-center mb-4"> |
| | <i data-feather="ghost" class="mr-3"></i> |
| | <h3 class="text-xl">Snapchat Tools</h3> |
| | </div> |
| | <div class="space-y-3"> |
| | <a href="snapchat-user-pass.html" class="block p-3 bg-gray-900 rounded hover:bg-gray-800 transition-colors duration-200 flex items-center"> |
| | <i data-feather="user" class="mr-2"></i> Username → Password |
| | </a> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="bg-black bg-opacity-70 rounded-lg p-6 border border-green-500 glow-box hover:scale-105 transition-transform duration-300"> |
| | <div class="flex items-center mb-4"> |
| | <i data-feather="facebook" class="mr-3"></i> |
| | <h3 class="text-xl">Facebook Tools</h3> |
| | </div> |
| | <div class="space-y-3"> |
| | <a href="facebook-id-pass.html" class="block p-3 bg-gray-900 rounded hover:bg-gray-800 transition-colors duration-200 flex items-center"> |
| | <i data-feather="key" class="mr-2"></i> ID → Password |
| | </a> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="bg-black bg-opacity-70 rounded-lg p-6 border border-green-500 glow-box hover:scale-105 transition-transform duration-300"> |
| | <div class="flex items-center mb-4"> |
| | <i data-feather="twitter" class="mr-3"></i> |
| | <h3 class="text-xl">Twitter Tools</h3> |
| | </div> |
| | <div class="space-y-3"> |
| | <a href="twitter-user-pass.html" class="block p-3 bg-gray-900 rounded hover:bg-gray-800 transition-colors duration-200 flex items-center"> |
| | <i data-feather="user" class="mr-2"></i> Username → Password |
| | </a> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="bg-black bg-opacity-70 rounded-lg p-6 border border-green-500 glow-box hover:scale-105 transition-transform duration-300"> |
| | <div class="flex items-center mb-4"> |
| | <i data-feather="message-square" class="mr-3"></i> |
| | <h3 class="text-xl">Threads Tools</h3> |
| | </div> |
| | <div class="space-y-3"> |
| | <a href="threads-user-phone.html" class="block p-3 bg-gray-900 rounded hover:bg-gray-800 transition-colors duration-200 flex items-center"> |
| | <i data-feather="phone" class="mr-2"></i> Username → Phone Number |
| | </a> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="bg-black bg-opacity-70 rounded-lg p-6 border border-green-500 glow-box hover:scale-105 transition-transform duration-300"> |
| | <div class="flex items-center mb-4"> |
| | <i data-feather="music" class="mr-3"></i> |
| | <h3 class="text-xl">TikTok Tools</h3> |
| | </div> |
| | <div class="space-y-3"> |
| | <a href="tiktok-user-phone.html" class="block p-3 bg-gray-900 rounded hover:bg-gray-800 transition-colors duration-200 flex items-center"> |
| | <i data-feather="phone" class="mr-2"></i> Username → Phone Number |
| | </a> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="bg-black bg-opacity-70 rounded-lg p-6 border border-green-500 glow-box hover:scale-105 transition-transform duration-300"> |
| | <div class="flex items-center mb-4"> |
| | <i data-feather="send" class="mr-3"></i> |
| | <h3 class="text-xl">Telegram Tools</h3> |
| | </div> |
| | <div class="space-y-3"> |
| | <a href="telegram-user-phone.html" class="block p-3 bg-gray-900 rounded hover:bg-gray-800 transition-colors duration-200 flex items-center"> |
| | <i data-feather="phone" class="mr-2"></i> Username → Phone Number |
| | </a> |
| | </div> |
| | </div> |
| |
|
| | |
| | <div class="bg-black bg-opacity-70 rounded-lg p-6 border border-green-500 glow-box hover:scale-105 transition-transform duration-300"> |
| | <div class="flex items-center mb-4"> |
| | <i data-feather="message-circle" class="mr-3"></i> |
| | <h3 class="text-xl">WhatsApp Tools</h3> |
| | </div> |
| | <div class="space-y-3"> |
| | <a href="whatsapp-number-hack.html" class="block p-3 bg-gray-900 rounded hover:bg-gray-800 transition-colors duration-200 flex items-center"> |
| | <i data-feather="smartphone" class="mr-2"></i> Number → App Hack |
| | </a> |
| | <a href="whatsapp-chat-spy.html" class="block p-3 bg-gray-900 rounded hover:bg-gray-800 transition-colors duration-200 flex items-center"> |
| | <i data-feather="message-square" class="mr-2"></i> Chat Spy |
| | </a> |
| | </div> |
| | </div> |
| | </div> |
| |
|
| | <div class="mt-8 text-center"> |
| | <a href="whatsapp-chat-spy.html" class="inline-block px-6 py-3 bg-green-900 text-green-400 rounded-lg hover:bg-green-800 transition-colors duration-200"> |
| | <i data-feather="message-square" class="mr-2"></i> WhatsApp Chat Spy Tool |
| | </a> |
| | </div> |
| |
|
| | <footer class="mt-16 text-center text-sm opacity-70"> |
| | <p class="mb-2">Ⓧ DarkWeb Ninja - For educational purposes only</p> |
| | <p>v3.1.4 | TOR Relay Node: 7F9A2B4C</p> |
| | </footer> |
| | </div> |
| |
|
| | <script> |
| | |
| | VANTA.NET({ |
| | el: "#vanta-bg", |
| | mouseControls: true, |
| | touchControls: true, |
| | gyroControls: false, |
| | minHeight: 200.00, |
| | minWidth: 200.00, |
| | scale: 1.00, |
| | scaleMobile: 1.00, |
| | color: 0x00ff00, |
| | backgroundColor: 0x0, |
| | points: 9.00, |
| | maxDistance: 20.00, |
| | spacing: 15.00 |
| | }); |
| | |
| | |
| | feather.replace(); |
| | |
| | |
| | document.querySelectorAll('.terminal-input').forEach(input => { |
| | input.addEventListener('focus', function() { |
| | this.parentElement.classList.add('glow-box'); |
| | }); |
| | input.addEventListener('blur', function() { |
| | this.parentElement.classList.remove('glow-box'); |
| | }); |
| | }); |
| | |
| | |
| | anime({ |
| | targets: '.glow-text', |
| | opacity: [0.7, 1], |
| | duration: 2000, |
| | easing: 'easeInOutQuad', |
| | direction: 'alternate', |
| | loop: true |
| | }); |
| | </script> |
| | </body> |
| | </html> |
| |
|
