<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Site Temporarily Unavailable</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>

body {

    font-family: Arial, Helvetica, sans-serif;

    background-color: #f4f4f4;

    text-align: center;

    padding-top: 120px;

}

.container {

    background: white;

    padding: 40px;

    margin: auto;

    width: 90%;

    max-width: 500px;

    border-radius: 8px;

    box-shadow: 0 2px 10px rgba(0,0,0,0.1);

}

h1 {

    color: #333;

}

p {

    color: #666;

}

</style>

</head>

<body>


<div class="container">

<h1>Website Temporarily Unavailable</h1>

<p>We are currently performing maintenance on our website.</p>

<p>Please check back again shortly.</p>

</div>


</body>

</html>