Skip to content
Snippets Groups Projects
Commit a8ba5411 authored by AlvarizaBillar Felipe's avatar AlvarizaBillar Felipe
Browse files

Update index.html

parent 1055b44b
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
ALVARIZA-BILLAR_DESERT_KANY/index.html
+ 29
− 37
View file @ a8ba5411
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="fr">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>projet</title> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<style> <link rel="stylesheet" href="styles.css">
body { <title>Projet Etudiant en WebGL</title>
margin: 0;
}
canvas {
width: 100%;
height: 100%
}
.centre {
text-align: center;
}
</style>
</head> </head>
<body> <body>
<!-- API importe du site de Three.js --> <!-- Header avec une image de fond -->
<script async src="https://unpkg.com/es-module-shims@1.3.6/dist/es-module-shims <header>
.js"></script> <!-- Image Hopper -->
<script type="importmap"> <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">
"imports": { </a>
"three": "https://threejs.org/build/three.module.js", <div class="header-content">
"three/addons/": "https://threejs.org/examples/jsm/" <h1>Projet Etudiant en WebGL</h1>
} </div>
} </header>
</script>
<!-- JQuery pour afficher les erreurs --> <!-- Section principale -->
<script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js <section id="webGL">
"></script> <div class="content-container">
<!-- Un titre centre --> <div class="image-section">
<h1 class="centre"> projet</h1> <h2>La peinture initiale</h2>
<div id="webGL" class="centre"></div> <img src="Hopper-Gas.png" alt="Hopper Gas">
<!-- Mon script avec un chemin relatif --> </div>
<script type="module" src="projet.js"></script> <div class="project-section">
<p class="centre"> projet </p> <h2>Notre projet 3D</h2>
<p>Présentation du projet 3D réalisé avec WebGL et autres technologies...</p>
</div>
</div>
</section>
</body> </body>
</html> </html>
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment