File: /home/tns/public_html/index.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>We'll Be Back Soon</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
background: #111;
color: #eee;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
text-align: center;
}
.container {
max-width: 600px;
padding: 2rem;
}
h1 {
font-size: 3rem;
margin-bottom: 1rem;
letter-spacing: 2px;
}
p {
font-size: 1.2rem;
line-height: 1.6;
color: #aaa;
}
.spinner {
margin: 2rem auto;
width: 50px;
height: 50px;
border: 4px solid #333;
border-top: 4px solid #0af;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body>
<div class="container">
<h1>We'll Be Back Soon</h1>
<p>Our site is currently undergoing maintenance.<br>Please check back later.</p>
<div class="spinner"></div>
<p style="font-size:0.9rem; color:#666;">© <span id="year"></span> All rights reserved.</p>
</div>
<script>
document.getElementById('year').textContent = new Date().getFullYear();
</script>
</body>
</html>