Newer
Older
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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="../css/main.css" type="text/css">
<link rel="icon" type="image/png" href="../images/favicon-12.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet">
<title>EcoDoua</title>
</head>
<body>
<header>
<img src="../images/tramway-lyon.png" class="image-header" alt="Tramway TCL">
<h1>Mon émission de C02</h1>
</header>
<nav>
<img src="../images/EcoDoua1.png" class="logo-ecodoua" alt="Logo Eco Doua">
<section class="menu-nav">
<h2>Navigation</h2>
<ul>
<li><a href="../index.html">Accueil</a></li>
<li><a href="tableau.html">Mon C02</a></li>
<li><a href="questionnaire.html">Contacts</a></li>
</ul>
</section>
</nav>
<main>
<section class="main-text">
<h2>Quelle est votre émission de CO2 ?</h2>
<p>Ce tableau répertorie les différents moyens de transport ainsi que leurs émissions en fonction
de la distance parcourue. En l'analysant, il devient évident que privilégier les moyens de transport
doux, tels que le vélo ou la marche à pied, est préférable, car ils émettent très peu de CO2. Il est
donc essentiel que chacun d'entre nous adopte, autant que possible, un mode de transport respectueux
de l'environnement afin de réduire notre impact sur celui-ci.</p>
</section>
<table>
<thead>
<tr>
<th>Type de moyen de transport</th>
<th>Distance parcourue (en km)</th>
<th>Distance parcourue (en km)</th>
<th>Emission moyenne de CO2 (en kg)</th>
<th>Emission moyenne de CO2 (en kg)</th>
</tr>
</thead>
<tbody>
<tr>
<th>Vélo</th>
<td>10 km parcourue</td>
<td>10</td>
<td>0 kg de CO2 émit</td>
<td>0</td>
</tr>
<tr>
<th >Vélo électrique</th>
<td>10 km parcourue</td>
<td>10</td>
<td>0.1 kg de CO2 émit</td>
<td>0.1</td>
</tr>
<tr>
<th>Trotinette</th>
<td>10 km parcourue</td>
<td>10</td>
<td>0 kg de CO2 émit</td>
<td>0</td>
</tr>
<tr>
<th>Trotinette électrique</th>
<td>10 km parcourue</td>
<td>10</td>
<td>0.1 kg de CO2 émit</td>
<td>0.1</td>
</tr>
<tr>
<th>Voiture (thermique)</th>
<td>10 km parcourue</td>
<td>10</td>
<td>2.2 kg de CO2 émit</td>
<td>2.2</td>
</tr>
<tr>
<th>Voiture (électrique)</th>
<td>10 km parcourue</td>
<td>10</td>
<td>1 kg de CO2 émit</td>
<td>1</td>
</tr>
<tr>
<th>Moto légère/scooter</th>
<td>10 km parcourue</td>
<td>10</td>
<td>0.8 kg de CO2 émit</td>
<td>0.8</td>
</tr>
<tr>
<th>Moto</th>
<td>10 km parcourue</td>
<td>10</td>
<td>1.9 kg de CO2 émit</td>
<td>1.9</td>
</tr>
<tr>
<th>Bus (thermique)</th>
<td>10 km parcourue</td>
<td>10</td>
<td>1.1 kg de CO2 émit</td>
<td>1.1</td>
</tr>
<tr>
<th>Métro</th>
<td>10 km parcourue</td>
<td>10</td>
<td>0.04 kg de CO2 émit</td>
<td>0.04</td>
</tr>
<tr>
<th>Train (type TGV)</th>
<td>300 km parcourue</td>
<td>300</td>
<td>0.9 kg de CO2 émit</td>
<td>0.9</td>
</tr>
<tr>
<th>Train (type intercités)</th>
<td>300 km parcourue</td>
<td>300</td>
<td>2.7 kg de CO2 émit</td>
<td>2.7</td>
</tr>
<tr>
<th>Tramway</th>
<td>10 km parcourue</td>
<td>10</td>
<td>0.34 kg de CO2 émit</td>
<td>0.34</td>
</tr>
</tbody>
</table>
<p>Source : <a href="https://www.transilien.com/fr/page-corporate/calcul-emissions-co2">www.transilien.com</a> et <a href="https://impactco2.fr/transport">www.impactco2.fr</a></p>
</main>
<aside>
<section class="aside-line">
<h2>Trouvez votre moyen de transport doux</h2>
<div id="logo-apps">
<a href="https://www.tcl.fr/"><img src="../images/logo-tcl.png" class="logo-tcl" alt="Logo TCL"></a>
<a href="https://velov.grandlyon.com/fr/mapping"><img src="../images/logo-velov.svg" class="logo-velov" alt="Logo Vélo'v"></a>
<a href="https://moovitapp.com/lyon-3483/poi/fr"><img src="../images/logo-moovit.png" class="logo-moovit" alt="Logo MoovIt"></a>
</div>
</section>
</aside>
<footer>
<div id="infos-simples">
<section id="réseaux">
<h3>Nos réseaux</h3>
<div id="icone-apps">
<a href="https://www.instagram.com/alec__pts/"><img src="../images/icone-instagram.png" alt="Icône Instagram"></a>
<a href="https://twitter.com/MicrosoftEdge"><img src="../images/icone-X.png" alt="Icône X"></a>
<a href="https://youtu.be/dQw4w9WgXcQ?si=IJs-eLLwDUIEyJ-B"><img src="../images/icone-facebook.png" alt="Icône Facebook"></a>
</div>
</section>
<section id="contacts">
<h3>Autres contacts</h3>
<p>alecpetitsiejak@gmail.com</p>
<p>+33695578023</p>
<p>gabincrozet@gmail.com</p>
<p>+33769923094</p>
</section>
<section id="sources">
<h3>Sources en plus</h3>
<a href="https://openai.com/dall-e-2">Logo ÉcoDoua</a>
<a href="https://linktr.ee/logo_apps">Logos apps</a>
<a href="https://www.flaticon.com/fr/">Logos réseaux</a>
<a href="https://www.instagram.com/kam0uflage_/">@kam0uflage_</a>
</section>
</div>
<p>Copyright © 2023-2024 Petit Crozet & Co. Tous droits réservés.</p>
</footer>
</body>
</html>