0% found this document useful (0 votes)
7 views

Texto 3

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
7 views

Texto 3

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 4

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Panel de Control FF Max - Sr. Martínez</title>
<style>
body {
margin: 0;
padding: 0;
background-color: #2c2c2c;
font-family: Arial, sans-serif;
color: #f5f5f5;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.container {
width: 360px;
padding: 20px;
background-color: #333;
border-radius: 12px;
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.6);
}

.header {
text-align: center;
font-size: 1.4em;
margin-bottom: 10px;
color: #ff5722;
}

.section {
margin-bottom: 20px;
}

.section h3 {
font-size: 1.1em;
margin-bottom: 8px;
color: #ffa726;
}

.slider-container {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0;
}

.slider-container label {
flex: 1;
font-size: 1em;
}

.slider-container input[type="range"] {
flex: 2;
margin-left: 10px;
}

.toggle {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0;
}

.toggle label {
font-size: 1em;
}

.switch {
position: relative;
display: inline-block;
width: 40px;
height: 22px;
}

.switch input {
opacity: 0;
width: 0;
height: 0;
}

.slider {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #666;
border-radius: 22px;
transition: 0.4s;
}

.slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 3px;
background-color: white;
border-radius: 50%;
transition: 0.4s;
}

input:checked + .slider {
background-color: #ff5722;
}

input:checked + .slider:before {
transform: translateX(18px);
}

.footer {
text-align: center;
font-size: 0.9em;
color: #888;
margin-top: 20px;
}

.footer .creator {
color: #ffa726;
}
</style>
</head>
<body>

<div class="container">
<div class="header">Control FF Max - Sr. Martínez</div>

<div class="section">
<h3>Calibrador</h3>
<div class="slider-container">
<label for="calibrador">Sensibilidad</label>
<input type="range" id="calibrador" min="1" max="100" value="50">
</div>
</div>

<div class="section">
<h3>Opciones de Sensibilidad</h3>
<div class="slider-container">
<label for="sensi-baja">SENSI BAJA</label>
<input type="range" id="sensi-baja" min="1" max="100" value="20">
</div>
<div class="slider-container">
<label for="sensi-hs">HS 20</label>
<input type="range" id="sensi-hs" min="1" max="100" value="50">
</div>
</div>

<div class="section">
<h3>Opciones Avanzadas</h3>
<div class="toggle">
<label for="aimlock">AIM LOCK</label>
<label class="switch">
<input type="checkbox" id="aimlock">
<span class="slider"></span>
</label>
</div>
<div class="toggle">
<label for="aimbot">AIM BOT</label>
<label class="switch">
<input type="checkbox" id="aimbot">
<span class="slider"></span>
</label>
</div>
<div class="toggle">
<label for="norecoil">NO RECOIL</label>
<label class="switch">
<input type="checkbox" id="norecoil">
<span class="slider"></span>
</label>
</div>
</div>
<div class="footer">
<p>Creado por: <span class="creator">Sr. Martínez</span></p>
<p>Compatible con iOS y FF Max</p>
</div>
</div>

</body>
</html>

You might also like