diff --git a/index.html b/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..99c0e02b7daac29770d3cf29214713ea76571ce9
--- /dev/null
+++ b/index.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Ontologie DQA</title>
+ <style>
+ :root {
+ --bg-color: #ffffff;
+ --text-color: #333;
+ --btn-bg: #007bff;
+ --btn-hover: #0056b3;
+ }
+
+ body.dark-mode {
+ --bg-color: #1e1e1e;
+ --text-color: #f1f1f1;
+ --btn-bg: #17a2b8;
+ --btn-hover: #117a8b;
+ }
+
+ body {
+ font-family: Arial, sans-serif;
+ background-color: var(--bg-color);
+ color: var(--text-color);
+ text-align: center;
+ padding: 20px;
+ transition: background 0.3s, color 0.3s;
+ }
+
+ h1 {
+ font-size: 2em;
+ }
+
+ p {
+ font-size: 1.2em;
+ }
+
+ .button {
+ display: inline-block;
+ margin: 10px;
+ padding: 10px 20px;
+ font-size: 1em;
+ color: white;
+ background-color: var(--btn-bg);
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ transition: background 0.3s;
+ }
+
+ .button:hover {
+ background-color: var(--btn-hover);
+ }
+
+ #toggle-mode {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ background: none;
+ border: none;
+ cursor: pointer;
+ font-size: 1.5em;
+ }
+
+ .copy-message {
+ display: none;
+ color: green;
+ font-size: 0.9em;
+ margin-top: 10px;
+ }
+ </style>
+</head>
+<body>
+
+ <button id="toggle-mode">🌙</button>
+
+ <h1>Ontologie DQA</h1>
+ <p>Bienvenue sur la page de l'ontologie <strong>DQA</strong>, dédiée à l'évaluation de la qualité des données.</p>
+
+ <button class="button" onclick="downloadOntology()">📥 Télécharger l'ontologie</button>
+ <button class="button" onclick="redirectToOntology()">🔗 Accéder à l'ontologie</button>
+ <button class="button" onclick="copyToClipboard()">📋 Copier le lien</button>
+
+ <p class="copy-message" id="copy-message">✅ Lien copié dans le presse-papiers !</p>
+
+ <script>
+ function downloadOntology() {
+ window.location.href = "dqa.rdf";
+ }
+
+ function redirectToOntology() {
+ window.open("dqa.rdf", "_blank");
+ }
+
+ function copyToClipboard() {
+ const url = window.location.href + "dqa.rdf";
+ navigator.clipboard.writeText(url).then(() => {
+ document.getElementById("copy-message").style.display = "block";
+ setTimeout(() => {
+ document.getElementById("copy-message").style.display = "none";
+ }, 2000);
+ });
+ }
+
+ document.getElementById("toggle-mode").addEventListener("click", function() {
+ document.body.classList.toggle("dark-mode");
+ this.textContent = document.body.classList.contains("dark-mode") ? "☀️" : "🌙";
+ });
+ </script>
+
+</body>
+</html>