0% found this document useful (0 votes)
18 views4 pages

Codesss

Uploaded by

docomogamingyt
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)
18 views4 pages

Codesss

Uploaded by

docomogamingyt
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>SCORPION STREAMER PANEL</title>
<style>
/* Resetting default styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

/* Body and background styling */


body, html {
height: 100%;
font-family: Arial, sans-serif;
background: linear-gradient(45deg, #300000, #000000); /* Red and black
background */
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
}

/* Glowing box */
.box {
margin-top: 5rem;
padding: 2rem;
background-color: rgba(0, 0, 0, 0.8);
border: 2px solid #ff0000;
box-shadow: 0 0 15px #ff0000, 0 0 25px #ff0000;
text-align: center;
width: 80%;
max-width: 600px;
}

/* Tab-like buttons */
.tab-buttons {
display: flex;
justify-content: center;
margin-bottom: 2rem;
}

.tab-button {
padding: 1rem 2rem;
border: red;
background-color: red;
color: white;
font-size: 1.2rem;
margin: 0 0.7rem;
border-radius: 100px 100px; /* Rounded top corners */
cursor: pointer;
box-shadow: 0 0 120px #ff0000, 0 0 100px #ff0000, 0 0 26px #ff0000;
transition: all 0.3s ease;
}
/* Glowing buttons */
.glow-button {
padding: 1rem 2rem;
border: none;
background-color: black;
color: white;
font-size: 1.2rem;
margin: 1.1rem;
border-radius: 10px;
cursor: pointer;
box-shadow: 0 0 15px #ff0000, 0 0 15px #ff0000, 0 0 20px #ff0000;
transition: all 0.3s ease;
}

.glow-button:hover {
box-shadow: 0 0 15px #ffff, 0 0 30px #ffff, 0 0 40px #ffff;
}

/* Log box */
.log-box {
margin-top: 2rem;
padding: 1rem;
background-color: rgba(0, 0, 0, 0.8);
border: 1px solid #ff0000;
height: 200px;
width: 100%;
max-width: 600px;
overflow-y: auto;
box-shadow: 0 0 10px #ff0000;
}

.log-entry {
color: #fff;
padding: 0.5rem;
border-bottom: 1px solid #ff0000;
}

/* Glowing separator line */


.glow-separator {
height: 2px; /* Adjust height as needed */
background: linear-gradient(90deg, #ff0000, #ff0000, #ff0000);
margin: 1rem 0; /* Space around the separator */
box-shadow: 0 0 10px rgba(255, 0, 127, 0.8), 0 0 20px rgba(255, 0, 127, 0.8);
/* Glowing effect */
}

@media (max-width: 768px) {


.glow-button {
font-size: 1rem;
}

.log-box {
height: 150px;
}

.tab-button {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.glow-button {
font-size: 0.9rem;
padding: 0.8rem 1.5rem;
}

.log-box {
height: 120px;
}

.tab-button {
font-size: 0.9rem;
padding: 0.5rem 1rem;
}
}
</style>
</head>
<body>

<!-- Centered Box with Tabs and Buttons -->


<div class="box">
<form method="POST">
<h1></h1>

<!-- Tab-like Buttons -->


<div class="tab-buttons">
<button type="button" class="tab-button"
onclick="showTab('tab1')">AIM</button>
<button type="button" class="tab-button"
onclick="showTab('tab2')">AWM</button>
<button type="button" class="tab-button"
onclick="showTab('tab3')">OTHER</button>
</div>

<!-- Tab 1 Content with Aimbot Buttons -->


<div id="tab1" class="tab-content">
<button name="aimbotscan" class="glow-button" onclick="addLog('W8 LOADING
ENEMY')">LOAD ENEMY</button>
<button name="aimbotenable" class="glow-button" onclick="addLog('AIMBOT
Enable Pressed')">AIMBOT Enable</button>
<button name="aimbotchestenable" class="glow-button"
onclick="addLog('AIMBOT Chest Pressed')">AIMBOT Chest Enable</button>
<button name="aimbotdisable" class="glow-button" onclick="addLog('Aimbot
Disable Pressed')">Aimbot Disable</button>
</div>

<!-- Tab 2 Content with Sniper Buttons -->


<div id="tab2" class="tab-content hidden" style="display: none;">
<button name="sniperscopee" class="glow-button" onclick="addLog('W8 Sniper
Scope APPLYING ')">Sniper Scope ENABLE</button>
<button name="sniperscopeeoff" class="glow-button" onclick="addLog('W8
Sniper Scope DISABLE APPLYING ')">Sniper Scope DISABLE</button>
<button name="SniperSwitch" class="glow-button" onclick="addLog('W8 Sniper
Switch APPLYING ')">Sniper Switch ENABLE</button>
<button name="SniperSwitchoff" class="glow-button" onclick="addLog('W8
SniperSwitch DISABLE APPLYING ')">Sniper Switch DISABLE </button>
</div>
<!-- Tab 3 Content with Remaining Buttons -->
<div id="tab3" class="tab-content hidden" style="display: none;">
<button name="CHAMS" class="glow-button" onclick="addLog('CHAMS
APPLYES')">Chams</button>
<button name="press_f5" class="glow-button" onclick="addLog('F5
Pressed')">F5</button>
</div>

<div class="glow-separator"></div>

<!-- Log and Alert Messages -->


<div class="log-box" id="logEntries">
<div id="alert" class="log-entry hidden"> Successfully APPLYED LAST
FUNCTION .</div>
</div>
</form>
</div>

<script>
function showTab(tabName) {
const tabs = document.querySelectorAll('.tab-content');
tabs.forEach(tab => tab.style.display = 'none'); // Hide all tabs
document.getElementById(tabName).style.display = 'block'; // Show selected
tab
}

function addLog(message) {
const logEntries = document.getElementById('logEntries');

// Create a new log entry


const entry = document.createElement('div');
entry.className = 'log-entry';
entry.textContent = message;
logEntries.appendChild(entry);

// Show alert message


const alert = document.getElementById('alert');
alert.classList.remove('hidden');

// Automatically hide alert after 3 seconds


setTimeout(() => alert.classList.add('hidden'), 3000); // Hide after 3
seconds
}

// Show the first tab by default


showTab('tab1');
</script>
</body>
</html>

You might also like