diff --git a/public/index.html b/public/index.html
index ac7b606..80ad1f6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,57 +1,75 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
+  <head>
     <meta charset="utf-8" />
 
     <link href="%PUBLIC_URL%/images/favicon.ico" rel="icon" />
     <meta content="width=device-width, initial-scale=1" name="viewport" />
     <meta content="#000000" name="theme-color" />
-    <meta content="Le portail des compétences guinéennes  !" name="description" />
+    <meta
+      content="Le portail des compétences guinéennes  !"
+      name="description"
+    />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.babaata.org" />
-    
-    <link href="https://fonts.googleapis.com" rel="preconnect">
-    <link crossorigin href="https://fonts.gstatic.com" rel="preconnect">
-    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;1,600&display=swap"
-      rel="stylesheet">
+    <meta property="og:locale" content="fr_FR" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta
+      name="twitter:title"
+      content="Le portail des compétences guinéennes  !, Guinéen-ne-s, Faites valoir vos compétences En Vous Inscrivant. "
+    />
+    <meta
+      name="twitter:description"
+      content="Decouvrez de nouvelle Competence en quelques cliques , faites-vous connaitre , discutez, trouvez-vous des mentors et faites la mise a jour a chaque nouvelle competence.  "
+    />
+    <meta
+      name="og:image"
+      content="https://babaata.org/static/media/Acceuil.63fdae53.png"
+    />
+
+    <meta
+      name="og:description"
+      content="Decouvrez de nouvelle Competence en quelques cliques , faites-vous connaitre , discutez, trouvez-vous des mentors et faites la mise a jour a chaque nouvelle competence.  "
+    />
+    <meta
+      name="og:image"
+      content="https://babaata.org/static/media/Acceuil.63fdae53.png"
+    />
+    <link href="https://fonts.googleapis.com" rel="preconnect" />
+    <link crossorigin href="https://fonts.gstatic.com" rel="preconnect" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;1,600&display=swap"
+      rel="stylesheet"
+    />
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <link href="
+    <link
+      href="
             https://fonts.googleapis.com/css2?family=Lato&family=Open+Sans:ital,wght@0,300;0,400;1,600&display=swap"
-      rel="stylesheet">
-    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap" rel="stylesheet">
-    <!--
-          manifest.json provides metadata used when your web app is installed on a
-          user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-        -->
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap"
+      rel="stylesheet"
+    />
     <link href="%PUBLIC_URL%/manifest.json" rel="manifest" />
-    <link crossorigin="anonymous" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
-          integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" rel="stylesheet"/>
-    <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
-
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
+    <link
+      crossorigin="anonymous"
+      href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
+      integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p"
+      rel="stylesheet"
+    />
     <title>Babaata</title>
     <style>
-      @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');
+      @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap");
     </style>
-</head>
-<body style="background-image: url('./images/BodyPattern.svg'); ;background-position-x: -1000px">
-<noscript>You need to enable JavaScript to run this app.</noscript>
-<div id="root"></div>
-<!--
-  This HTML file is a template.
-  If you open it directly in the browser, you will see an empty page.
-
-  You can add webfonts, meta tags, or analytics to this file.
-  The build step will place the bundled scripts into the <body> tag.
-
-  To begin the development, run `npm start` or `yarn start`.
-  To create a production bundle, use `npm run build` or `yarn build`.
--->
-</body>
+  </head>
+  <body
+    style="
+      background-image: url('./images/BodyPattern.svg');
+      background-position-x: -1000px;
+    "
+  >
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
 </html>
