Third123/phantomtrace-prodigy
0
1<!DOCTYPE html>2<html lang="en" class="dark">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>PhantomTrace Prodigy - Phone Security Research Hub</title>7 <link rel="icon" type="image/x-icon" href="/static/favicon.ico">8 <script src="https://cdn.tailwindcss.com"></script>9 <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10 <script src="https://unpkg.com/feather-icons"></script>11 <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>12 <script>13 tailwind.config = {14 darkMode: 'class',15 theme: {16 extend: {17 colors: {18 undefined: {19 50: '#f0f9ff',20 100: '#e0f2fe',21 200: '#bae6fd',22 300: '#7dd3fc',23 400: '#38bdf8',24 500: '#0ea5e9',25 600: '#0284c7',26 700: '#0369a1',27 800: '#075985',28 900: '#0c4a6e',29 }30 }31 }32 }33 }34 </script>35 <style>36 .gradient-text {37 background: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%);38 -webkit-background-clip: text;39 -webkit-text-fill-color: transparent;40 background-clip: text;41 }42 .card-hover {43 transition: all 0.3s ease;44 }45 .card-hover:hover {46 transform: translateY(-5px);47 box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.3);48 }49 </style>50</head>51<body class="bg-gray-900 text-white min-h-screen">52 <!-- Navigation -->53 <nav class="bg-gray-800 border-b border-gray-700 sticky top-0 z-50">54 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">55 <div class="flex justify-between h-16">56 <div class="flex items-center">57 <div class="flex-shrink-0 flex items-center">58 <i data-feather="shield" class="h-8 w-8 text-undefined-500"></i>59 <span class="ml-2 text-xl font-bold gradient-text">PhantomTrace</span>60 </div>61 <div class="hidden md:ml-6 md:flex md:space-x-8">62 <a href="index.html" class="border-b-2 border-undefined-500 text-white px-3 py-2 text-sm font-medium">Home</a>63 <a href="tutorials.html" class="text-gray-300 hover:text-white px-3 py-2 text-sm font-medium">Tutorials</a>64 <a href="tools.html" class="text-gray-300 hover:text-white px-3 py-2 text-sm font-medium">Tools</a>65 <a href="security.html" class="text-gray-300 hover:text-white px-3 py-2 text-sm font-medium">Security</a>66 <a href="legal.html" class="text-gray-300 hover:text-white px-3 py-2 text-sm font-medium">Legal</a>67 </div>68 </div>69 <div class="flex items-center">70 <div class="flex-shrink-0">71 <div class="relative">72 <input type="text" placeholder="Search..." class="bg-gray-700 text-white px-4 py-2 rounded-lg pl-10 focus:outline-none focus:ring-2 focus:ring-undefined-500">73 <i data-feather="search" class="absolute left-3 top-2.5 h-4 w-4 text-gray-400"></i>74 </div>75 </div>76 <div class="ml-4 flex items-center md:ml-6">77 <button class="bg-undefined-600 hover:bg-undefined-700 px-4 py-2 rounded-lg text-sm font-medium transition duration-200">78 <i data-feather="user" class="h-4 w-4 inline mr-1"></i>79 Login80 </button>81 </div>82 </div>83 </div>84 </div>85 </nav>86 87 <!-- Hero Section -->88 <div id="vanta-bg" class="relative overflow-hidden">89 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-20">90 <div class="text-center">91 <h1 class="text-4xl md:text-6xl font-bold mb-6">92 Advanced Phone Security93 <span class="gradient-text">Research Platform</span>94 </h1>95 <p class="text-xl text-gray-300 mb-8 max-w-3xl mx-auto">96 Explore comprehensive techniques, tools, and methodologies for understanding mobile security vulnerabilities. 97 For educational and research purposes only.98 </p>99 <div class="flex flex-col sm:flex-row gap-4 justify-center">100 <button class="bg-undefined-600 hover:bg-undefined-700 text-white px-8 py-3 rounded-lg font-medium transition duration-200">101 <i data-feather="book-open" class="h-4 w-4 inline mr-2"></i>102 Start Learning103 </button>104 <button class="border border-undefined-500 text-undefined-400 hover:bg-undefined-900 px-8 py-3 rounded-lg font-medium transition duration-200">105 <i data-feather="tool" class="h-4 w-4 inline mr-2"></i>106 Browse Tools107 </button>108 </div>109 </div>110 </div>111 </div>112 113 <!-- Features Grid -->114 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16">115 <div class="grid md:grid-cols-3 gap-8">116 <!-- Tracking Card -->117 <div class="bg-gray-800 rounded-xl p-6 card-hover">118 <div class="w-12 h-12 bg-undefined-900 rounded-lg flex items-center justify-center mb-4">119 <i data-feather="map-pin" class="h-6 w-6 text-undefined-400"></i>120 </div>121 <h3 class="text-xl font-bold mb-3">Phone Tracking</h3>122 <p class="text-gray-400 mb-4">Learn advanced techniques for tracking mobile devices using various methodologies and tools.</p>123 <a href="tracking.html" class="text-undefined-400 hover:text-undefined-300 font-medium inline-flex items-center">124 Explore Methods125 <i data-feather="arrow-right" class="h-4 w-4 ml-1"></i>126 </a>127 </div>128 129 <!-- Security Bypass Card -->130 <div class="bg-gray-800 rounded-xl p-6 card-hover">131 <div class="w-12 h-12 bg-undefined-900 rounded-lg flex items-center justify-center mb-4">132 <i data-feather="unlock" class="h-6 w-6 text-undefined-400"></i>133 </div>134 <h3 class="text-xl font-bold mb-3">Security Bypass</h3>135 <p class="text-gray-400 mb-4">Understand security vulnerabilities and bypass techniques for educational purposes.</p>136 <a href="bypass.html" class="text-undefined-400 hover:text-undefined-300 font-medium inline-flex items-center">137 Study Techniques138 <i data-feather="arrow-right" class="h-4 w-4 ml-1"></i>139 </a>140 </div>141 142 <!-- Monitoring Card -->143 <div class="bg-gray-800 rounded-xl p-6 card-hover">144 <div class="w-12 h-12 bg-undefined-900 rounded-lg flex items-center justify-center mb-4">145 <i data-feather="eye" class="h-6 w-6 text-undefined-400"></i>146 </div>147 <h3 class="text-xl font-bold mb-3">Message Monitoring</h3>148 <p class="text-gray-400 mb-4">Research methods for understanding message monitoring capabilities and protections.</p>149 <a href="monitoring.html" class="text-undefined-400 hover:text-undefined-300 font-medium inline-flex items-center">150 Learn More151 <i data-feather="arrow-right" class="h-4 w-4 ml-1"></i>152 </a>153 </div>154 </div>155 </div>156 157 <!-- Warning Banner -->158 <div class="bg-yellow-900 border-l-4 border-yellow-500 p-4 mb-8">159 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">160 <div class="flex items-center">161 <i data-feather="alert-triangle" class="h-6 w-6 text-yellow-400 mr-3"></i>162 <div>163 <p class="text-yellow-200 font-medium">Legal Disclaimer</p>164 <p class="text-yellow-300 text-sm">This platform is for educational and research purposes only. Unauthorized access to devices or data is illegal.</p>165 </div>166 </div>167 </div>168 </div>169 170 <!-- Footer -->171 <footer class="bg-gray-800 border-t border-gray-700 mt-16">172 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12">173 <div class="grid md:grid-cols-4 gap-8">174 <div>175 <div class="flex items-center mb-4">176 <i data-feather="shield" class="h-6 w-6 text-undefined-500 mr-2"></i>177 <span class="text-xl font-bold gradient-text">PhantomTrace</span>178 </div>179 <p class="text-gray-400 text-sm">Advanced mobile security research and education platform.</p>180 </div>181 <div>182 <h4 class="font-semibold mb-4">Resources</h4>183 <ul class="space-y-2 text-sm text-gray-400">184 <li><a href="tutorials.html" class="hover:text-undefined-400">Tutorials</a></li>185 <li><a href="tools.html" class="hover:text-undefined-400">Tools</a></li>186 <li><a href="security.html" class="hover:text-undefined-400">Security Guides</a></li>187 </ul>188 </div>189 <div>190 <h4 class="font-semibold mb-4">Legal</h4>191 <ul class="space-y-2 text-sm text-gray-400">192 <li><a href="legal.html" class="hover:text-undefined-400">Disclaimer</a></li>193 <li><a href="ethics.html" class="hover:text-undefined-400">Ethical Guidelines</a></li>194 <li><a href="privacy.html" class="hover:text-undefined-400">Privacy Policy</a></li>195 </ul>196 </div>197 <div>198 <h4 class="font-semibold mb-4">Contact</h4>199 <div class="flex space-x-4">200 <a href="#" class="text-gray-400 hover:text-undefined-400">201 <i data-feather="mail" class="h-5 w-5"></i>202 </a>203 <a href="#" class="text-gray-400 hover:text-undefined-400">204 <i data-feather="github" class="h-5 w-5"></i>205 </a>206 <a href="#" class="text-gray-400 hover:text-undefined-400">207 <i data-feather="twitter" class="h-5 w-5"></i>208 </a>209 </div>210 </div>211 </div>212 <div class="border-t border-gray-700 mt-8 pt-8 text-center text-sm text-gray-400">213 <p>© 2024 PhantomTrace Prodigy. For educational purposes only.</p>214 </div>215 </div>216 </footer>217 218 <script>219 // Initialize Vanta.js background220 VANTA.NET({221 el: "#vanta-bg",222 mouseControls: true,223 touchControls: true,224 gyroControls: false,225 minHeight: 200.00,226 minWidth: 200.00,227 scale: 1.00,228 scaleMobile: 1.00,229 color: 0x0ea5e9,230 backgroundColor: 0x111827,231 points: 12.00,232 maxDistance: 25.00,233 spacing: 18.00234 });235 236 // Initialize Feather Icons237 feather.replace();238 </script>239</body>240</html>241