contact.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Contact Support</title>
  <link rel="stylesheet" href="./styles.css" />

  <!-- Import shared UI elements -->
  <script type="module" src="common.js"></script>
</head>
<body>
<main>
  <div id="mainContainer">
    <div id="supportPopup" style="display: block; position: static; width: 60%; height: auto; padding: 30px; border: 1px solid #ccc; border-radius: 10px; background-color: #fdfdfd; transform: none; margin: 60px auto;">
      <div class="headingContainer" style="display: flex; justify-content: space-between; align-items: center;">
        <h2 style="margin: 0;">Contact Support</h2>
      </div>
      <hr />
      <p>Should you have any queries at any time about the Speechdeb website, whether you are a student, judge, or coach, feel free to reach out to <a href="mailto:zebu4466@gmail.com">our support email</a>. We will do our best to assist you within 2-4 business days. Thank you for using Speechdeb Editor for your speech & debate needs.</p>
      <p><em>If you need immediate assistance or access to your speeches, call us as soon as possible at <a href="tel:+16174544303">(617) 454-4303</a>.</em> Please do not email us in such a situation as we cannot guarantee an immediate or timely response via our email support line.</p>
      <a style="margin-top: auto;" href="index.php">← Back to Editor</a>
    </div>
  </div>
</main>
</body>
</html>