coderobot/contacts.html at main · lightbombs/coderobot · 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
83
84
85
86
87
88
89
90
<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>ESPRIM - Contacts</title>
    <meta name="theme-color" content="#9b1f2b" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="ESPRIM" />
    <meta name="mobile-web-app-capable" content="yes" />
    <link rel="manifest" href="manifest.json" />
    <link rel="apple-touch-icon" href="images/Logo%20esprim.png" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@500;700&family=Space+Grotesk:wght@400;500;600&display=swap" rel="stylesheet" />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body class="is-lang-fr">
    <div class="app-shell page" data-page="content">
      <header class="page-header">
        <button class="back-btn" type="button" data-back aria-label="Retour">
          <svg class="back-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
          </svg>
        </button>
        <img class="logo-inline logo-header" src="images/Logo%20esprim.png" alt="Logo ESPRIM" />
        <div class="top-actions">
          <div class="lang-switcher">
            <button class="ghost-btn lang-switch-btn" id="lang-toggle" type="button" aria-label="Changer la langue">
              <img src="images/france.png" alt="Drapeau France" id="current-flag" />
              <span id="current-lang">FR</span>
              <span class="dropdown-arrow">▼</span>
            </button>
            <div class="lang-dropdown" id="lang-menu">
              <button data-lang-switch="fr" class="is-active"><img src="images/france.png" alt="France" /><span>Français</span></button>
              <button data-lang-switch="en"><img src="images/uk.png" alt="UK" /><span>English</span></button>
              <button data-lang-switch="ar"><img src="images/tunis.png" alt="Tunisia" /><span>العربية</span></button>
            </div>
          </div>
        </div>
      </header>
      <div class="page-hero">
        <h1 class="page-title">
          <span class="lang-fr">Contacts & RDV</span>
          <span class="lang-en">Contact & Appointments</span>
          <span class="lang-ar rtl">الاتصال وحجز موعد</span>
        </h1>
      </div>
      <main class="page-content">
        <section class="section-card">
          <h2><span class="lang-fr">Coordonnées</span><span class="lang-en">Contact Information</span><span class="lang-ar rtl">بيانات الاتصال</span></h2>
          <div class="kv">
            <div class="kv-row"><span><span class="lang-fr">Adresse</span><span class="lang-en">Address</span><span class="lang-ar rtl">العنوان</span></span><span>Boulevard de l'environnement BP 104, Monastir Republique - 5060 Tunisie</span></div>
            <div class="kv-row"><span><span class="lang-fr">Email</span><span class="lang-en">Email</span><span class="lang-ar rtl">البريد الإلكتروني</span></span><span>contact@esprim.tn</span></div>
            <div class="kv-row"><span><span class="lang-fr">Téléphone</span><span class="lang-en">Phone</span><span class="lang-ar rtl">الهاتف</span></span><span>T (216) 94 840 200 / T (216) 73 500 200</span></div>
            <div class="kv-row"><span><span class="lang-fr">Admission</span><span class="lang-en">Admission</span><span class="lang-ar rtl">القبول</span></span><span>admission@esprim.tn</span></div>
          </div>
        </section>
        <section class="section-card">
          <h2><span class="lang-fr">Gouvernance</span><span class="lang-en">Governance</span><span class="lang-ar rtl">الإدارة</span></h2>
          <div class="kv">
            <div class="kv-row"><span><span class="lang-fr">Président Directeur Général</span><span class="lang-en">CEO</span><span class="lang-ar rtl">الرئيس المدير العام</span></span><span>M. Lamjed Bettaieb</span></div>
            <div class="kv-row"><span><span class="lang-fr">Directeur des études</span><span class="lang-en">Director of Studies</span><span class="lang-ar rtl">مدير الدراسات</span></span><span>M. Hafedh Ben Abdelghani</span></div>
            <div class="kv-row"><span><span class="lang-fr">Responsable finance</span><span class="lang-en">Finance Manager</span><span class="lang-ar rtl">مسؤولة المالية</span></span><span>Mme. Hiba Mohdhi</span></div>
            <div class="kv-row"><span><span class="lang-fr">Responsable Relations Extérieures et Intérieures</span><span class="lang-en">External & Internal Relations Manager</span><span class="lang-ar rtl">مسؤول العلاقات الخارجية والداخلية</span></span><span>M. Haidy Khemiri</span></div>
            <div class="kv-row"><span><span class="lang-fr">Responsable scolarité</span><span class="lang-en">Registrar</span><span class="lang-ar rtl">مسؤولة شؤون الطلبة</span></span><span>Mme Nesrine Maatouk</span></div>
            <div class="kv-row"><span><span class="lang-fr">Responsable infrastructure et équipement</span><span class="lang-en">Infrastructure & Equipment Manager</span><span class="lang-ar rtl">مسؤول البنية التحتية والتجهيزات</span></span><span>M. Bechir Khemiri</span></div>
          </div>
        </section>
        <section class="section-card">
          <h2><span class="lang-fr">Prise de RDV</span><span class="lang-en">Appointment Booking</span><span class="lang-ar rtl">حجز موعد</span></h2>
          <p class="notice"><span class="lang-fr">Formulaire visuel uniquement. Aucune donnée n'est envoyée ni enregistrée.</span><span class="lang-en">Visual form only. No data is sent or saved.</span><span class="lang-ar rtl">هذا نموذج مرئي فقط. لا يتم إرسال أو حفظ أي بيانات.</span></p>
          <form class="form-grid" data-rdv-form>
            <label class="field" for="fullname"><span class="lang-fr">Nom complet</span><span class="lang-en">Full Name</span><span class="lang-ar rtl">الاسم الكامل</span><input id="fullname" name="fullname" type="text" required /></label>
            <label class="field" for="phone"><span class="lang-fr">Téléphone</span><span class="lang-en">Phone</span><span class="lang-ar rtl">الهاتف</span><input id="phone" name="phone" type="tel" required /></label>
            <label class="field" for="email"><span class="lang-fr">Email</span><span class="lang-en">Email</span><span class="lang-ar rtl">البريد الإلكتروني</span><input id="email" name="email" type="email" required /></label>
            <label class="field" for="department"><span class="lang-fr">Département</span><span class="lang-en">Department</span><span class="lang-ar rtl">القسم</span><select id="department" name="department" required><option>Scolarite / شؤون الطلبة</option><option>Direction / الإدارة</option><option>RH / الموارد البشرية</option></select></label>
            <label class="field" for="date"><span class="lang-fr">Date souhaitée</span><span class="lang-en">Preferred Date</span><span class="lang-ar rtl">التاريخ المطلوب</span><input id="date" name="date" type="date" required /></label>
            <div class="field"><span class="lang-fr">Heure souhaitée (blocs de 30 minutes)</span><span class="lang-en">Preferred Time (30-minute slots)</span><span class="lang-ar rtl">الوقت المطلوب (كل 30 دقيقة)</span><input id="time" name="time" type="hidden" /><div class="slot-legend"><span class="slot-chip available lang-fr">Disponible</span><span class="slot-chip available lang-en">Available</span><span class="slot-chip available lang-ar rtl">متاح</span><span class="slot-chip reserved lang-fr">Indisponible</span><span class="slot-chip reserved lang-en">Unavailable</span><span class="slot-chip reserved lang-ar rtl">غير متاح</span></div><div class="slot-grid" data-slot-grid></div><small class="field-hint"><span class="lang-fr">Horaires: lun-ven 8:30-12:00, 13:00-17:00; sam 8:30-12:00; dim fermé.</span><span class="lang-en">Hours: Mon-Fri 8:30-12:00, 13:00-17:00; Sat 8:30-12:00; Sun closed.</span><span class="lang-ar rtl">الساعات: الاثنين-الجمعة 08:30-12:00 و13:00-17:00؛ السبت 08:30-12:00؛ الأحد مغلق.</span></small></div>
            <label class="field" for="message"><span class="lang-fr">Motif</span><span class="lang-en">Reason</span><span class="lang-ar rtl">سبب الموعد</span><textarea id="message" name="message" rows="3" required></textarea></label>
            <button class="primary-btn" type="submit"><span class="lang-fr">Envoyer la demande</span><span class="lang-en">Send Request</span><span class="lang-ar rtl">إرسال الطلب</span></button>
            <div class="form-status" data-form-status></div>
          </form>
        </section>
      </main>
    </div>
    <script src="app.js" defer></script>
  </body>
</html>