diff --git a/README.md b/README.md
new file mode 100644
index 000000000..455d8f772
--- /dev/null
+++ b/README.md
@@ -0,0 +1,49 @@
+# Git collaboration, @Mania
+
+## 🌐 Web Standards and Accessibility
+
+| Before                         | After                                                                 |
+|--------------------------------|------------------------------------------------------------------------|
+| No `lang` attribute            | Added `lang="fr"` to specify the content language (French)            |
+| No character encoding          | Added `<meta charset="UTF-8">` to properly display special characters |
+| Not mobile-friendly            | Added `<meta name="viewport">` for responsive design                  |
+
+---
+
+##  Visual Presentation (CSS Styling)
+
+| Before                     | After                                                                 |
+|----------------------------|-----------------------------------------------------------------------|
+| Only `font-size` defined   | Added modern font, background color, text color, padding, and spacing |
+| Plain list                 | Bold city names and proper spacing between items                      |
+| Unstyled links             | Colored links with hover effect                                       |
+
+---
+
+##  Content Quality
+
+| Before                  | After                                                                  |
+|-------------------------|-------------------------------------------------------------------------|
+| Only 4 cities listed    | Extended to 8 major cities                                              |
+| Hard-to-read numbers    | Formatted numbers using non-breaking spaces (e.g. `17 836 133`)         |
+| Content in English      | Translated fully into **French** to match `lang="fr"`                   |
+
+---
+
+##  External Link Best Practices
+
+| Before                            | After                                                                 |
+|-----------------------------------|------------------------------------------------------------------------|
+| Just a basic link                 | Added `target="_blank"` to open in a new tab                          |
+| —                                 | Added `rel="noopener noreferrer"` for security and performance       |
+
+---
+
+## Professional HTML Structure
+
+- Clean indentation
+- Proper semantic tags: `<h1>`, `<ol>`, `<li>`, `<strong>`
+- Organized internal CSS
+- Full, valid HTML5 structure
+
+---
diff --git a/cities.html b/cities.html
index bab3bfab4..71fac50b3 100644
--- a/cities.html
+++ b/cities.html
@@ -1,31 +1,70 @@
 <!DOCTYPE html>
-<html>
+<html lang="fr">
 <head>
-  <title>Git Collab Exercise</title>
-  <style type="text/css">
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Villes les plus peuplées</title>
+  <style>
     body {
-      font-size: 2.0em;
+      font-family: Arial, sans-serif;
+      font-size: 1.2em;
+      background-color: #f5f7fa;
+      color: #2c3e50;
+      margin: 0;
+      padding: 2em;
+      line-height: 1.6;
+    }
+
+    h1 {
+      color: #1a237e;
+    }
+
+    p a {
+      color: #1565c0;
+      text-decoration: none;
+    }
+
+    p a:hover {
+      text-decoration: underline;
+    }
+
+    hr {
+      border: none;
+      border-top: 2px solid #cfd8dc;
+      margin: 1.5em 0;
+    }
+
+    ol {
+      padding-left: 1.5em;
+    }
+
+    li {
+      margin: 0.5em 0;
     }
   </style>
 </head>
 <body>
 
-  <h1>Top cities, by population</h1>
+  <h1>Les villes les plus peuplées au monde</h1>
   
   <p>
-    Taken (borrowed?) from 
-    <a href="http://en.wikipedia.org/wiki/List_of_cities_proper_by_population" target="_blank">
-      Wikipedia
+    Données extraites de&nbsp;
+    <a href="https://fr.wikipedia.org/wiki/Liste_des_villes_les_plus_peupl%C3%A9es_du_monde" target="_blank" rel="noopener noreferrer">
+      Wikipédia
     </a>
   </p>
 
   <hr/>
 
   <ol>
-    <li>Shanghai (17,836,133)</li>
-    <li>Istanbul (13,854,740)</li>
-    <li>Karachi  (12,991,000)</li>
-    <li>Mumbai   (12,478,447)</li>
+    <li><strong>Shanghai</strong> – 17 836 133 habitants</li>
+    <li><strong>Istanbul</strong> – 13 854 740 habitants</li>
+    <li><strong>Karachi</strong> – 12 991 000 habitants</li>
+    <li><strong>Mumbai</strong> – 12 478 447 habitants</li>
+    <li><strong>São Paulo</strong> – 12 252 023 habitants</li>
+    <li><strong>Pékin</strong> – 11 716 620 habitants</li>
+    <li><strong>Delhi</strong> – 11 007 835 habitants</li>
+    <li><strong>Lagos</strong> – 10 578 000 habitants</li>
   </ol>
 
 </body>
