website-multilanguage/index.html at main · earzalien/website-multilanguage · 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
<!DOCTYPE html>
<html lang="fr">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title data-key="site-title">Bienvenue sur notre site</title>
  <link rel="stylesheet" href="css/style.css">
  <script src="script/script.js" defer></script>
</head>

<body>
  <nav>
    <button class="flag" data-lang="fr"><img src="img/fr.png" alt="🇫🇷 Drapeau France" /></button>
    <button class="flag" data-lang="en"><img src="img/uk.png" alt="🇬🇧 English flag" /></button>
    <button class="flag" data-lang="es"><img src="img/es.png" alt="🇪🇸 Bandera de España" /></button>
  </nav>

  <h1 data-key="header-title">Bienvenue</h1>
  <p data-key="welcome-message">Ceci est un exemple simple de site multilingue.</p>

  <input type="text" data-key="input-placeholder" placeholder="Tapez ici..." />

  <footer>
    <p data-key="footer-text">Merci de visiter notre site.</p>
  </footer>
</body>

</html>