Scribd
Upload
17 views3 pages

Texto 5

Uploaded by

darlinmartinesz69
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
17 views3 pages

Texto 5

Uploaded by

darlinmartinesz69
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/ 3

<!

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

.container {
width: 380px;
padding: 20px;
background-color: #1f1f1f;
border-radius: 12px;
box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.6);
text-align: center;
}

.header {
font-size: 1.5em;
margin-bottom: 15px;
color: #00bcd4;
}

.menu-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
margin-bottom: 10px;
background-color: #2b2b2b;
border-radius: 8px;
}

.menu-item span {
font-size: 16px;
color: #e0e0e0;
}

.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;
transition: 0.4s;
border-radius: 34px;
}

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

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

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

.range-control {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px;
background-color: #2b2b2b;
border-radius: 8px;
margin-bottom: 10px;
}

.range-slider {
width: 80%;
margin-left: 10px;
}

.footer {
font-size: 0.8em;
color: #888;
margin-top: 20px;
}

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

<div class="container">
<div class="header">Sr. Martínez Control Panel</div>

<div class="menu-item">
<span>AIM LOCK</span>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>

<div class="menu-item">
<span>AIM BOT</span>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>

<div class="menu-item">
<span>ANTI-BAN MODE</span>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>

<div class="menu-item">
<span>FAKE TARGET</span>
<label class="switch">
<input type="checkbox">
<span class="slider"></span>
</label>
</div>

<div class="range-control">
<span>Range Control</span>
<input type="range" min="0" max="10" value="5" class="range-slider">
</div>

<div class="footer">
<p>Created by: <span class="creator">Sr. Martínez</span></p>
<p>Device: iOS | Version: 2.0 | Status: <span
style="color:lime">Active</span></p>
</div>
</div>

</body>
</html>

You might also like