
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Website Under Construction</title>
  <style>
    body {
      margin: 0;
      padding: 0;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background: linear-gradient(135deg, #004e92, #000428);
      color: #ffffff;
      text-align: center;
      height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    h1 {
      font-size: 48px;
      margin-bottom: 10px;
    }
    p {
      font-size: 20px;
      margin-bottom: 30px;
    }
    .loader {
      border: 6px solid #f3f3f3;
      border-top: 6px solid #00c6ff;
      border-radius: 50%;
      width: 60px;
      height: 60px;
      animation: spin 1s linear infinite;
      margin-bottom: 30px;
    }
    @keyframes spin {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
    }
    .contact {
      font-size: 16px;
      margin-top: 20px;
      color: #ddd;
    }
    .contact a {
      color: #00c6ff;
      text-decoration: none;
    }
    .contact a:hover {
      text-decoration: underline;
    }
  </style>
</head>
<body>

  <div class="loader"></div>

  <h1>We're Building Something Awesome!</h1>
  <p>Our website is currently under construction.<br> Stay tuned for a brand new experience coming very soon!</p>
  
    <div class="contact">
    Hosting Powered by: <a href="https://www.fasttreck.com">FastTreck</a>
  </div>

</body>
</html>