<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AKKAweb - Coming Soon</title>
<style>
/* Global Styles */
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
background: url("https://images.pexels.com/photos/3384695/pexels-photo-3384695.jpeg?auto=compress&cs=tinysrgb&w=1980&dpr=1") no-repeat center center fixed;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
color: #fff;
text-align: center;
}
/* Content Styles */
.content {
max-width: 800px;
padding: 20px;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 10px;
}
.logo {
max-width: 150px;
margin-top: 10px;
}
.message {
margin-top: 20px;
}
.message h1 {
font-size: 36px;
margin-bottom: 10px;
}
.message p {
font-size: 18px;
line-height: 1.6;
}
.features {
margin-top: 20px;
text-align: left;
}
.features ul {
list-style: none;
padding: 0;
}
.features li {
font-size: 18px;
margin-bottom: 10px;
}
.contact {
margin-top: 20px;
}
.contact p {
font-size: 18px;
margin-bottom: 10px;
}
.social-icons {
margin-top: 20px;
}
.social-icons a {
margin: 0 10px;
color: #fff;
text-decoration: none;
font-size: 24px;
}
/* Media Queries */
@media screen and (max-width: 768px) {
.content {
padding: 10px;
}
.message h1 {
font-size: 30px;
}
.message p {
font-size: 16px;
}
.features li {
font-size: 16px;
}
.contact p {
font-size: 16px;
}
}
</style>
</head>
<body>
<div class="content">
<img src="/logo.jpg" alt="AKKAweb Logo" class="logo">
<div class="message">
<h1>We're Undergoing Maintenance</h1>
<p>Greetings from the AKKAweb team! We're excited to announce that we are working diligently to enhance your browsing experience. Our website is currently undergoing maintenance to bring you an even better AKKAweb.</p>
</div>
<p>Thank you for your patience and continued support. We'll be back before you know it!</p>
<p>Warm regards,<br>The AKKAweb Team</p>
</div>
</body>
</html>