
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Domain προς πώληση | Papaki</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- for mobile scaling -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">
<style>
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  background: linear-gradient(to bottom right, #4c95e4, #6bb5fe);
}

body {
  text-align: center;
}

.wrapper {
  max-width: 1100px;  /* limit content width */
  margin: 0 auto;   /* center horizontally */
  padding: 0 20px;  /* some side padding */
}

.logo {
  position: absolute;
  top: 15px;
  left: 20px;
}

.logo img {
  max-width: 120px;
  height: auto;
}

.headline {
  font-size: 48px;
  font-weight: 600;
  margin-top: 20px;
  color: #e9eaea; /* white headline */
}

.domain-name {
  font-size: 32px;
  margin-top: 10px;
  color: #1155ef; /* blue text */
  font-weight: 600;
}

.subtext {
  font-size: 26px;
  margin-top: 10px;
  color: #1155ef; /* blue subtext */
}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-top: 240px;
}

.container img {
  max-width: 350px; /* smaller main image */
  height: auto;
}

.contact-box {
  margin-top: 30px;
  background: #fff;
  padding: 15px 20px;
  border-radius: 8px;
  font-size: 16px;
  color: #1155ef;
}
.contact-box a {
  color: #1155ef;
  text-decoration: none;
  font-weight: 600;
}
.contact-box a:hover {
  text-decoration: underline;
}

.button {
  margin-top: 20px;
  background-color: #1155ef;
  color: #e9eaea;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 600;
  transition: background-color 0.3s ease;
}
.button:hover {
  background-color: #0d47d9;
}

/* Responsive font scaling */
@media (max-width: 768px) {
  .headline {
    font-size: 36px;
  }
  .subtext {
    font-size: 20px;
  }
  .logo img {
    max-width: 100px;
  }
}
@media (max-width: 480px) {
  .headline {
    font-size: 28px;
  }
  .subtext {
    font-size: 18px;
  }
  .logo {
    position: static; /* no absolute positioning */
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  body {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .container {
    height: auto; /* no forced 100% height on mobile */
    margin-top: 10px;
  }
}

</style>
</head>
<body>
  <div class="wrapper">
    <!-- Logo -->
    <div class="logo">
      <img src="sale3_images/logo.png" alt="Papaki Logo" />
    </div>

    <!-- Main content -->
    <div class="container">
      <img src="sale3_images/main.png" alt="Domain for sale" />
      <div class="headline">Το domain είναι διαθέσιμο προς πώληση</div>
      <div class="domain-name">swen.gr</div>
      <div class="contact-box">
        Αν ενδιαφέρεστε για αυτό το domain, παρακαλώ <a href="https://www.papaki.com/el/contact-us.htm/" target="_blank">επικοινωνήστε μαζί μας</a>
      </div>      
      <!-- Example button (optional) -->
      <!-- <a href="#" class="button">Notify Me</a> -->
    </div>
  </div>
</body>
</html>
