coderobot/hours.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
<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>ESPRIM - Horaires</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">Horaires</span>
          <span class="lang-en">Office Hours</span>
          <span class="lang-ar rtl">أوقات العمل</span>
        </h1>
      </div>
      <main class="page-content">
        <section class="section-card">
          <h2><span class="lang-fr">Horaires d'ouverture des bureaux</span><span class="lang-en">Office Opening Hours</span><span class="lang-ar rtl">أوقات عمل المكاتب</span></h2>
          <ul>
            <li><span class="lang-fr">Lundi : 8:30-12:00, 13:00-17:00</span><span class="lang-en">Monday: 8:30-12:00, 13:00-17:00</span><span class="lang-ar rtl">الاثنين: 08:30-12:00، 13:00-17:00</span></li>
            <li><span class="lang-fr">Mardi : 8:30-12:00, 13:00-17:00</span><span class="lang-en">Tuesday: 8:30-12:00, 13:00-17:00</span><span class="lang-ar rtl">الثلاثاء: 08:30-12:00، 13:00-17:00</span></li>
            <li><span class="lang-fr">Mercredi : 8:30-12:00, 13:00-17:00</span><span class="lang-en">Wednesday: 8:30-12:00, 13:00-17:00</span><span class="lang-ar rtl">الأربعاء: 08:30-12:00، 13:00-17:00</span></li>
            <li><span class="lang-fr">Jeudi : 8:30-12:00, 13:00-17:00</span><span class="lang-en">Thursday: 8:30-12:00, 13:00-17:00</span><span class="lang-ar rtl">الخميس: 08:30-12:00، 13:00-17:00</span></li>
            <li><span class="lang-fr">Vendredi : 8:30-12:00, 13:00-17:00</span><span class="lang-en">Friday: 8:30-12:00, 13:00-17:00</span><span class="lang-ar rtl">الجمعة: 08:30-12:00، 13:00-17:00</span></li>
            <li><span class="lang-fr">Samedi : 8:30-12:00</span><span class="lang-en">Saturday: 8:30-12:00</span><span class="lang-ar rtl">السبت: 08:30-12:00</span></li>
            <li><span class="lang-fr">Dimanche : Fermé</span><span class="lang-en">Sunday: Closed</span><span class="lang-ar rtl">الأحد: مغلق</span></li>
          </ul>
        </section>
      </main>
    </div>
    <script src="app.js" defer></script>
  </body>
</html>