Scribd
Upload
833 views3 pages

Panel Aimz

The document describes the user interface (UI) of the Xera Tool, featuring a layout with a left panel displaying user information and a right panel with various functions. Users can toggle settings for aim assist, head trick, and aimlock, as well as adjust sliders for aim POV and DPI. The design includes a modern aesthetic with a dark theme and interactive elements for user engagement.

Uploaded by

nurik181006
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
833 views3 pages

Panel Aimz

The document describes the user interface (UI) of the Xera Tool, featuring a layout with a left panel displaying user information and a right panel with various functions. Users can toggle settings for aim assist, head trick, and aimlock, as well as adjust sliders for aim POV and DPI. The design includes a modern aesthetic with a dark theme and interactive elements for user engagement.

Uploaded by

nurik181006
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

<html lang="en"><head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Xera Tool UI</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #222;
color: #fff;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

.container {
display: flex;
background-color: #333;
border: 1px solid #555;
border-radius: 10px;
overflow: hidden;
width: 600px;
}

.left-panel {
background-color: #444;
padding: 20px;
text-align: center;
width: 200px;
}

.avatar img {
width: 100px;
height: 100px;
border-radius: 50%;
}

.info p {
margin: 10px 0;
}

.status-online {
color: lime;
}

.right-panel {
flex: 1;
padding: 20px;
}

h2 {
margin: 0 0 20px;
text-align: center;
}

.toggle-item,
.slider,
.checkbox-item {
margin: 15px 0;
display: flex;
justify-content: space-between;
align-items: center;
}

input[type="checkbox"] {
transform: scale(1.2);
}

input[type="range"] {
width: 60%;
}

.checkbox-item label {
margin-right: 10px;
}
</style>
</head>
<body>
<div class="container">
<div class="left-panel">
<div class="avatar">
<img src="https://i.imgur.com/bA4rJNo_d.webp?
maxwidth=760&amp;fidelity=grand" alt="User Avatar">
</div>
<div class="info">
<p><strong>Criador:</strong> WHITEXITMODS</p>
<p><strong>Expired:</strong> test</p>
<p><strong>Status:</strong> <span class="status-online">online</span></p>
</div>
</div>
<div class="right-panel">
<h2>FUNÇÕES </h2>
<div class="toggle-item">
<label for="xera-xiters">AIM ASSIST</label>
<input type="checkbox" id="xera-xiters">
</div>
<div class="toggle-item">
<label for="xera-aimbot">HEAD TRICK 40%</label>
<input type="checkbox" id="xera-aimbot">
</div>
<div class="toggle-item">
<label for="xera-aimlock"> AIMLOCK</label>
<input type="checkbox" id="xera-aimlock">
</div>
<div class="slider">
<label for="aim-pov">AIM POV:</label>
<input type="range" id="aim-pov" min="0" max="100">
</div>
<div class="slider">
<label for="dpi">DPI:</label>
<input type="range" id="dpi" min="0" max="100">
</div>
<div class="checkbox-item">
<label><input type="checkbox"> Secure serve</label>
<label><input type="checkbox"> Bypass</label>
</div>
<div class="checkbox-item">
<label><input type="checkbox"> Anti Detecte</label>
<label><input type="checkbox"> 60%Recoil</label>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", () => {
console.log("UI loaded successfully!");
});
</script>

</body></html>

You might also like