ikan Uploader :
Directory : /home/ni05r7l36tus/www/somuresidency.com/
Upload File : |
| Current File : //home/ni05r7l36tus/www/somuresidency.com/index.php |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Site Under Maintenance | Somu Residency</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<style>
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: 'Roboto', sans-serif;
background: #f5f5f5;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
text-align: center;
color: #333;
}
.container {
max-width: 600px;
padding: 30px;
background: #ffffff;
border-radius: 15px;
box-shadow: 0 15px 25px rgba(0,0,0,0.1);
}
h1 {
font-size: 2.5rem;
margin-bottom: 15px;
color: #2c3e50;
}
p {
font-size: 1.2rem;
margin-bottom: 25px;
}
.countdown {
display: flex;
justify-content: space-around;
margin-bottom: 30px;
}
.countdown div {
font-size: 1.5rem;
}
.subscribe {
display: flex;
justify-content: center;
gap: 10px;
}
.subscribe input[type="email"] {
padding: 10px;
font-size: 1rem;
border-radius: 5px;
border: 1px solid #ccc;
flex: 1;
}
.subscribe button {
padding: 10px 20px;
font-size: 1rem;
background-color: #3498db;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background 0.3s;
}
.subscribe button:hover {
background-color: #2980b9;
}
footer {
margin-top: 20px;
font-size: 0.9rem;
color: #777;
}
</style>
</head>
<body>
<div class="container">
<h1>We'll Be Back Soon!</h1>
<p>Somu Residency website is currently under maintenance. Stay tuned for updates.</p>
<div class="countdown">
<div><span id="days">00</span> Days</div>
<div><span id="hours">00</span> Hours</div>
<div><span id="minutes">00</span> Minutes</div>
<div><span id="seconds">00</span> Seconds</div>
</div>
<div class="subscribe">
<input type="email" placeholder="Enter your email" id="email">
<button onclick="subscribe()">Notify Me</button>
</div>
<footer>© 2025 Somu Residency. All rights reserved.</footer>
</div>
<script>
// Countdown Timer
const countdownDate = new Date("2025-12-31T00:00:00").getTime(); // Set your launch date here
const timer = setInterval(function() {
const now = new Date().getTime();
const distance = countdownDate - now;
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
document.getElementById("days").innerText = days.toString().padStart(2, '0');
document.getElementById("hours").innerText = hours.toString().padStart(2, '0');
document.getElementById("minutes").innerText = minutes.toString().padStart(2, '0');
document.getElementById("seconds").innerText = seconds.toString().padStart(2, '0');
if (distance < 0) {
clearInterval(timer);
document.querySelector(".countdown").innerHTML = "<p>We are live now!</p>";
}
}, 1000);
// Subscribe button (example alert)
function subscribe() {
const email = document.getElementById("email").value;
if(email) {
alert(`Thank you! We'll notify you at ${email}`);
} else {
alert("Please enter a valid email!");
}
}
</script>
</body>
</html>
........