forked from Compostage/les-composteurs-du-clos-saint-simon
-
Notifications
You must be signed in to change notification settings - Fork 0
/
gestes.html
165 lines (165 loc) · 7.5 KB
/
gestes.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script
src="https://kit.fontawesome.com/cb8e7ae64b.js"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="style2.css" />
<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=Shrikhand&display=swap"
rel="stylesheet"
/>
<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=Aleo:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Fredoka+One&family=Space+Mono&family=Shrikhand&display=swap" rel="stylesheet">
<title>Les composteurs du Clos Saint-Simon</title>
</head>
<body>
<header class="header">
<div class="div-header-border">
<img src="./photos/logo-site.png" class="logo-header" alt="dessin représentant deux personnes à côté d'un bac à compost entourés de plantes" />
<h1 class="titre-header">Les composteurs du Clos Saint-Simon</h1>
</div>
<div id="bouton" class="apparition1">
<button>☰</button>
</div>
<nav id="menu" class="nav affichage">
<ul id="display">
<li class="ongletMenu border-top">
<a href="./index.html" class="lienMenu">Accueil</a>
</li>
<li class="nav__déroulant ongletMenu derouleInfos"><a href="#" class="contain-fleche">Comment composter<img src="./photos/fleche-anim.png" class="fleche-menu-anim flecheInfos"/></a>
<ul class="sous sousInfos" id="sous">
<li class="affichage-mobile-padding"><a href="ok.html">Ce que je peux composter</a></li>
<li class="affichage-mobile-padding"><a href="non.html">Ce que je ne peux pas composter</a></li>
<li class="affichage-mobile-padding"><a href="gestes.html">Les bons gestes à adopter</a></li>
</ul>
</li>
<li class="ongletMenu">
<a href="./betes.html" class="lienMenu">Les bébêtes du compost</a>
</li>
<li class="ongletMenu">
<a href="./utilisation.html" class="lienMenu">Utiliser le compost</a>
</li>
<li class="ongletMenu">
<a href="./recherche.html" class="lienMenu">Recherche</a>
</li>
<li class="ongletMenu">
<a href="./actu.html" class="lienMenu">Actualités</a>
</li>
<li class="nav__déroulant ongletMenu derouleQuizz"><a href="#" class="contain-fleche">Quizz<img src="./photos/fleche-anim.png" class="fleche-menu-anim flecheQuizz"/></a>
<ul class="sous sousQuizz" id="sous">
<li class="affichage-mobile-padding"><a href="quizz.html">Comment et quoi composter</a></li>
<li class="affichage-mobile-padding"><a href="quizzcompost.html">Reconnaitre et utiliser le compost mûr</a></li>
<li class="affichage-mobile-padding"><a href="quizzbetes.html">Les petites bêtes du compost</a></li>
<li class="affichage-mobile-padding"><a href="quelcomposteur.html">Quel composteur es-tu ?</a></li>
</ul>
</li>
<li class="ongletMenu border-bottom">
<a href="./contact.html" class="lienMenu">Contact</a>
</li>
</ul>
</nav>
</header>
<section id="section-ok">
<div class="titre">
<h2 class="titre-geste">Les bons gestes à adopter</h2>
</div>
<div class="tuto">
<div class="verser">
<h3><b>V E R S E R</b></h3>
<p><b>Tous les 3 ou 4 jours environ, pour éviter que le contenu ne massère dans le bio-seau et dégage de mauvaises odeurs</b></p>
<div class="etape">
<div class="num">
<p><b>1</b></p>
</div>
<div class="des">
<p><b>A chaque fois avant de vider son bio-seau: creuser un petit cratère au milieu du composteur à l'aide de la griffe</b></p>
</div>
</div>
<div class="etape">
<div class="num">
<p><b>2</b></p>
</div>
<div class="des">
<p><b>Vider le contenu du bio-seau au milieu du cratère</b></p>
</div>
</div>
<div class="etape">
<div class="num">
<p><b>3</b></p>
</div>
<div class="des">
<p><b>Verser de la matière brune par dessus en respectant les proportions: pour 1 bio-seau de déchet, 1/2 bio-seau de matière brune</b></p>
</div>
</div>
<div class="etape">
<div class="num">
<p><b>4</b></p>
</div>
<div class="des">
<p><b>Reboucher soigneusement le cratère à l'aide de la griffe</b></p>
</div>
</div>
</div>
<div class="brasser">
<h3><b>B R A S S E R</b></h3>
<p><b>Une fois par semaine pour aérer le compost et éviter les mauvaises odeurs ou l'installation des rats</b></p>
<div class="etape">
<div class="num">
<p><b>1</b></p>
</div>
<div class="des">
<p><b>Planter le brasse-compost et le visser dans la matière</b></p>
</div>
</div>
<div class="etape">
<div class="num">
<p><b>2</b></p>
</div>
<div class="des">
<p><b>Soulever le brasse-compost par à coup en remuant légèrement et en gardant le dos bien droit</b></p>
</div>
</div>
<div class="etape">
<div class="num">
<p><b>3</b></p>
</div>
<div class="des">
<p><b>Répéter l'opération à plusieurs endroits différents du composteur pour homogénéiser</b></p>
</div>
</div>
</div>
</div>
</section>
<section id="sectionTest">
<div class="divTest">
<p>Tu penses tout savoir sur l'art du compostage ?<br/>Teste tes acquis avec nos quizz !</p>
</div>
<div class="divTestBtn">
<button id="btnQuizz1" class="btnTest"><a href="quizz.html">Faire le test</a></button>
</div>
</section>
<footer id="footer">
<div class="footer-div">
<div class="footer-div-titre"><h4>Les composteurs du Clos Saint-Simon</h4></div>
<div class="footer-paragraph">
<a href="mailto:[email protected]"><img src="./photos/mail.png" class="logo-fb" alt="enveloppe, logo email"/></a>
<a
href="https://www.facebook.com/lescomposteursduclossaintsimon/"
target="_blank"
>
<img src="./photos/fb-cercle.png" class="logo-fb" alt="logo facebook"/>
</a>
</div>
</div>
</footer>
<script src="./js/nav.js"></script>
</body>
</html>