EscapeReallity/contacts.html at main · spandreou/EscapeReallity · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html lang="el">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="author" content="Spyros Andreou">
  <meta name="description" content="Επικοινώνησε με το Escape Reality για συμμετοχή σε δράσεις και εξορμήσεις.">
  <meta name="keywords" content="επικοινωνία, escape reality, φόρμα επικοινωνίας, instagram">
  <meta property="og:type" content="website">
  <meta property="og:locale" content="el_GR">
  <meta property="og:title" content="Escape Reality | Επικοινωνία">
  <meta property="og:description" content="Στείλε μας μήνυμα για την επόμενη εξόρμηση ή ακολούθησέ μας στο Instagram.">
  <meta property="og:image" content="./images/photo4.webp">
  <title>Escape Reality | Επικοινωνία</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body class="contacts-page">
  <header class="site-header">
    <div class="container">
      <div class="header-inner">
        <a href="./index.html" class="logo" aria-label="Escape Reality - Αρχική">
          <img src="./images/escape-reallity-logo.svg" alt="Escape Reality Logo" width="90" height="90">
          <span class="site-title">Escape Reality</span>
        </a>
        <button class="nav-toggle" type="button" aria-expanded="false" aria-controls="primary-nav">Μενού</button>
        <nav id="primary-nav" class="main-nav" aria-label="Κύρια πλοήγηση">
          <ul>
            <li><a href="./index.html">Home</a></li>
            <li><a href="./activities.html">Δράσεις</a></li>
            <li><a href="./events.html">Συναντήσεις</a></li>
            <li><a href="./information.html">Πληροφορίες</a></li>
            <li><a href="./contacts.html" class="active">Επικοινωνία</a></li>
            <li><a href="./admin.html">Admin</a></li>
          </ul>
        </nav>
      </div>
    </div>
  </header>

  <main class="main-content contacts-page">
    <div class="container">
      <h1>Επικοινωνία</h1>
      <p class="intro-text">Στείλε μας μήνυμα και θα σε ενημερώσουμε για την επόμενη δράση.</p>

      <div class="social-section">
        <a href="https://www.instagram.com/escape_reality_gr/" target="_blank" rel="noopener noreferrer" class="social-link">
          <img src="./images/icons8-instagram.svg" alt="Instagram icon" width="60" height="60" loading="lazy">
          <span>@escape.reality</span>
        </a>
      </div>

      <div class="contact-form">
        <form id="contact-form" data-contact-email="">
          <label for="name">Όνομα</label>
          <input type="text" id="name" name="name" placeholder="Πληκτρολόγησε το όνομά σου" required minlength="2">

          <label for="email">Email</label>
          <input type="email" id="email" name="email" placeholder="Πληκτρολόγησε το email σου" required>

          <label for="message">Μήνυμα</label>
          <textarea id="message" name="message" placeholder="Γράψε το μήνυμά σου..." required minlength="10"></textarea>

          <button type="submit">Αποστολή</button>
          <p id="form-status" class="form-status" role="status" aria-live="polite"></p>
          <p class="contact-hint">Συμπλήρωσε email παραλήπτη στο `data-contact-email` για απευθείας αποστολή.</p>
        </form>
      </div>
    </div>
  </main>

  <footer class="site-footer">
    <div class="container">
      <p>© 2026 Escape Reality. All rights reserved.</p>
    </div>
    <p style="text-align: right; margin-right: 1em; font-style: italic; font-size: 0.9rem; margin-top: 0.8rem;">
      Design by <a href="https://github.com/spandreou" target="_blank" rel="noopener noreferrer" style="color: #131212;">spandreou</a>
    </p>
  </footer>
  <script src="./cms-store.js" defer></script>
  <script src="./main.js" defer></script>
</body>
</html>