Translation

gomu-gomu · Jan 12, 2024 · e40f242 · e40f242
1 parent ca10164
commit e40f242
Showing 1 changed file with 41 additions and 15 deletions.
diff --git a/src/index.html b/src/index.html
@@ -74,10 +74,36 @@
         <div class="col">
           <div
             data-aos="fade-up"
+            class="card card-cust card-cust--title shadow border border-0 p-3"
+          >
+            <div class="card-body">
+              <h1 class="title">Covid-19 Stats</h1>
+              <p>
+                L'objectif principal de ce projet est la refonte méticuleuse de la page web<a
+                  target="_blank"
+                  href="https://www.worldometers.info/coronavirus"
+                >https://www.worldometers.info/coronavirus</a>dans le but d'améliorer son attrait visuel et de
+                d'assurer une compatibilité transparente entre les différents appareils grâce aux principes du
+                Responsive Web Design.
+              </p>
+
+              <p>
+                Réalisée par : <span>Essamadi Oussama</span> • <span>Zouir Amine</span> • <span>Chibi Mohammed</span>
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div class="row gap-4 mt-md-5 mt-4">
+        <div class="col">
+          <div
+            data-aos="fade-up"
+            data-aos-delay="100"
             class="card card-cust card-cust--spacing shadow border border-0"
           >
             <div class="card-body text-start">
-              <h5 class="card-title">Coronavirus Cases</h5>
+              <h5 class="card-title">Cas de Coronavirus</h5>
               <p
                 id="stat-cases"
                 class="card-text"
@@ -95,11 +121,11 @@ <h5 class="card-title">Coronavirus Cases</h5>
         <div class="col">
           <div
             data-aos="fade-up"
-            data-aos-delay="200"
+            data-aos-delay="300"
             class="card card-cust card-cust--spacing shadow border border-0"
           >
             <div class="card-body text-start">
-              <h5 class="card-title">Deaths</h5>
+              <h5 class="card-title">Décès</h5>
               <p
                 id="stat-deaths"
                 class="card-text"
@@ -117,11 +143,11 @@ <h5 class="card-title">Deaths</h5>
         <div class="col">
           <div
             data-aos="fade-up"
-            data-aos-delay="400"
+            data-aos-delay="500"
             class="card card-cust card-cust--spacing shadow border border-0"
           >
             <div class="card-body text-start">
-              <h5 class="card-title">Recovered</h5>
+              <h5 class="card-title">Recouvrements</h5>
               <p
                 id="stat-recovered"
                 class="card-text"
@@ -141,12 +167,12 @@ <h5 class="card-title">Recovered</h5>
         <div class="col maximizeable">
           <div
             data-aos="fade-right"
-            data-aos-delay="400"
+            data-aos-delay="300"
             class="card card-cust card-cust--chart shadow border border-0"
           >
             <div class="card-head row p-4">
               <div class="col">
-                <h5 class="card-title">Yearly Stats</h5>
+                <h5 class="card-title">Statistiques Annuelles</h5>
               </div>
 
               <div class="col d-flex justify-content-end">
@@ -182,12 +208,12 @@ <h5 class="card-title">Yearly Stats</h5>
         <div class="col maximizeable">
           <div
             data-aos="fade-left"
-            data-aos-delay="600"
+            data-aos-delay="500"
             class="card card-cust card-cust--chart shadow border border-0"
           >
             <div class="card-head row p-4">
               <div class="col">
-                <h5 class="card-title">Yearly Vaccinations by Country</h5>
+                <h5 class="card-title">Vaccinations Annuelles par Pays</h5>
               </div>
 
               <div class="col d-flex justify-content-end">
@@ -225,12 +251,12 @@ <h5 class="card-title">Yearly Vaccinations by Country</h5>
         <div class="col">
           <div
             data-aos="fade-up"
-            data-aos-delay="800"
+            data-aos-delay="600"
             class="card card-cust card-cust--chart shadow border border-0"
           >
             <div class="card-head row p-4">
               <div class="col">
-                <h5 class="card-title">Countries and Provinces Ranked by Total Cases</h5>
+                <h5 class="card-title">Classement des Pays et des Provinces en Fonction du Nombre Total de Cas</h5>
               </div>
             </div>
 
@@ -247,7 +273,7 @@ <h5 class="card-title">Countries and Provinces Ranked by Total Cases</h5>
                       <th
                         class="country"
                         scope="col"
-                      >Country</th>
+                      >Pays</th>
 
                       <th
                         class="province"
@@ -257,12 +283,12 @@ <h5 class="card-title">Countries and Provinces Ranked by Total Cases</h5>
                       <th
                         class="cases"
                         scope="col"
-                      >Total Cases</th>
+                      >Total des Cas</th>
 
                       <th
                         class="deaths"
                         scope="col"
-                      >Total Deaths</th>
+                      >Total des Décès</th>
                     </tr>
                   </thead>
 
@@ -285,7 +311,7 @@ <h5 class="card-title">Countries and Provinces Ranked by Total Cases</h5>
         <div class="modal-content shadow border border-0">
           <div class="modal-body">
             <div class="loader"></div>
-            <p>Loading Covid Data...</p>
+            <p>Chargement des Données Covid...</p>
           </div>
         </div>
       </div>