Spaces:
Running
Running
Make a headshot panel for free fire max which effect in the real game for mobile high accuracy on head aimlock,no Recoil and all type of gun shot gun, smg, pistol, assult, woodpecker - Initial Deployment
5594ae9
verified
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Free Fire MAX - Headshot Panel</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> | |
| .glow-effect { | |
| box-shadow: 0 0 15px rgba(59, 130, 246, 0.7); | |
| } | |
| .gun-icon { | |
| transition: all 0.3s ease; | |
| } | |
| .gun-icon:hover { | |
| transform: scale(1.1); | |
| } | |
| .switch { | |
| position: relative; | |
| display: inline-block; | |
| width: 60px; | |
| height: 30px; | |
| } | |
| .switch input { | |
| opacity: 0; | |
| width: 0; | |
| height: 0; | |
| } | |
| .slider { | |
| position: absolute; | |
| cursor: pointer; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| background-color: #ccc; | |
| transition: .4s; | |
| border-radius: 34px; | |
| } | |
| .slider:before { | |
| position: absolute; | |
| content: ""; | |
| height: 22px; | |
| width: 22px; | |
| left: 4px; | |
| bottom: 4px; | |
| background-color: white; | |
| transition: .4s; | |
| border-radius: 50%; | |
| } | |
| input:checked + .slider { | |
| background-color: #3B82F6; | |
| } | |
| input:checked + .slider:before { | |
| transform: translateX(30px); | |
| } | |
| .progress-bar { | |
| height: 10px; | |
| border-radius: 5px; | |
| background-color: #e0e0e0; | |
| overflow: hidden; | |
| } | |
| .progress-fill { | |
| height: 100%; | |
| background: linear-gradient(90deg, #3B82F6, #60A5FA); | |
| transition: width 0.3s ease; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-900 text-white min-h-screen"> | |
| <div class="container mx-auto px-4 py-8"> | |
| <!-- Header --> | |
| <header class="flex justify-between items-center mb-8"> | |
| <div class="flex items-center"> | |
| <img src="https://via.placeholder.com/50" alt="Free Fire Logo" class="w-12 h-12 mr-3 rounded-lg"> | |
| <div> | |
| <h1 class="text-2xl font-bold bg-gradient-to-r from-blue-400 to-purple-500 bg-clip-text text-transparent">FREE FIRE MAX</h1> | |
| <p class="text-gray-400 text-sm">Headshot Control Panel</p> | |
| </div> | |
| </div> | |
| <div class="flex items-center space-x-2"> | |
| <span class="bg-blue-600 px-3 py-1 rounded-full text-xs font-semibold">VIP</span> | |
| <button class="bg-gray-800 p-2 rounded-full"> | |
| <i class="fas fa-cog text-blue-400"></i> | |
| </button> | |
| </div> | |
| </header> | |
| <!-- Stats Panel --> | |
| <div class="bg-gray-800 rounded-xl p-6 mb-8 glow-effect"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-4"> | |
| <div class="text-center"> | |
| <p class="text-gray-400 text-sm">Accuracy</p> | |
| <p class="text-2xl font-bold text-blue-400">98%</p> | |
| </div> | |
| <div class="text-center"> | |
| <p class="text-gray-400 text-sm">Headshots</p> | |
| <p class="text-2xl font-bold text-green-400">1.2K</p> | |
| </div> | |
| <div class="text-center"> | |
| <p class="text-gray-400 text-sm">K/D Ratio</p> | |
| <p class="text-2xl font-bold text-purple-400">12.5</p> | |
| </div> | |
| <div class="text-center"> | |
| <p class="text-gray-400 text-sm">Current Rank</p> | |
| <p class="text-2xl font-bold text-yellow-400">Heroic</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Main Features --> | |
| <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8"> | |
| <!-- Headshot Control --> | |
| <div class="bg-gray-800 rounded-xl p-6"> | |
| <div class="flex justify-between items-center mb-4"> | |
| <h2 class="text-xl font-bold text-blue-400"> | |
| <i class="fas fa-crosshairs mr-2"></i> Headshot Control | |
| </h2> | |
| <label class="switch"> | |
| <input type="checkbox" checked> | |
| <span class="slider"></span> | |
| </label> | |
| </div> | |
| <p class="text-gray-400 mb-4">Advanced aimlock system for perfect headshots</p> | |
| <div class="space-y-4"> | |
| <div> | |
| <div class="flex justify-between mb-1"> | |
| <span class="text-sm">Aim Speed</span> | |
| <span class="text-sm">85%</span> | |
| </div> | |
| <div class="progress-bar"> | |
| <div class="progress-fill" style="width: 85%"></div> | |
| </div> | |
| </div> | |
| <div> | |
| <div class="flex justify-between mb-1"> | |
| <span class="text-sm">Headshot Rate</span> | |
| <span class="text-sm">95%</span> | |
| </div> | |
| <div class="progress-bar"> | |
| <div class="progress-fill" style="width: 95%"></div> | |
| </div> | |
| </div> | |
| <div> | |
| <div class="flex justify-between mb-1"> | |
| <span class="text-sm">Detection Range</span> | |
| <span class="text-sm">300m</span> | |
| </div> | |
| <div class="progress-bar"> | |
| <div class="progress-fill" style="width: 75%"></div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Recoil Control --> | |
| <div class="bg-gray-800 rounded-xl p-6"> | |
| <div class="flex justify-between items-center mb-4"> | |
| <h2 class="text-xl font-bold text-green-400"> | |
| <i class="fas fa-bullseye mr-2"></i> Recoil Control | |
| </h2> | |
| <label class="switch"> | |
| <input type="checkbox" checked> | |
| <span class="slider"></span> | |
| </label> | |
| </div> | |
| <p class="text-gray-400 mb-4">Eliminate weapon recoil for all gun types</p> | |
| <div class="grid grid-cols-2 gap-4"> | |
| <div class="bg-gray-700 p-3 rounded-lg text-center"> | |
| <i class="fas fa-gun text-2xl mb-2 text-blue-400"></i> | |
| <p class="text-sm">Assault Rifles</p> | |
| <span class="text-xs bg-green-900 text-green-300 px-2 py-1 rounded-full">100%</span> | |
| </div> | |
| <div class="bg-gray-700 p-3 rounded-lg text-center"> | |
| <i class="fas fa-gun text-2xl mb-2 text-purple-400"></i> | |
| <p class="text-sm">SMGs</p> | |
| <span class="text-xs bg-green-900 text-green-300 px-2 py-1 rounded-full">100%</span> | |
| </div> | |
| <div class="bg-gray-700 p-3 rounded-lg text-center"> | |
| <i class="fas fa-gun text-2xl mb-2 text-yellow-400"></i> | |
| <p class="text-sm">Shotguns</p> | |
| <span class="text-xs bg-green-900 text-green-300 px-2 py-1 rounded-full">95%</span> | |
| </div> | |
| <div class="bg-gray-700 p-3 rounded-lg text-center"> | |
| <i class="fas fa-gun text-2xl mb-2 text-red-400"></i> | |
| <p class="text-sm">Snipers</p> | |
| <span class="text-xs bg-green-900 text-green-300 px-2 py-1 rounded-full">98%</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Weapon Selection --> | |
| <div class="bg-gray-800 rounded-xl p-6 mb-8"> | |
| <h2 class="text-xl font-bold text-purple-400 mb-6"> | |
| <i class="fas fa-gun mr-2"></i> Weapon Configuration | |
| </h2> | |
| <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-4"> | |
| <!-- Assault Rifles --> | |
| <div class="bg-gray-700 p-4 rounded-lg text-center gun-icon cursor-pointer hover:bg-gray-600"> | |
| <i class="fas fa-gun text-3xl mb-2 text-blue-400"></i> | |
| <p class="font-medium">AK47</p> | |
| <p class="text-xs text-gray-400">Assault Rifle</p> | |
| </div> | |
| <!-- SMGs --> | |
| <div class="bg-gray-700 p-4 rounded-lg text-center gun-icon cursor-pointer hover:bg-gray-600"> | |
| <i class="fas fa-gun text-3xl mb-2 text-purple-400"></i> | |
| <p class="font-medium">MP40</p> | |
| <p class="text-xs text-gray-400">SMG</p> | |
| </div> | |
| <!-- Shotguns --> | |
| <div class="bg-gray-700 p-4 rounded-lg text-center gun-icon cursor-pointer hover:bg-gray-600"> | |
| <i class="fas fa-gun text-3xl mb-2 text-yellow-400"></i> | |
| <p class="font-medium">M1014</p> | |
| <p class="text-xs text-gray-400">Shotgun</p> | |
| </div> | |
| <!-- Snipers --> | |
| <div class="bg-gray-700 p-4 rounded-lg text-center gun-icon cursor-pointer hover:bg-gray-600"> | |
| <i class="fas fa-gun text-3xl mb-2 text-red-400"></i> | |
| <p class="font-medium">AWM</p> | |
| <p class="text-xs text-gray-400">Sniper</p> | |
| </div> | |
| <!-- Pistols --> | |
| <div class="bg-gray-700 p-4 rounded-lg text-center gun-icon cursor-pointer hover:bg-gray-600"> | |
| <i class="fas fa-gun text-3xl mb-2 text-green-400"></i> | |
| <p class="font-medium">Desert Eagle</p> | |
| <p class="text-xs text-gray-400">Pistol</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Advanced Settings --> | |
| <div class="bg-gray-800 rounded-xl p-6 mb-8"> | |
| <h2 class="text-xl font-bold text-yellow-400 mb-6"> | |
| <i class="fas fa-sliders mr-2"></i> Advanced Settings | |
| </h2> | |
| <div class="space-y-4"> | |
| <div class="flex justify-between items-center"> | |
| <div> | |
| <p class="font-medium">Auto Fire</p> | |
| <p class="text-sm text-gray-400">Automatically fire when target locked</p> | |
| </div> | |
| <label class="switch"> | |
| <input type="checkbox"> | |
| <span class="slider"></span> | |
| </label> | |
| </div> | |
| <div class="flex justify-between items-center"> | |
| <div> | |
| <p class="font-medium">Silent Aim</p> | |
| <p class="text-sm text-gray-400">Hide aimbot detection</p> | |
| </div> | |
| <label class="switch"> | |
| <input type="checkbox" checked> | |
| <span class="slider"></span> | |
| </label> | |
| </div> | |
| <div class="flex justify-between items-center"> | |
| <div> | |
| <p class="font-medium">Anti-Ban</p> | |
| <p class="text-sm text-gray-400">Protect from detection</p> | |
| </div> | |
| <label class="switch"> | |
| <input type="checkbox" checked> | |
| <span class="slider"></span> | |
| </label> | |
| </div> | |
| <div class="flex justify-between items-center"> | |
| <div> | |
| <p class="font-medium">Woodpecker Mode</p> | |
| <p class="text-sm text-gray-400">Rapid headshot bursts</p> | |
| </div> | |
| <label class="switch"> | |
| <input type="checkbox"> | |
| <span class="slider"></span> | |
| </label> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Activation Button --> | |
| <div class="text-center"> | |
| <button class="bg-gradient-to-r from-blue-500 to-purple-600 px-8 py-3 rounded-full font-bold text-lg shadow-lg hover:from-blue-600 hover:to-purple-700 transition-all transform hover:scale-105"> | |
| <i class="fas fa-play mr-2"></i> ACTIVATE HEADSHOT MODE | |
| </button> | |
| <p class="text-gray-400 text-sm mt-2">VIP Subscription Active - Expires in 7 days</p> | |
| </div> | |
| <!-- Footer --> | |
| <footer class="mt-12 text-center text-gray-500 text-sm"> | |
| <p>© 2023 Free Fire MAX Headshot Panel | Not affiliated with Garena</p> | |
| <p class="mt-1">For educational purposes only</p> | |
| </footer> | |
| </div> | |
| <script> | |
| // Simple script to handle button clicks and toggles | |
| document.addEventListener('DOMContentLoaded', function() { | |
| // Gun selection | |
| const gunIcons = document.querySelectorAll('.gun-icon'); | |
| gunIcons.forEach(icon => { | |
| icon.addEventListener('click', function() { | |
| gunIcons.forEach(i => i.classList.remove('glow-effect')); | |
| this.classList.add('glow-effect'); | |
| // You could add logic here to change weapon settings | |
| }); | |
| }); | |
| // Activate button | |
| const activateBtn = document.querySelector('button.bg-gradient-to-r'); | |
| activateBtn.addEventListener('click', function() { | |
| this.innerHTML = '<i class="fas fa-spinner fa-spin mr-2"></i> ACTIVATING...'; | |
| setTimeout(() => { | |
| this.innerHTML = '<i class="fas fa-check mr-2"></i> ACTIVATED!'; | |
| this.classList.remove('from-blue-500', 'to-purple-600'); | |
| this.classList.add('from-green-500', 'to-green-600'); | |
| // Show success notification | |
| alert('Headshot mode activated successfully!\nAll features are now enabled.'); | |
| }, 1500); | |
| }); | |
| // Toggle switches | |
| const switches = document.querySelectorAll('.switch input'); | |
| switches.forEach(sw => { | |
| sw.addEventListener('change', function() { | |
| const parentCard = this.closest('.bg-gray-800'); | |
| if (this.checked) { | |
| parentCard.classList.add('glow-effect'); | |
| } else { | |
| parentCard.classList.remove('glow-effect'); | |
| } | |
| }); | |
| }); | |
| }); | |
| </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=Pankajpegu07/test" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |