Main/resources/[tools]/Loading_Screen/html/index.html

89 lines
2.9 KiB
HTML
Raw Normal View History

2025-06-07 08:51:21 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Evolution State Life Roleplay</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<div class="background-overlay"></div>
<!-- Add particles -->
<div class="particles">
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
<div class="particle"></div>
</div>
<div class="content">
<div class="header">
<h1 class="server-name">Evolution State Life Roleplay</h1>
<p class="server-slogan">Dein ultimatives RP-Erlebnis</p>
</div>
<div class="loading-container">
<div class="loading-bar">
<div class="progress"></div>
</div>
<div class="loading-text">Loading your experience...</div>
<div class="loading-tip"></div>
</div>
<div class="server-info">
<div class="info-box">
<h3>SERVER FEATURES</h3>
<ul>
<li>🚗 Modded Fahrezuege</li>
<li>👕 Modded Kleidung</li>
2025-06-07 08:51:21 +02:00
<li>💼 Custom Jobs</li>
<li>💰 Dynamische Wirtschaft</li>
<li>🎮 Custom Akitvitäten</li>
</ul>
</div>
<div class="info-box">
<h3>COMMUNITY</h3>
<ul>
<li>🎭 Immersives RP-Erlebnis</li>
<li>👥 Aktive Community</li>
<li>🛡️ Geiles Team</li>
<li>🌟 maked by Miho & Nordi ^^</li>
<li>🔄 Regelmäßige Updates</li>
</ul>
</div>
</div>
<div class="music-controls">
<button id="toggleMusic" class="music-btn">
<span class="music-icon">🎵</span>
<span class="music-text">Musik</span>
</button>
</div>
</div>
<audio id="backgroundMusic" loop>
<source src="music/backround.mp3" type="audio/mp3">
</audio>
<script src="script.js"></script>
</body>
</html>