-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
450 lines (414 loc) · 23.7 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
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
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords"
content="impollinazione, drone, semina, industria, RootingFroNature, team, recensioni, blog, articoli">
<meta name="description" content="Home di Rooting For Nature">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<title>Rooting For Nature</title>
</head>
<body>
<nav id="menu" class="navbar navbar-expand-lg sticky-top">
</nav>
<!-- Hero -->
<div class="p-5 text-center bg-image hero-home">
<div class="d-flex flex-column justify-content-center align-items-center h-100">
<p class="mb-3 col-md-8 hero-text">“Tredici milioni di ettari di
foreste vanno perse ogni anno, mentre
il
persistente deterioramento dei terreni ha portato alla desertificazione di 3,6 miliardi di ettari.”
</p>
<a class="btn btn-primary" href="#" role="button">Scopri di più</a>
</div>
</div>
<!-- Hero -->
<section>
<!-- desktop version -->
<div class="container text-center col-lg-8 d-none d-lg-block">
<img src="img/leaf-vector.png" alt="icone di foglia" />
<h1 class="secondary-color">VITA SULLA TERRA</h1>
<P>La <b>deforestazione</b> e la <b>desertificazione</b> – causate dalle attività dell'uomo
e dal cambiamento climatico – pongono sfide considerevoli in termini di sviluppo sostenibile, e
hanno condizionato le vite e i mezzi di sostentamento di milioni di persone che lottano contro la
povertà.
<b>RootingForNature</b> nasce nel porsi l'obiettivo di offrire un aiuto alla gestione delle
foreste e al combattimento contro la desertificazione, oltre che al mantenimento e
all'ampliamento dei benefici dell'impollinazione.
</P>
</div>
<!-- mobile version -->
<div class="container text-center col-lg-8 d-lg-none">
<img src="img/leaf-vector.png" alt="icone di foglia" />
<h1 class="secondary-color">VITA SULLA TERRA</h1>
<P>RootingForNature nasce nel porsi l'obiettivo di offrire un aiuto alla gestione delle foreste e
al combattimento contro la desertificazione, oltre che al mantenimento e all'ampliamento dei
benefici dell'impollinazione.</P>
</div>
</section>
<!-- desktop version -->
<section class="w-section ">
<div class="container d-none d-lg-block ">
<div class="row align-items-center py-5">
<div class="col text-center section-w">
<span class="home-w-titles">WHAT?</span>
</div>
<div class="col">
<p>Offriamo dei <b>prodotti all'avanguardia</b> per promuovere la protezione, il ripristino
e il miglioramento di un uso sostenibile dell'ecosistema terrestre, al fine di andare
in contro all'obiettivo numero quindici dell'<b>Agenda 2030</b> stipulata
dall'ONU.</p>
</div>
</div>
<div class="row align-items-center py-5">
<div class="col text-center section-w">
<span class="home-w-titles">HOW?</span>
</div>
<div class="col">
<p>I nostro <b>droni</b> hanno il compito di incentivare una gestione sostenibile di tutti i
tipi di foreste, arrestare la deforestazione, ripristinare le foreste degradate e aumentare
ovunque, in modo significativo, la riforestazione e il rimboschimento. Tutto questo tramite
la <b>piantagione di alberi</b> e l' <b>impollinazione</b>.</p>
</div>
</div>
<div class="row align-items-center py-5">
<div class="col text-center section-w">
<span class="home-w-titles">WHERE?</span>
</div>
<div class="col">
<p>I nostri servizi sono facilmente acquistabili <b>online</b> e spedibili su tutto il
territorio nazionale. Se tu o la tua azienda fate parte dell' <b>ambiente agricolo</b>
o di <b>aree verdi</b>, il nostro team è pronto a concordare con te un preventivo per
rendervi parte del nostro mondo d'innovazione green.</p>
</div>
</div>
<div class="row align-items-center py-5">
<div class="col text-center section-w">
<span class="home-w-titles">WHEN?</span>
</div>
<div class="col">
<p>La nostra realtà ha preso piede dal 2022, e siamo fiduciosi che entro il <b>2030</b>
riusciremo ad avere un grande impatto sugli obiettivi prefissati e ci auguriamo di
rappresentare un punto di riferimento nel settore.</p>
</div>
</div>
<div class="row align-items-center py-5">
<div class="col text-center section-w">
<span class="home-w-titles">WHY?</span>
</div>
<div class="col">
<p>Le foreste coprono il 30% della superficie terrestre e sono essenziali per il contrasto al
<b>cambiamento</b> climatico e la protezione della <b>biodiversità</b>.
RootingForNature vuole contrastare i tredici milioni di ettari di foreste vanno perse ogni
anno e il persistente deterioramento dei terreni ha portato alla desertificazione di 3,6
miliardi di ettari.
</p>
</div>
</div>
</div>
<!-- mobile version -->
<div class="container d-lg-none">
<div class="row align-items-center py-4">
<div class="col text-center section-w">
<span class="home-w-titles">WHAT?</span>
</div>
<div class="col">
<p>Prodotti all'avanguardia per il miglioramento dell'ecosistema terrestre.</p>
</div>
</div>
<div class="row align-items-center py-4">
<div class="col text-center section-w">
<span class="home-w-titles">HOW?</span>
</div>
<div class="col">
<p>Con droni adibiti alla piantagione di alberi e all'impollinazione.</p>
</div>
</div>
<div class="row align-items-center py-4">
<div class="col text-center section-w">
<span class="home-w-titles">WHERE?</span>
</div>
<div class="col">
<p>Servizi acquistabili online per il settore agricolo o di aree verdi.</p>
</div>
</div>
<div class="row align-items-center py-4">
<div class="col text-center section-w">
<span class="home-w-titles">WHEN?</span>
</div>
<div class="col">
<p>Entro il 2030 riusciremo ad avere un impatto sugli obiettivi prefissati.</p>
</div>
</div>
<div class="row align-items-center py-4">
<div class="col text-center section-w">
<span class="home-w-titles">WHY?</span>
</div>
<div class="col">
<p>Lotta al cambiamento climatico e protezione della biodiversità.</p>
</div>
</div>
</div>
</section>
<div class="divHiveImg d-none d-lg-block">
<div class="hiveRight">
<img src="img/hive-dx.png" alt="icona di alverare" />
</div>
</div>
<!-- MISSION -->
<!-- desktop version -->
<section class="section-lg-bg">
<div class="container-fluid d-none d-lg-flex light-green-bg justify-content-center">
<div class="row col-8">
<div class="col">
<img src="img/home-misison.jpg" alt="immagine con semi" class="home-section-images" />
</div>
<div class="col">
<div class="d-flex justify-content-start">
<span class="leaf-title"> <img src="img/leaf-vector.png" alt="icona di foglia" /></span>
<h2 class="secondary-color">MISSION</h2>
</div>
<p>RootingForNature persegue un chiaro <b>obiettivo</b>: combattere il cambiamento climatico e
la perdita di biodiversità combinando la tecnologia dei droni e l'intelligenza
artificiale con le attuali esigenze del nostro pianeta. Il nostro fine primario è
quello di creare una <b>realtà ecosostenibile</b> e accessibile a chiunque voglia
accompagnarci in questo viaggio, per virare verso un miglioramento delle risorse sfruttando
tecnologie all'avanguardia.</p>
<a href="1_mission.html" class="btn btn-primary">Scopri di più</a>
</div>
</div>
</div>
<!-- mobile version -->
<div class="container-fluid d-lg-none light-green-bg">
<div class="row px-3">
<div class="text-center">
<h2 class="secondary-color">MISSION</h2>
<img src="img/home-mission-icon.svg" alt="icona della missione"
class="home-section-icon-height" />
<p>Il nostro fine è quello di creare una <b>realtà ecosostenibile</b> e
accessibile a chiunque voglia accompagnarci in questo viaggio con tecnologie
all'avanguardia.</p>
<a href="1_mission.html" class="btn btn-primary">Scopri di più</a>
</div>
</div>
</div>
</section>
<div class="divHiveImg d-none d-lg-block">
<div class="hiveLeft">
<img src="img/hive-sx.png" alt="icona di alveare" />
</div>
</div>
<!-- PRODUCT -->
<!-- desktop version -->
<section>
<div class="container-fluid d-none d-lg-flex justify-content-center">
<div class="row col-8">
<div class="col">
<div class="d-flex justify-content-start">
<span class="leaf-title"> <img src="img/leaf-vector.png" alt="icona di foglia" /></span>
<h2 class="secondary-color">PRODOTTI</h2>
</div>
<p>I nostri prodotti comprendono due droni:
<b>RFN-01</b> è stato pensato per l'automatizzazione della piantagione di
alberi. Le aree verdi sono sempre più a rischio e con l'aiuto di un supporto
tecnologico adeguato possiamo velocizzare il processo di riforestamento e ripiantagione.
<b>RFN-02</b> è invece adibito all'impollinazione, per dare un sostegno al
lavoro delle api che è una ricorsa preziosissima per la biodiversità e che al
giorno d'oggi è fortemente minacciato.
</p>
<a href="2_prodotti.html" class="btn btn-primary">Scopri di più</a>
</div>
<div class="col">
<img src="img/home-product.png" alt="immgine con semi" class="home-section-images" />
</div>
</div>
</div>
<!-- mobile version -->
<div class="container-fluid d-lg-none">
<div class="row px-3">
<div class="text-center">
<h2 class="secondary-color">PRODOTTI</h2>
<img src="img/home-product-icon.svg" alt="icona della missione" class="drone-home-img" />
<p>I nostri prodotti comprendono due droni: <b>RFN01</b> per la piantagione automatizzata di
alberi, e <b>RFN02</b> per l'impollinazione e sostegno alle api.</p>
<a href="2_prodotti.html" class="btn btn-primary">Scopri di più</a>
</div>
</div>
</div>
</section>
<div class="divHiveImg d-none d-lg-block">
<div class="hiveRight">
<img src="img/hive-dx.png" alt="icona di alveare" />
</div>
</div>
<!-- ABOUT -->
<!-- desktop version -->
<section class="section-lg-bg">
<div class="container-fluid d-none d-lg-flex light-green-bg justify-content-center">
<div class="row col-8">
<div class="col">
<img src="img/home-about.jpg" alt="immagine sezione about" class="home-section-images" />
</div>
<div class="col">
<div class="d-flex justify-content-start">
<span class="leaf-title"> <img src="img/leaf-vector.png" alt="icona di foglia" /></span>
<h2 class="secondary-color">ABOUT</h2>
</div>
<p>Il nostro team si compone di persone fortemente motivate a fare la differenza ed i nostri
<b>valori</b> sono il motore di ciò che vogliamo creare. Pochi ma chiari principi:
<b>rispetto, innovazione e collaborazione</b>. Crediamo fermamente che la sinergia tra
questi tre aspetti sia fondamentale per generare un cambiamento, e siamo pronti a cooperare
con chiunque condivida con noi questi valori.
</p>
<a href="3_about.html" class="btn btn-primary">Scopri di più</a>
</div>
</div>
</div>
<!-- mobile version -->
<div class="container-fluid d-lg-none light-green-bg">
<div class="row px-3">
<div class="text-center">
<h2 class="secondary-color">ABOUT</h2>
<img src="img/home-about-icon.svg" alt="icona seziona about" class="home-section-icon-height" />
<p>I nostri <b>valori</b> sono il motore di ciò che vogliamo creare. Abbiamo pochi ma
chiari principi: <b>rispetto, innovazione e collaborazione</b>.</p>
<a href="3_about.html" class="btn btn-primary">Scopri di più</a>
</div>
</div>
</div>
</section>
<div class="divHiveImg d-none d-lg-block">
<div class="hiveLeft">
<img src="img/hive-sx.png" alt="icona di alveare" />
</div>
</div>
<!-- BLOG -->
<!-- desktop version -->
<section>
<div class="container-fluid d-none d-lg-flex justify-content-center">
<div class="row col-8">
<div class="col">
<div class="d-flex justify-content-start">
<span class="leaf-title"> <img src="img/leaf-vector.png" alt="icona di foglia" /></span>
<h2 class="secondary-color">BLOG</h2>
</div>
<p>L'<b>informazione</b> è alla base del percorso verso un cambiamento più
ecosostenibile, ma spesso si tende a sottovalutare questo aspetto. Il nostro progetto tiene
molto a diffondere <b>notizie</b> e conoscenze inerenti al cambiamento climatico che stiamo
subendo, in modo da fornire alla persone gli ultimi aggiornamenti inerenti all'impatto
ambientale e alle nuove tecnologie sviluppate per migliorare la situazione del nostro
pianeta.</p>
<a href="4_blog.html" class="btn btn-primary">Scopri di più</a>
</div>
<div class="col">
<img src="img/home-blog.jpg" alt="immagine sezione blog" class="home-section-images" />
</div>
</div>
</div>
<!-- mobile version -->
<div class="container-fluid d-lg-none">
<div class="row px-3">
<div class="text-center">
<h2 class="secondary-color">BLOG</h2>
<img src="img/home-blog-icon.svg" alt="icona sezione blog" class="home-section-icon-width" />
<p>Il nostro progetto tiene molto a diffondere <b>notizie</b> e conoscenze inerenti al
cambiamento climatico che stiamo subendo.</p>
<a href="4_blog.html" class="btn btn-primary">Scopri di più</a>
</div>
</div>
</div>
</section>
<div class="divHiveImg d-none d-lg-block">
<div class="hiveRight">
<img src="img/hive-dx.png" alt="icona di alveare" />
</div>
</div>
<!-- DICONO -->
<!-- desktop version -->
<section class="section-lg-bg">
<div class="container-fluid d-none d-lg-flex light-green-bg justify-content-center">
<div class="row col-8">
<div class="col">
<img src="img/home-dicono.jpg" alt="immagine sezione dicono di noi"
class="home-section-images" />
</div>
<div class="col">
<div class="d-flex justify-content-start">
<span class="leaf-title"> <img src="img/leaf-vector.png" alt="icona di foglia" /></span>
<h2 class="secondary-color">DICONO DI NOI</h2>
</div>
<p>La realtà di RootingForNature è relativamente nuova, ma già in molti
parlano di noi. Ogni nostro cliente sa che teniamo molto alla sua completa soddisfazione,
perciò raccogliamo periodicamente delle <b>recensioni</b> spontanee o su richiesta
per controllare che i nostri servizi e prodotti funzionino per il meglio. Crediamo che un
<b>feedback onesto</b> sia fondmentale per dirigerci verso il cambiamento a cui ambiamo.
</p>
<a href="5_dicono-di-noi.html" class="btn btn-primary">Scopri di più</a>
</div>
</div>
</div>
<!-- mobile version -->
<div class="container-fluid d-lg-none light-green-bg">
<div class="row px-3">
<div class="text-center">
<h2 class="secondary-color">DICONO DI NOI</h2>
<img src="img/home-dicono-icon.svg" alt="icona sezione dicono di noi"
class="home-section-icon-height" />
<p>Crediamo che un <b>feedback onesto</b> e <b>recensioni spontanee</b> siano fondmentali per
dirigerci verso il cambiamento a cui ambiamo.</p>
<a href="5_dicono-di-noi.html" class="btn btn-primary">Scopri di più</a>
</div>
</div>
</div>
</section>
<!-- CONTATTACI -->
<!-- desktop version -->
<section class="section-lg-bg">
<div class="container-fluid d-none d-lg-flex light-bg justify-content-center">
<div class="row col-8">
<div class="col">
<img src="img/contact-img.png" alt="contact us" class="home-section-images" />
</div>
<div class="col align-self-center">
<div class="d-flex justify-content-start">
<h2 class="secondary-color">CONTATTACI</h2>
</div>
<p><b>Sei interessatə ai nostri servizi?</b><br>
Contattaci direttamente compilando l'apposito form per ottenere un preventivo. Il
nostro team è pronto a guidarti in un percorso verso la nostra realtà
ecosostenibile, caratterizzata dalle tecnologie più all'avanguardia pensate apposta per
te o per la tua azienda.
Che aspetti? Il cambiamento è dietro l'angolo!</p>
<a href="3_about.html" class="btn btn-primary">Ottieni un preventivo</a>
</div>
</div>
</div>
<!-- mobile version -->
<div class="container-fluid d-lg-none light-bg">
<div class="row px-3">
<div class="text-center">
<h2>CONTATTACI</h2>
<img src="img/contact-icon.svg" alt="icona sezione contattaci"
class="home-section-icon-height" />
<p><b>Sei interessatə ai nostri servizi?</b><br>
Contattaci direttamente compilando l'apposito form per ottenere un preventivo.</p>
<a href="3_about.html" class="btn btn-primary">Ottieni un preventivo</a>
</div>
</div>
</div>
</section>
<footer id="footer">
</footer>
<!-- <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script> -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/header-footer.js"></script>
<script src="js/animations.js"></script>
</body>
</html>