Scribd
Upload
17 views5 pages

Full Vermelho?

Uploaded by

reflexzy23

Copyright:

© All Rights Reserved
Download as TXT, PDF, TXT or read online from Scribd
Download as txt, pdf, or txt

Full Vermelho?

Uploaded by

reflexzy23
17 views5 pages

Original Title

FULL VERMELHO?

Copyright

© © All Rights Reserved

Available Formats

TXT, PDF, TXT or read online from Scribd

Did you find this document useful?

Is this content inappropriate?

Copyright:

© All Rights Reserved
Download as TXT, PDF, TXT or read online from Scribd
Download as txt, pdf, or txt
17 views5 pages

Full Vermelho?

Uploaded by

reflexzy23

Copyright:

© All Rights Reserved
Download as TXT, PDF, TXT or read online from Scribd
Download as txt, pdf, or txt
You are on page 1/ 5

<!

DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Painel de Funções</title>
<style>
/* Estilo da página e painel */
body {
margin: 0;
font-family: Arial, sans-serif;
background-color: #000;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
overflow: hidden;
}
.panel, .login-panel {
width: 90%;
max-width: 400px;
background-color: #181818;
border-radius: 10px;
padding: 20px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
text-align: center;
}
.header {
font-size: 24px;
color: #fff;
margin-bottom: 10px;
font-weight: bold;
}
.subheader {
font-size: 16px;
color: #ff00ff;
margin-bottom: 20px;
}
.button-bar {
background-color: #ff00ff;
padding: 10px;
border-radius: 5px;
margin-bottom: 15px;
cursor: pointer;
font-weight: bold;
}
.switch-bar {
display: flex;
justify-content: space-around;
margin-bottom: 20px;
}
.switch-bar label {
display: flex;
align-items: center;
gap: 5px;
font-size: 14px;
color: #fff;
}
.option {
background-color: #1e1e1e;
padding: 15px;
border-radius: 10px;
margin-bottom: 15px;
display: flex;
justify-content: space-between;
align-items: center;
}
.option p {
margin: 0;
font-size: 14px;
color: #aaa;
}
.footer {
font-size: 12px;
color: #888;
margin-top: 10px;
}
.copyright {
margin-top: 5px;
}
/* Estilo do toggle switch */
.switch {
position: relative;
display: inline-block;
width: 34px;
height: 20px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #555;
transition: 0.4s;
border-radius: 34px;
}
.slider:before {
position: absolute;
content: "";
height: 14px;
width: 14px;
left: 3px;
bottom: 3px;
background-color: #fff;
transition: 0.4s;
border-radius: 50%;
}
input:checked + .slider {
background-color: #ff00ff;
}
input:checked + .slider:before {
transform: translateX(14px);
}
/* Esconde o painel principal inicialmente */
.panel {
display: none;
}
/* Estilo do painel de login */
.login-panel input {
width: 100%;
padding: 10px;
margin: 10px 0;
border-radius: 5px;
border: 1px solid #555;
background-color: #333;
color: #fff;
font-size: 16px;
}
.login-panel button {
width: 100%;
padding: 10px;
background-color: #ff00ff;
border: none;
border-radius: 5px;
font-weight: bold;
cursor: pointer;
color: #fff;
font-size: 16px;
}
</style>
<script>
function login() {
const username = document.getElementById("username").value;
const password = document.getElementById("password").value;

// Verifica login simples (exemplo)


if (username === "AIZEN" && password === "7DAYS") {
document.querySelector(".login-panel").style.display = "none";
document.querySelector(".panel").style.display = "block";
} else {
alert("Usuário ou senha incorretos");
}
}
</script>
</head>
<body>

<div class="login-panel">
<h2>AIZEN TRICK V1 👿</h2>
<input type="text" id="username" placeholder="Usuário">
<input type="password" id="password" placeholder="Senha">
<button onclick="login()">Entrar</button>
</div>

<div class="panel">
<!-- Cabeçalho -->
<div class="header">HEADTRACKING 😍</div>
<div class="subheader">YouTube ~ Aizen Xiter 💚</div>
<!-- Botão de Funções -->
<div class="button-bar">FUNÇÕES</div>

<!-- Barra de Switches -->


<div class="switch-bar">
<label><input type="checkbox"> Trick V1</label>
<label><input type="checkbox"> Trick V2</label>
<label><input type="checkbox"> Trick V3</label>
</div>

<!-- Opções -->


<div class="option">
<div>
<strong>AIMBOT 20% 😍</strong>
<p>Creator @Aisen Xiter 👿</p>
</div>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>

<div class="option">
<div>
<strong>RECOIL REDUCE ✅</strong>
<p>Creator @Aisen Xiter 👿</p>
</div>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>

<div class="option">
<div>
<strong>HEADTRICK ✅</strong>
<p>Creator @Aisen Xiter 👿</p>
</div>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>

<div class="option">
<div>
<strong>AIMTRICK 🍓</strong>
<p>Creator @Aisen Xiter 👿</p>
</div>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>

<div class="option">
<div>
<strong>BYPASS/ANTBAN ✅</strong>
<p>Creator @Aisen Xiter 👿</p>
</div>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>

<!-- Rodapé -->


<div class="footer">HEADTRICK HTML 100% WORKING DO NOT EDITE ANYTHING OR UPLOAD
ANYONE WITHOUT MY PERMISSION ❤️</div>
<div class="copyright">copyright © Aizen Xiter</div>
</div>

</body>
</html>

You might also like