-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
93 lines (75 loc) · 4.25 KB
/
index.html
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
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Green Bank</title>
<link rel="stylesheet" href="style.css">
<script src="script.js" defer></script>
</head>
<body>
<h1 id="title">GREEN BANK</h1>
<div class="button-container"></div><br>
<h2>
La <b>Green Bank</b>, fondée en 2022, est une institution financière novatrice axée
sur la durabilité et l'impact environnemental positif. Son objectif principal est
de catalyser des investissements et des initiatives qui favorisent la transition
vers une économie verte et durable. Répondant à la nécessité croissante de mesurer et
de comprendre l'impact environnemental des activités humaines,<b>la Green Bank
souhaite lancer un outil de calcul de l'empreinte écologique.</b>
</h2>
<h2>
Cet outil interactif permet aux individus de quantifier leur impact sur
l'environnement en termes de consommation d'énergie, d'émissions de gaz à
effet de serre et d'utilisation des ressources naturelles.
</h2><br>
<div id="dropdown" class="dropdown-container">
<h2>Je possède un véhicule de type :</h2>
<select class="ecological-dropdown" onchange="Addpoint('voitures',this.value)">
<option value="" disabled selected hidden>véhicule</option>
<option value="Citadine">Citadine</option>
<option value="Cabriolet">Cabriolet</option>
<option value="Berline">Berline</option>
<option value="SUV/4x4">SUV/4x4</option>
</select>
<h2> il a été fabriqué dans la période </h2>
<select class="ecological-dropdown" onchange="Addpoint('annees',this.value)">
<option value="" disabled selected hidden>XXXX-XXXX</option>
<option value="1960-1970">1960-1970</option>
<option value="1970-1980">1970-1980</option>
<option value="1980-1990">1980-1990</option>
<option value="1990-2000">1990-2000</option>
<option value="2000-2010">2000-2010</option>
<option value="2010">Après 2010</option>
</select>
<h2>et il fonctionne grace à une énergie </h2>
<select class="ecological-dropdown" onchange="Addpoint('energies',this.value)">
<option value="Energie" disabled selected hidden>energie</option>
<option value="Essence">Essence</option>
<option value="Electrique">Electrique</option>
<option value="Gaz">Gaz</option>
<option value="Diesel">Diesel</option>
<option value="Hybride">Hybride</option>
</select>
<h2> Je fais environ </h2>
<select class="ecological-dropdown" onchange="Addpoint('kilometrages',this.value)">
<option value="" disabled selected hidden>XXXXX</option>
<option value="5-10K/km">5000/10000</option>
<option value="10-15K/km">10 000/15 000</option>
<option value="15-20K/km">15 000/20 000</option>
<option value="20-25K/km">20 000/25 000</option>
<option value="25-30K/km">25 000/30 000</option>
</select>
<h2>km par an. Et je souhaite transporter </h2>
<select class="ecological-dropdown" onchange="Addpoint('passagers',this.value)">
<option value="" disabled selected hidden>X</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<h2>passagers.</h2>
</div>
<h1 id="taux">Remplissez ci-dessus pour connaitre votre taux d'emprunt.</h1>
<script src="script.js"></script>
</body>
</html>