-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path5_dicono-di-noi.html
More file actions
377 lines (342 loc) · 21.2 KB
/
Copy path5_dicono-di-noi.html
File metadata and controls
377 lines (342 loc) · 21.2 KB
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
<!DOCTYPE html>
<html lang="it" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<!-- collegamenti x carosello -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css"
integrity="sha512-17EgCFERpgZKcm0j0fEq1YCJuyAWdz9KUtv1EjVuaOz8pDnh/0nZxmU6BBXwaaxqoi9PQXnRWqlcDB027hgv9A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css"
integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx8pxJ6z57x0dw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Dicono di noi - Rooting For Nature</title>
</head>
<body>
<!-- Header -->
<div class="divHiveImg d-none d-md-block">
<div class="hiveLeft">
<img src="img/hive-sx.png" alt="icona di alverare" />
</div>
</div>
<nav id="menu" class="navbar navbar-expand-lg">
</nav>
<!-- Intro-->
<div class="row intro-cover justify-content-center">
<div class="col-md-8 d-flex flex-column justify-content-center align-items-center h-100 intro-diconodinoi">
<h1 class="secondary-color mb-3 text-center">DICONO DI NOI</h1>
<p class="mb-3 text-center hero-text d-none d-md-block">Qui troverete recensioni e feedback dei nostri
clienti.
Per noi questa pagina è l'occasione per imparare direttamente da voi come migliorare i
nostri
prodotti!</p>
<p class="mb-3 text-center d-md-none">Sezione con recensioni e feedback dei nostri clienti. Siamo molto
interessati all'opinione di chi si è affidato a noi e ci ha scelti!</p>
</div>
</div>
<div class="divHiveImg d-none d-md-block">
<div class="hiveRight">
<img src="img/hive-dx.png" alt="icona di alverare" />
</div>
</div>
<!-- Recensione Clienti Carosello -->
<div class="container p-5 justify-content-center">
<div class="class-title py-5">
<h2 class="secondary-color text-center">Recensioni clienti</h2>
</div>
<div class="card-carousel slider">
<!-- Recensione 1 -->
<div class="card">
<div class="card_images">
<img src="img/diconodinoi_Avatar_1.png" class="avatar" alt="recensione 1">
<svg width="180" height="36" viewBox="0 0 180 36" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M23.825 28L25.45 20.975L20 16.25L27.2 15.625L30 9L32.8 15.625L40 16.25L34.55 20.975L36.175 28L30 24.275L23.825 28Z"
fill="#F59927" />
<path
d="M53.825 28L55.45 20.975L50 16.25L57.2 15.625L60 9L62.8 15.625L70 16.25L64.55 20.975L66.175 28L60 24.275L53.825 28Z"
fill="#F59927" />
<path
d="M83.825 28L85.45 20.975L80 16.25L87.2 15.625L90 9L92.8 15.625L100 16.25L94.55 20.975L96.175 28L90 24.275L83.825 28Z"
fill="#F59927" />
<path
d="M113.825 28L115.45 20.975L110 16.25L117.2 15.625L120 9L122.8 15.625L130 16.25L124.55 20.975L126.175 28L120 24.275L113.825 28Z"
fill="#F59927" />
<path
d="M160 15.24L152.81 14.62L150 8L147.19 14.63L140 15.24L145.46 19.97L143.82 27L150 23.27L156.18 27L154.55 19.97L160 15.24ZM150 21.4L146.24 23.67L147.24 19.39L143.92 16.51L148.3 16.13L150 12.1L151.71 16.14L156.09 16.52L152.77 19.4L153.77 23.68L150 21.4Z"
fill="#F59927" />
</svg>
</div>
<div class="card_copy">
<h3 class="title_card">Prodotti fantastici</h3>
<p class="text_card">Grazie ai loro prodotti sono riuscito a velocizzare la semina dei campi e
ho massimizzato il raccolto. Mai più senza.</p>
</div>
</div>
<!-- Recensione 2 -->
<div class="card">
<div class="card_images">
<img class="avatar" src="img/diconodinoi_Avatar_2.png" alt="recensione 2">
<svg width="180" height="36" viewBox="0 0 180 36" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M23.825 28L25.45 20.975L20 16.25L27.2 15.625L30 9L32.8 15.625L40 16.25L34.55 20.975L36.175 28L30 24.275L23.825 28Z"
fill="#F59927" />
<path
d="M53.825 28L55.45 20.975L50 16.25L57.2 15.625L60 9L62.8 15.625L70 16.25L64.55 20.975L66.175 28L60 24.275L53.825 28Z"
fill="#F59927" />
<path
d="M83.825 28L85.45 20.975L80 16.25L87.2 15.625L90 9L92.8 15.625L100 16.25L94.55 20.975L96.175 28L90 24.275L83.825 28Z"
fill="#F59927" />
<path
d="M113.825 28L115.45 20.975L110 16.25L117.2 15.625L120 9L122.8 15.625L130 16.25L124.55 20.975L126.175 28L120 24.275L113.825 28Z"
fill="#F59927" />
<path
d="M160 15.24L152.81 14.62L150 8L147.19 14.63L140 15.24L145.46 19.97L143.82 27L150 23.27L156.18 27L154.55 19.97L160 15.24ZM150 21.4L146.24 23.67L147.24 19.39L143.92 16.51L148.3 16.13L150 12.1L151.71 16.14L156.09 16.52L152.77 19.4L153.77 23.68L150 21.4Z"
fill="#F59927" />
</svg>
</div>
<div class="card_copy">
<h3 class="title_card">Ottimo</h3>
<p class="text_card">Ho trovato le ragazze preparate e disponibili nel seguire il cliente
dall'inizio alla fine, consiglio fortemente i loro servizi.</p>
</div>
</div>
<!-- Recensione 3 -->
<div class="card">
<div class="card_images">
<img class="avatar" src="img/diconodinoi_Avatar_3.png" alt="recensione 3">
<svg width="180" height="36" viewBox="0 0 180 36" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M23.825 28L25.45 20.975L20 16.25L27.2 15.625L30 9L32.8 15.625L40 16.25L34.55 20.975L36.175 28L30 24.275L23.825 28Z"
fill="#F59927" />
<path
d="M53.825 28L55.45 20.975L50 16.25L57.2 15.625L60 9L62.8 15.625L70 16.25L64.55 20.975L66.175 28L60 24.275L53.825 28Z"
fill="#F59927" />
<path
d="M83.825 28L85.45 20.975L80 16.25L87.2 15.625L90 9L92.8 15.625L100 16.25L94.55 20.975L96.175 28L90 24.275L83.825 28Z"
fill="#F59927" />
<path
d="M113.825 28L115.45 20.975L110 16.25L117.2 15.625L120 9L122.8 15.625L130 16.25L124.55 20.975L126.175 28L120 24.275L113.825 28Z"
fill="#F59927" />
<path
d="M160 15.24L152.81 14.62L150 8L147.19 14.63L140 15.24L145.46 19.97L143.82 27L150 23.27L156.18 27L154.55 19.97L160 15.24ZM150 21.4L146.24 23.67L147.24 19.39L143.92 16.51L148.3 16.13L150 12.1L151.71 16.14L156.09 16.52L152.77 19.4L153.77 23.68L150 21.4Z"
fill="#F59927" />
</svg>
</div>
<div class="card_body">
<h3 class="title_card">Bene</h3>
<p class="text_card">Con i loro prodotti sono riuscito a stare dietro ai miei alberi da frutto
anche nel periodo meno indicato per l'impollinazione. Lo consiglio...</p>
</div>
</div>
<!-- Recensione 4 -->
<div class="card">
<div class="card_images">
<img class="avatar" src="img/diconodinoi_Avatar_6.png" alt="recensione 6">
<svg width="180" height="36" viewBox="0 0 180 36" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M23.825 28L25.45 20.975L20 16.25L27.2 15.625L30 9L32.8 15.625L40 16.25L34.55 20.975L36.175 28L30 24.275L23.825 28Z"
fill="#F59927" />
<path
d="M53.825 28L55.45 20.975L50 16.25L57.2 15.625L60 9L62.8 15.625L70 16.25L64.55 20.975L66.175 28L60 24.275L53.825 28Z"
fill="#F59927" />
<path
d="M83.825 28L85.45 20.975L80 16.25L87.2 15.625L90 9L92.8 15.625L100 16.25L94.55 20.975L96.175 28L90 24.275L83.825 28Z"
fill="#F59927" />
<path
d="M113.825 28L115.45 20.975L110 16.25L117.2 15.625L120 9L122.8 15.625L130 16.25L124.55 20.975L126.175 28L120 24.275L113.825 28Z"
fill="#F59927" />
<path
d="M160 15.24L152.81 14.62L150 8L147.19 14.63L140 15.24L145.46 19.97L143.82 27L150 23.27L156.18 27L154.55 19.97L160 15.24ZM150 21.4L146.24 23.67L147.24 19.39L143.92 16.51L148.3 16.13L150 12.1L151.71 16.14L156.09 16.52L152.77 19.4L153.77 23.68L150 21.4Z"
fill="#F59927" />
</svg>
</div>
<div class="card_body">
<h3 class="title_card">Eccezionale</h3>
<p class="text_card">Da un po' di tempo cercavo un prodotto innovativo e funzionale per la
semina di prodotti a km 0. Questa realtà è stata la mia soluzione!</p>
</div>
</div>
<!-- Recensione 5 -->
<div class="card">
<div class="card_images">
<img class="avatar" src="img/diconodinoi_Avatar_4.png" alt="recensione 4">
<svg width="180" height="36" viewBox="0 0 180 36" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M23.825 28L25.45 20.975L20 16.25L27.2 15.625L30 9L32.8 15.625L40 16.25L34.55 20.975L36.175 28L30 24.275L23.825 28Z"
fill="#F59927" />
<path
d="M53.825 28L55.45 20.975L50 16.25L57.2 15.625L60 9L62.8 15.625L70 16.25L64.55 20.975L66.175 28L60 24.275L53.825 28Z"
fill="#F59927" />
<path
d="M83.825 28L85.45 20.975L80 16.25L87.2 15.625L90 9L92.8 15.625L100 16.25L94.55 20.975L96.175 28L90 24.275L83.825 28Z"
fill="#F59927" />
<path
d="M113.825 28L115.45 20.975L110 16.25L117.2 15.625L120 9L122.8 15.625L130 16.25L124.55 20.975L126.175 28L120 24.275L113.825 28Z"
fill="#F59927" />
<path
d="M160 15.24L152.81 14.62L150 8L147.19 14.63L140 15.24L145.46 19.97L143.82 27L150 23.27L156.18 27L154.55 19.97L160 15.24ZM150 21.4L146.24 23.67L147.24 19.39L143.92 16.51L148.3 16.13L150 12.1L151.71 16.14L156.09 16.52L152.77 19.4L153.77 23.68L150 21.4Z"
fill="#F59927" />
</svg>
</div>
<div class="card_body">
<h3 class="title_card">Oltre le aspettative</h3>
<p class="text_card">Staff disponibile e preparato. I prodotti? Unici e innovativi. Adatto a
medie e grandi coltivazioni.</p>
</div>
</div>
</div>
</div>
<!-- Articoli che parlano di noi -->
<div class="container-fluid">
<div class="container">
<div class="row">
<h2 class="p-5 secondary-color text-center">ARTICOLI CHE PARLANO DI NOI</h2>
</div>
<div class="row">
</div>
</div>
</div>
<!-- Articolo 1-->
<div class="container-fluid light py-5 light-green-bg">
<div class="container">
<div class="row justify-content-evenly align-items-center">
<div class="col-md-5">
<div class="img-article1">
<img src="img/diconodinoi_1.png" class="img-fluid" alt="drone tra le colline">
</div>
</div>
<div class="col-md-4">
<div class="title-article1">
<p class="pretitle bs-custom-primary " style="color: #87B153">CORRIERE DELLA SERA</p>
<h3 class="secondary-color">Il lato tech dell'agricoltura</h3>
</div>
<div class="text-article">
<p class="bs-light-body-color"> Industria 4.0? No siamo in presenza dell'agricoltura
4.0, il
nuovo volto tecnologico dell'agricoltura. Qui vi parliamo dei prodotti di Rooting
For
Nature, ovvero i due droni destinati a impollinazione e piantumazione di semi. Grazie al
loro metodo vengono piantati 2 semi al secondo, con una velocità 25 volte
maggiore
rispetto ai metodi tradizionali e risparmiando quindi l'80% di tempo. [...] </p>
<button class="btn btn-primary mb-4">Scopri di più</button>
</div>
</div>
</div>
</div>
</div>
<div class="divHiveImg d-none d-md-block">
<div class="hiveRight">
<img src="img/hive-dx.png" alt="icona di alverare">
</div>
</div>
<!-- Articolo 2-->
<div class="container-fluid dark py-5">
<div class="container">
<div class="row justify-content-evenly align-items-center">
<div class="col-md-4">
<p class="pretitle bs-custom-primary" style="color: #87B153">AGRICOLUS</p>
<h3 class="secondary-color">Agricoltura smart: quando coltivare si fa semplice</h3>
<p class="bs-light-body-color"> Entra a far parte del progetto Agricoltura Smart l'azienda
Rooting For Nature, startup nata da poco ma già affermata come leader nel settore
agricolo.
I loro prodotti di punta sono droni ultra-innovativi che piantano e coltivano tecnologia
attualmente in crescita e che promette ottimi risultati nel futuro. </p>
<button class="btn btn-primary mb-4">Scopri di più</button>
</div>
<div class="col-md-5">
<div class="img-article">
<img src="img/diconodinoi_2.png" class="img-fluid" alt="drone prato verde">
</div>
</div>
</div>
</div>
</div>
<div class="divHiveImg d-none d-md-block">
<div class="hiveLeft">
<img src="img/hive-sx.png" alt="icona di alverare">
</div>
</div>
<!-- Articolo 3-->
<div class="container-fluid light py-5 light-green-bg">
<div class="container">
<div class="row justify-content-evenly align-items-center">
<div class="col-md-5">
<div class="img-article1">
<img src="img/diconodinoi_3.jpg" class="img-fluid" alt="spighe">
</div>
</div>
<div class="col-md-4">
<div class="title-article1">
<p class="pretitle bs-custom-primary" style="color: #87B153">AGRONOTIZIE</p>
<h3 class="secondary-color">La nuova agrimeccanica</h3>
</div>
<div class="text-article">
<p class="bs-light-body-color">Lo sviluppo tecnologico non conosce limiti nemmeno quello
della natura. C'è chi chiama la agricoltura 4.0, agricoltura hi-tech, ma una
cosa è
certa:
la nuova frontiera è semplificare il lavoro umano. È qui che entra in
gioco
Rooting For
Nature e i suoi droni, volti ad aiutare nella piantumazione e impollinazione. È
proprio
di piantumazione che vi vogliamo parlare infatti [....]</p>
<button class="btn btn-primary mb-4">Scopri di più</button>
</div>
</div>
</div>
</div>
</div>
<div class="divHiveImg d-none d-md-block">
<div class="hiveRight">
<img src="img/hive-dx.png" alt="icona di alverare">
</div>
</div>
<!-- Articolo 4-->
<div class="container-fluid dark py-5">
<div class="container">
<div class="row justify-content-evenly align-items-center">
<div class="col-md-4">
<p class="pretitle bs-custom-primary" style="color: #87B153">FUTUROPROSSIMO</p>
<h3 class="secondary-color">I droni RFN pianteranno 1 miliardo di alberi in soli 8 anni</h3>
<p class="bs-light-body-color"> Automatizzare il rimboschimento è una delle strade che
più
potrebbero portare sollievo al mondo sferzato dal cambiamento climatico. RootingForNature ha
piani ambiziosi, in proposito. Una combinazione di tecnologia, software e scienza ecologica
per superare i tradizionali sforzi di piantagione. [...]</p>
<button class="btn btn-primary mb-4">Scopri di più</button>
</div>
<div class="col-md-5">
<div class="img-article">
<img src="img/diconodinoi_4.png" class="img-fluid" alt="persone con i droni">
</div>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer id="footer">
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/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/3.6.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"
integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="js/slick.js"></script>
<script src="js/header-footer.js"></script>
</body>
</html>