<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="cache-control" content="no-cache" />
  <meta http-equiv="expires" content="0" />
  <meta http-equiv="pragma" content="no-cache" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Parent Online Registration Site</title>
  <style>
    .footer-wrapper {
		overflow: hidden;
	}
    body {
      font-family: sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f9f9f9;
      text-align: center;
      color: #000;
    }

    .container {
      max-width: 600px;
      margin: 0 auto;
      padding: 20px;
    }

    h1 {
      font-size: 1.6em;
      font-weight: bold;
      margin-bottom: 10px;
    }

    .img-logo {
      display: block;
      margin: 20px auto;
      max-width: 150px;
      width: 100%;
      height: auto;
    }

	.img-footer {
  display: block;
  width: 100%;
  height: auto;
  max-height: 125px; /* or however tall 25% of your original height is */
}

.container {
  background: #ffffdf;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  border-radius: 20px;
  padding: 30px 20px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.18);
  text-align: center;
  box-sizing: border-box;
}

    .language-links {
      margin-top: 30px;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .language-links a {
      display: inline-block;
      background-color: #357ab8;
      color: #fff;
      padding: 12px 20px;
      text-decoration: none;
      border-radius: 8px;
      font-size: 1em;
      transition: background-color 0.2s ease;
    }

    .language-links a:hover {
      background-color: #870087;
    }

    @media (max-width: 480px) {
      .language-links a {
        font-size: 1em;
        padding: 12px;
      }
    }
  </style>
</head>
<body>

  <div class="container">
    <h1>Continuing Family Packet Site</h1>
    <img class="img-logo" src="https://sis.powayusd.com/Packet/PUSD-HiRes.png" alt="PUSD Logo" />

    <p style="margin-top: 30px;">Please select your language preference:</p>

<div class="card">
    <div class="language-links">
      <a href="en-begin.htm">English</a>
      <a href="s-begin.htm">Español</a>
      <a href="k-begin.htm">한국어</a>
      <a href="f-begin.htm">فارسی</a>
      <a href="m-begin.htm">普通话</a>
      <a href="r-begin.htm">Русский</a>
      <a href="u-begin.htm">Українська</a>
    </div>
	</div> 
</div>	
<!-- End of .container -->
<img class="img-footer" src="https://sis.powayusd.com/Packet/pxp2_swoosh-lg.png" alt="PUSD Footer Logo" />

</body>
</html>