ProjetEau/index.html at main · densdevv/ProjetEau · 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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8">
    <title>L'eau, c'est la vie</title>
    <link rel="stylesheet" href="style.css">
    <script src="https://kit.fontawesome.com/8c71c4d8b8.js" crossorigin="anonymous"></script>
</head>

<body>
    <div class="menu-wrapper">
        <div class="content">
            <h1 id="main-title">L'eau, c'est la vie !</h1>
            <h1 id="main-title">L'eau, c'est la vie !</h1>
        </div><br>
        <h2 style="margin-top: 1em;">👋 Bienvenue au menu principal du projet.</h2>
        <h4>NEUF! <a href="https://dens.dev" target="_blank">Cliquez ici</a> pour accéder à ma page de portefeuille!</h4>

        <button class="learn-more"
            onclick="window.location.href = 'https://drive.google.com/file/d/11VQow7MZ8IwxRsKanrAT9bdwPdXuz2qH/view?usp=sharing';">
            <span class="circle" aria-hidden="true">
                <span class="icon arrow"></span>
            </span>
            <span class="button-text">Version PDF</span>
        </button>
        <div class="section" id="introduction" onclick="window.location.href = '1-introduction';">
            <img src="img/cover/1-introduction.jpg">
            <div>
                <h3>1. Introduction</h3>
                <hr>
                <p>Le fait que l’eau est un aspect essentiel de nos vies, c’est certain. Mais est-ce vraiment si
                    essentiel
                    pour notre survie, ou est-ce seulement quelque chose qui occupe notre ordre du jour, et un sujet
                    seulement inventé comme thème pour les magasins scientifiques hebdomadaires ?</p>
            </div>
        </div>

        <div class="section" id="sources" onclick="window.location.href = '2-sources';">
            <img src="img/cover/2-sources.jpg">
            <div>
                <h3>2. Les sources d'eau</h3>
                <hr>
                <p>L’eau se trouve sous différentes formes dans la nature. Environ deux tiers de notre terre est couvert
                    de l’eau : c’est quelque chose qu’on déjà savait depuis l’école primaire. Mais ce qui est important
                    est l’eau qu’on peut utiliser dans notre vie. </p>
            </div>
        </div>

        <div class="section" id="pollution" onclick="window.location.href = '3-pollution';">
            <img src="img/cover/3-pollution.jpg">
            <div>
                <h3>3. La pollution de l'eau</h3>
                <hr>
                <p>La pollution de l’eau ne s’agit pas seulement de la pollution chimique. Les types de pollution de
                    l’eau thermique u bactériologiques existent aussi. Il faut aussi noter que comme l’eau n’est pas
                    seulement l’eau liquide des mers, sa pollution concerne donc un domaine beaucoup plus vaste. </p>
            </div>
        </div>

        <div class="section" id="purification" onclick="window.location.href = '4-purification';">
            <img src="img/cover/4-purification.jpg">
            <div>
                <h3>4. La purification de l’eau </h3>
                <hr>
                <p>Il existe plusieurs méthodes de purifier l’eau. Certaines entre eux ne sont plus utilisés, ou ont des
                    alternatives plus modernes ; mais la plupart des méthodes dont on va parler dans cette partie sont
                    des méthodes largement utilisés dans plusieurs domaines industrielles ou domestiques.</p>
            </div>
        </div>

        <div class="section" id="precautions" onclick="window.location.href = '5-precautions';">
            <img src="img/cover/5-precautions.jpg">
            <div>
                <h3>5. Ce qu'on peut faire </h3>
                <hr>
                <p>Protéger notre source de vie : l’eau, et lutter contre sa pollution est une des plus importantes
                    tâches de l’humanité entière, qui ne tolère aucune négligence. Mais en même temps, on sait tous
                    qu’il est impossible de changer l’ordre mondial d'un claquement de doigt. Voici quelques
                    propositions des actions qu’il faut mettre en œuvre dès que possible.</p>
            </div>
        </div>

        <div class="section" id="bibliographie" onclick="window.location.href = '6-bibliographie';">
            <img src="img/cover/6-bibliographie.jpg">
            <div>
                <h3>6. Bibliographie</h3>
                <hr>
                <p>Tous les sources (images et contenu scientifique) utilisées pour la partie écrite du projet. Toutes
                    images sous le license Pixabay, ou sous le license Creative Commons (Public Domain). Tous contenu
                    scientifique soumis au modification avant son ajout au projet.</p>
            </div>
        </div>

        <i class="fa-brands fa-creative-commons fa-2xl"></i>
        <i class="fa-brands fa-creative-commons-by fa-2xl"></i>
        <i class="fa-brands fa-creative-commons-nc fa-2xl"></i>
        <i class="fa-brands fa-creative-commons-nd fa-2xl"></i>
        <br><br>
        <h4><b>[v1.1]</b> Dernière mise à jour: 23/05 22:30</h4>
        <br>

        <p class="footer">© 2023 <a href="https://dens.dev" target="_blank">densdev</a> | Préparé, conçu et developpé avec ❤️ par Deniz Hönigs '25</p>
    </div>
</body>

</html>