diff --git a/ALVARIZA-BILLAR_DESERT_KANY/index.html b/ALVARIZA-BILLAR_DESERT_KANY/index.html
index 993035b56f18e6334d0f2aad8faed83ead8dad22..a0eba40906ea11735369d3e17b492c4214e92f12 100644
--- a/ALVARIZA-BILLAR_DESERT_KANY/index.html
+++ b/ALVARIZA-BILLAR_DESERT_KANY/index.html
@@ -1,43 +1,35 @@
<!DOCTYPE html>
-<html>
+<html lang="fr">
<head>
<meta charset="UTF-8">
- <title>projet</title>
- <style>
- body {
- margin: 0;
- }
-
- canvas {
- width: 100%;
- height: 100%
- }
-
- .centre {
- text-align: center;
- }
- </style>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="styles.css">
+ <title>Projet Etudiant en WebGL</title>
</head>
<body>
-<!-- API importe du site de Three.js -->
-<script async src="https://unpkg.com/es-module-shims@1.3.6/dist/es-module-shims
-.js"></script>
-<script type="importmap">
- {
- "imports": {
- "three": "https://threejs.org/build/three.module.js",
- "three/addons/": "https://threejs.org/examples/jsm/"
- }
- }
-</script>
-<!-- JQuery pour afficher les erreurs -->
-<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js
-"></script>
-<!-- Un titre centre -->
-<h1 class="centre"> projet</h1>
-<div id="webGL" class="centre"></div>
-<!-- Mon script avec un chemin relatif -->
-<script type="module" src="projet.js"></script>
-<p class="centre"> projet </p>
+ <!-- Header avec une image de fond -->
+ <header>
+ <!-- Image Hopper -->
+ <a href="https://fr.wikipedia.org/wiki/Edward_Hopper" target="_blank">
+ <img src="https://upload.wikimedia.org/wikipedia/commons/0/09/Edward_Hopper_1930.jpg" alt="Edward Hopper" class="hopper-image">
+ </a>
+ <div class="header-content">
+ <h1>Projet Etudiant en WebGL</h1>
+ </div>
+ </header>
+
+ <!-- Section principale -->
+ <section id="webGL">
+ <div class="content-container">
+ <div class="image-section">
+ <h2>La peinture initiale</h2>
+ <img src="Hopper-Gas.png" alt="Hopper Gas">
+ </div>
+ <div class="project-section">
+ <h2>Notre projet 3D</h2>
+ <p>Présentation du projet 3D réalisé avec WebGL et autres technologies...</p>
+ </div>
+ </div>
+ </section>
</body>
-</html>
\ No newline at end of file
+</html>