DreadBinV2/index.html

169 lines
5.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from aceofspades.one/ by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Nov 2024 18:05:09 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Members List - Dreadful</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Nosifer&amp;display=swap');
/* General body and container styling */
body {
background-color: #000;
color: #fff;
margin: 0;
padding: 0;
font-family: 'Nosifer', cursive;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.container {
text-align: center;
padding: 20px;
max-width: 1000px;
width: 100%;
}
h1 {
font-size: 60px;
color: #ff0000;
text-shadow: 0 0 3px #ff0000, 0 0 5px #ff0000;
margin-bottom: 40px;
}
/* Members grid */
.members-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
}
/* Each member card */
.member-card {
background-color: #111;
border: 2px solid #ff0000;
border-radius: 15px;
padding: 20px;
width: 250px;
text-align: center;
transition: transform 0.3s ease;
}
.member-card:hover {
transform: scale(1.05);
}
/* Profile image style */
.profile-img {
width: 150px;
height: 150px;
border-radius: 50%;
border: 4px solid #ff0000;
object-fit: cover;
margin-bottom: 20px;
}
/* Member name */
.member-name {
font-size: 24px;
color: #ff0000;
margin-bottom: 15px;
}
/* Stats */
.stats {
font-size: 16px;
color: #fff;
margin-bottom: 10px;
}
/* Button styles */
.archive-button {
margin-top: 30px;
padding: 12px 50px;
background-color: #ff0000;
color: #fff;
border: none;
border-radius: 5px;
font-size: 25px;
cursor: pointer;
outline: none;
transition: background-color 0.3s ease;
animation: neonGlow 1.5s infinite alternate;
}
.archive-button:hover {
background-color: #cc0000;
}
@media (max-width: 768px) {
h1 {
font-size: 48px;
}
.member-card {
width: 100%;
max-width: 350px;
}
}
@media (max-width: 480px) {
h1 {
font-size: 40px;
}
.member-card {
width: 100%;
}
.profile-img {
width: 120px;
height: 120px;
}
}
</style>
</head>
<body>
<div class="container">
<h1>Members List</h1>
<div class="members-list">
<div class="member-card">
<img src="https://i.imghippo.com/files/Ttj5068kPM.png" alt="Klez" class="profile-img">
<div class="member-name">Klez</div>
<div class="stats"><strong>Rank:</strong> Founder</div>
<div class="stats"><strong>Roots Gained:</strong> Uncountable</div>
<div class="stats"><strong>People DDoSed:</strong> Uncountable</div>
</div>
<div class="member-card">
<img src="https://i.imghippo.com/files/nlD3557gs.png" alt="Kush" class="profile-img">
<div class="member-name">OG-_-KUSH0420</div>
<div class="stats"><strong>Rank:</strong> Founder</div>
<div class="stats"><strong>Roots Gained:</strong> Uncountable</div>
<div class="stats"><strong>People DDoSed:</strong> Uncountable</div>
</div>
<div class="member-card">
<img src="https://i.imghippo.com/files/HYcZ7502YD.png" alt="Peaci" class="profile-img">
<div class="member-name">Peaci</div>
<div class="stats"><strong>Rank:</strong> Dreadful Developer</div>
<div class="stats"><strong>Roots Gained:</strong> None</div>
<div class="stats"><strong>People DDoSed:</strong> Just Some</div>
</div>
</div>
<button class="archive-button" onclick="window.location.href='archivo.html'">Go to Archive</button>
</div>
</body>
<!-- Mirrored from aceofspades.one/ by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 11 Nov 2024 18:05:10 GMT -->
</html>