| <!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> |
|
|
