deploy: 3b6fb2e

Author: eoussama

index.html

@@ -34,6 +34,11 @@
     href="styles/chart.css"
   >
 
+  <link
+    rel="stylesheet"
+    href="styles/table.css"
+  >
+
   <link
     rel="stylesheet"
     href="styles/particles.css"
@@ -159,6 +164,34 @@ <h5 class="card-title">Yearly Vaccinations by Country</h5>
           </div>
         </div>
       </div>
+
+      <div class="row gap-4 mt-md-5 mt-4">
+        <div class="col">
+          <div class="card card-cust card-cust--chart shadow border border-0">
+            <div class="card-body">
+              <table class="table table-striped">
+                <thead class="table-light">
+                  <tr>
+                    <th scope="col">Country</th>
+                    <th scope="col">Total Cases</th>
+                    <th scope="col">Total Deaths</th>
+                    <th scope="col">Total Recoveries</th>
+                  </tr>
+                </thead>
+
+                <tbody>
+                  <tr>
+                    <th scope="row">Morocco</th>
+                    <td>100</td>
+                    <td>50</td>
+                    <td>50</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </main>
 

styles/table.css

@@ -0,0 +1,5 @@
+.table {
+  margin-bottom: 0;
+  overflow: hidden;
+  border-radius: 10px;
+}