coderobot/presentation.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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!doctype html>
<html lang="fr">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>ESPRIM - Présentation</title>

    <!-- PWA Meta Tags -->
    <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" />

    <!-- PWA Manifest -->
    <link rel="manifest" href="manifest.json" />

    <!-- Apple Touch Icons -->
    <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">Présentation de l'école</span>
          <span class="lang-en">School Overview</span>
          <span class="lang-ar rtl">تقديم المدرسة</span>
        </h1>
      </div>

      <main class="page-content">
        <section class="section-card">
          <h2>
            <span class="lang-fr">Historique et mission</span>
            <span class="lang-en">History and Mission</span>
            <span class="lang-ar rtl">التاريخ والرسالة</span>
          </h2>
          <p>
            <span class="lang-fr">ESPRIM, École Supérieure Privée d'Ingénieurs de Monastir, créée en 2014
            par des universitaires tunisiens entourés de partenaires financiers, a
            pour objectif majeur de former des ingénieurs opérationnels de très
            haut niveau technique et managérial au service de la société et de
            l'économie. En 2023, ESPRIM a rejoint le groupe ESPRIT, leader de
            l'enseignement supérieur privé en Tunisie.</span>
            <span class="lang-en">ESPRIM, Private Higher School of Engineering of Monastir, founded in 2014
            by Tunisian academics surrounded by financial partners, has the major
            objective of training operational engineers with very high technical
            and managerial skills at the service of society and the economy. In 2023,
            ESPRIM joined the ESPRIT group, leader of private higher education in Tunisia.</span>
            <span class="lang-ar rtl">تأسست ESPRIM، المدرسة العليا الخاصة للمهندسين بالمنستير، سنة 2014
            على يد جامعيين تونسيين وبمساندة شركاء ماليين. هدفها تكوين مهندسين
            ذوي كفاءة تقنية وإدارية عالية لخدمة المجتمع والاقتصاد. وفي سنة 2023
            انضمت ESPRIM إلى مجموعة ESPRIT الرائدة في التعليم العالي الخاص في تونس.</span>
          </p>
        </section>

        <section class="section-card">
          <h2>
            <span class="lang-fr">Agréments et certifications</span>
            <span class="lang-en">Accreditation and Certifications</span>
            <span class="lang-ar rtl">الاعتمادات والشهادات</span>
          </h2>
          <ul>
            <li>
              <span class="lang-fr">L'ESPRIM a été agréée par l'état en juin 2014 (Agrément n° 2014-04).</span>
              <span class="lang-en">ESPRIM was accredited by the state in June 2014 (Accreditation No. 2014-04).</span>
              <span class="lang-ar rtl">حصلت ESPRIM على ترخيص الدولة في جوان 2014 (ترخيص عدد 2014-04).</span>
            </li>
            <li>
              <span class="lang-fr">ESPRIM est certifiée ISO 21001, norme qualité dédiée aux organismes
              d'enseignement et de formation.</span>
              <span class="lang-en">ESPRIM is ISO 21001 certified, a quality standard dedicated to educational
              and training organizations.</span>
              <span class="lang-ar rtl">المؤسسة متحصلة على شهادة ISO 21001 الخاصة بجودة مؤسسات التعليم والتكوين.</span>
            </li>
          </ul>
        </section>

        <section class="section-card">
          <h2>
            <span class="lang-fr">Partenariats nationaux et internationaux</span>
            <span class="lang-en">National and International Partnerships</span>
            <span class="lang-ar rtl">الشراكات الوطنية والدولية</span>
          </h2>
          <ul>
            <li>
              <span class="lang-fr">Nos partenaires industriels sont fortement impliqués dans le
              fonctionnement et la gestion de l'école (Conseil d'administration,
              Conseil de Perfectionnement, Conseil scientifique, etc.).</span>
              <span class="lang-en">Our industrial partners are strongly involved in the
              operation and management of the school (Board of Directors,
              Advisory Council, Scientific Council, etc.).</span>
              <span class="lang-ar rtl">شركاؤنا الصناعيون يساهمون بصفة فعالة في تسيير المؤسسة
              (مجلس الإدارة، مجلس التحسين، المجلس العلمي...).</span>
            </li>
            <li>
              <span class="lang-fr">Grâce à des partenariats stratégiques et durables, ESPRIM crée des
              passerelles concrètes entre ses étudiants et le monde professionnel
              (stages, projets collaboratifs, interventions d'experts).</span>
              <span class="lang-en">Through strategic and sustainable partnerships, ESPRIM creates
              concrete bridges between its students and the professional world
              (internships, collaborative projects, expert interventions).</span>
              <span class="lang-ar rtl">من خلال شراكات استراتيجية ودائمة، توفر ESPRIM جسورا عملية
              بين الطلبة وعالم الشغل (تربصات، مشاريع مشتركة، تدخلات خبراء).</span>
            </li>
            <li>
              <span class="lang-fr">L'ESPRIM favorise la mobilité internationale (stages ou partie du
              cursus à l'étranger) et participe au programme Erasmus+ de mobilité
              internationale des crédits.</span>
              <span class="lang-en">ESPRIM promotes international mobility (internships or part of the
              curriculum abroad) and participates in the Erasmus+ program for
              international credit mobility.</span>
              <span class="lang-ar rtl">تشجع ESPRIM التنقل الدولي (تربصات أو جزء من المسار بالخارج)
              وتشارك في برنامج Erasmus+ للتنقل الدولي والأرصدة.</span>
            </li>
          </ul>
        </section>

        <section class="section-card">
          <h2>
            <span class="lang-fr">Valeurs et qualités mises en avant</span>
            <span class="lang-en">Values and Skills Emphasized</span>
            <span class="lang-ar rtl">القيم والمهارات المعتمدة</span>
          </h2>
          <ul>
            <li>
              <span class="lang-fr">Créativité et compétences opérationnelles.</span>
              <span class="lang-en">Creativity and operational skills.</span>
              <span class="lang-ar rtl">الإبداع والكفاءات التطبيقية.</span>
            </li>
            <li>
              <span class="lang-fr">Qualités humaines : esprit d'équipe, communication, leadership, créativité, rigueur.</span>
              <span class="lang-en">Human qualities: teamwork, communication, leadership, creativity, rigor.</span>
              <span class="lang-ar rtl">مهارات إنسانية: العمل الجماعي، التواصل، القيادة، الإبداع والانضباط.</span>
            </li>
            <li>
              <span class="lang-fr">Répondre aux besoins de l'entreprise dans des filières d'avenir.</span>
              <span class="lang-en">Meeting business needs in future-oriented sectors.</span>
              <span class="lang-ar rtl">الاستجابة لحاجيات المؤسسات في اختصاصات واعدة.</span>
            </li>
            <li>
              <span class="lang-fr">Reconnaissance internationale à travers la certification ISO 21001.</span>
              <span class="lang-en">International recognition through ISO 21001 certification.</span>
              <span class="lang-ar rtl">اعتراف دولي عبر شهادة الجودة ISO 21001.</span>
            </li>
          </ul>
        </section>
      </main>
    </div>

    <script src="app.js" defer></script>
  </body>
</html>