Update index.html

les-codeurs-lunaires · Dec 8, 2023 · 9e21b86 · 9e21b86
1 parent feb9c1b
commit 9e21b86
Showing 1 changed file with 71 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -1,13 +1,79 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="fr">
 <head>
     <meta charset="UTF-8">
-    <title>Title</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+    <!-- OpenGraph-->
+    <title>Green Growth</title>
+    <meta name="description" content="">
+    <meta property="og:url" content="https://untypequicode.github.io/Green-Growth/" />
+    <meta property="og:title" content="Green Growth" />
+    <meta property="og:description" content="" />
+    <meta property="og:image" content="../images/leaf-svgrepo-com.svg" />
+
+    <!-- favicon -->
+    <link rel="icon" type="image/png" href="../images/leaf-svgrepo-com.svg">
+
+    <!-- font awesome -->
+    <link rel="stylesheet" href="css/style.css">
 </head>
+
+
+
 <body>
 
-<h1>Green Growth</h1>
-<h2> Test </h2>
+
+
+    <section class="" id="">
+
+
+        <div>
+            <div class="text-full-screen">
+                <div id="titre">
+                    <h1>Un monde idéal?</h1>
+                </div>
+
+                <div id="texte-1">
+                    <h1>Imaginez un monde parfait, où tout va toujours bien, dans lequel la météo est parfaitement prévisible, les catastrophes naturelles, anticipés, sont devenu inoffensives.</h1>
+                </div>
+
+                <div id="texte-2">
+                    <h1>Cependant, ce monde n’est pas le nôtre. En réalité, le réchauffement climatique augmente chaque jour et les efforts pour le retarder ne sont pas bien répartis…
+                        Préjugés, procrastination, intérêts personnels, mauvaise informations, les raisons sont nombreuses, parviendrez-vous à démêler le vrai du faux,
+                        à sacrifier votre confort pour le bien commun, et, à votre échelle, à sauver le monde (animation ?) ?</h1>
+                </div>
+
+                <div id="texte-3">
+                    <h1>Un exemple simple : Souvent, les logiciels ou site internet possèdent différents thèmes, plus ou moins simple d’accès. Voici nos thèmes, à vous de choisir celui que
+                        vous préférez :</h1>
+                </div>
+
+                <div id="texte-4">
+                    <h1>Alors ? Avez-vous choisit le thème que vous aimez le plus, le plus agréable à vos yeux, ou bien le plus épuré, soucieux de l’impact
+                        de ce simple choix sur la planète ? Et oui, choisir n’est pas toujours simples, et il est difficile de situer la frontière entre
+                        action significative et effort futile. Pour voir à quel point certaines idées reçu peuvent brouiller notre jugement, ou simplement connaitre
+                        quelque actions simple et efficace pour lutter contre le réchauffement climatique, nous te proposons un simple :</h1>
+                    </h1>
+                </div>
+                <div id="texte-5">
+                    <h1>Ou tu peux simplement directement consulter les informations sur certaines mesures de tous les jours ici:</h1>
+                </div>
+            </div>
+        </div>
+
+        <div id="choix">
+            <button> <a href="pages/qcm.html">Tester mes connaissances</a> </button>
+            <button> <a href="pages/informer.html" >M'informer</a> </button>
+        </div>
+
+
+    </section>
+
 
 </body>
-</html>
+
+
+
+</html>