Scribd
Upload
10 views3 pages

text

The document outlines the design and functionality of a user interface for DTN Regedit, featuring a dark theme with green highlights. It includes user details, control options for various aim modes, and sliders for adjusting settings. A close button is also provided to exit the UI with a confirmation alert.

Uploaded by

applestorenabil149
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
10 views3 pages

text

The document outlines the design and functionality of a user interface for DTN Regedit, featuring a dark theme with green highlights. It includes user details, control options for various aim modes, and sliders for adjusting settings. A close button is also provided to exit the UI with a confirmation alert.

Uploaded by

applestorenabil149
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>DTN Regedit UI</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #000;
color: #fff;
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}
.container {
width: 300px;
padding: 20px;
background-color: #111;
border: 2px solid #00ff00;
border-radius: 10px;
text-align: left;
position: relative;
}
.header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.highlight {
color: #00ff00;
}
.details p {
margin: 5px 0;
font-size: 14px;
}
.logo {
width: 100px;
height: auto;
display: block;
margin: 10px auto;
}
.controls {
margin-top: 10px;
}
.toggle {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
}
.slider {
margin-bottom: 10px;
}
.slider label {
display: block;
margin-bottom: 5px;
}
.slider input {
width: 100%;
}
.icon {
color: red;
}
.close-btn {
background: none;
border: none;
color: #00ff00;
font-size: 18px;
cursor: pointer;
}
.close-btn:hover {
color: red;
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<span>User: <span class="highlight">WHITE</span></span>
<button class="close-btn">X</button>
</div>
<div class="details">
<p>Expired: <span class="highlight">7 Days</span></p>
<p>ĐTN REGEDIT</p>
</div>
<div class="content">
<img src="https://encrypted-tbn0.gstatic.com/images?
q=tbn:ANd9GcRwPn6SgsGW4uaZA9vtLnp0ij-7XJNQgkeOOg&amp;s" alt="Logo" class="logo">
<div class="controls">
<div class="toggle">
<label for="aim-mode">Aim mode White 444</label>
<input type="checkbox" id="aim-mode">
</div>
<div class="toggle">
<label for="aim-lockhead">Aim lockhead</label>
<input type="checkbox" id="aim-lockhead">
</div>
<div class="toggle">
<label for="aim-tracking">Aim tracking</label>
<input type="checkbox" id="aim-tracking">
</div>
<div class="toggle">
<label for="anti-banned">Anti Banned <span
class="icon">🚫</span></label>
<input type="checkbox" id="anti-banned">
</div>
<div class="slider">
<label for="aim-pov">Aim Pov:</label>
<input type="range" id="aim-pov" min="0" max="100" value="0">
</div>
<div class="slider">
<label for="aimlock">Aimlock:</label>
<input type="range" id="aimlock" min="0" max="100" value="0">
</div>
</div>
</div>
</div>
<script>
document.querySelector('.close-btn').addEventListener('click', function() {
alert('Closing the UI!');
});
</script>

</body></html>

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy