-
Notifications
You must be signed in to change notification settings - Fork 0
/
4_blog.html
296 lines (275 loc) · 15.1 KB
/
4_blog.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
<!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">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/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>Blog - Rooting For Nature</title>
</head>
<body>
<nav id="menu" class="navbar navbar-expand-lg sticky-top">
</nav>
<div class="container-fluid">
<div class="container">
<div class="col header-blog">
<div class="row">
<h1 class="secondary-color">Blog</h1>
</div>
</div>
</div>
</div>
<div class="divHiveImg d-none d-md-block">
<div class="hiveLeft">
<img src="img-blog/hive-sx.png" alt="icona di alverare">
</div>
</div>
<!-- nuovo carosello -->
<div class="container">
<div class="card-carousel slider">
<div class="card">
<div class="card-title">
<h4>Impollinazione</h4>
</div>
<div class="card-img"><img class="card-img-top" src="img/img-article1.png"
alt="Ape posata su un fiore"></div>
<div class="card-body">
<p class="card-text">L'impollinazione è un processo fondamentale per la riproduzione
delle
piante ed è quindi, la ragione di sopravvivenza stessa di molte specie sulla Terra.
</p>
<div class="cta-card">
<a href="6_articolo-impollinazione.html" class="btn btn-primary">leggi di più</a>
</div>
</div>
</div>
<div class="card">
<div class="card-title">
<h4>Eima 2022</h4>
</div>
<div class="card-img"><img class="card-img-top" src="img/img-article2.png"
alt="Immagine di un campo arato"></div>
<div class="card-body">
<p class="card-text">Esposizione Internazionale di Macchineper per l'Agricoltura e il
Giardinaggio 9-11 Novembre.</p>
<div class="cta-card"><a href="6_articolo-eima.html" class="btn btn-primary">leggi di
più</a>
</div>
</div>
</div>
<div class="card">
<div class="card-title">
<h4>Agricoltura 4.0</h4>
</div>
<div class="card-img"><img class="card-img-top" src="img/img-article3.png"
alt="immagine di un trattore in una vigna"></div>
<div class="card-body">
<p class="card-text">Le tecnologie della quarta rivoluzione industriale approdano anche
nell'agricoltura sottoforma di “upgrade” della “precision farming”.</p>
<div class="cta-card"><a href="6_articolo-agricoltura.html" class="btn btn-primary">leggi di
più</a></div>
</div>
</div>
<div class="card">
<div class="card-title">
<h4>Agroforestazione</h4>
</div>
<div class="card-img"><img class="card-img-top" src="img-blog/articolocard4.jpg"
alt="immagine di una foglia"></div>
<div class="card-body">
<p class="card-text">Il mondo si affaccia a nuove frontiere di agricoltura dinamica.
Un'opportunità di guadagno per i produttori ma anche un'occasione per
ridurre il nostro
impatto sociale e ambientale.</p>
<div class="cta-card">
<a href="#" class="btn btn-primary">leggi di più</a>
</div>
</div>
</div>
<div class="card">
<div class="card-title">
<h4>Wood wide web</h4>
</div>
<div class="card-img"><img class="card-img-top" src="img-blog/articolocard5.jpg"
alt="immagine di un albero"></div>
<div class="card-body">
<p class="card-text">Gli alberi sembrano esseri solitari. Ma la terra sotto i nostri piedi dice
un'altra cosa.
Gli alberi parlano in segreto e fanno scambi. Utilizzano una rete di funghi che crescono
dentro e intorno alle loro radici.</p>
<div class="cta-card"><a href="#" class="btn btn-primary">leggi di più</a></div>
</div>
</div>
<div class="card">
<div class="card-title">
<h4>Orteat</h4>
</div>
<div class="card-img"><img class="card-img-top" src="img-blog/articolocard6.jpg"
alt="immagine di fronde degli alberi"></div>
<div class="card-body">
<p class="card-text">Nato in Calabria un progetto sulla produzione di avocado Bio che punta
tutto su un brand regionale che si chiama 'Calabria Avocado'. Ruota intorno
all'omonima
cooperativa nata nei primi mesi del 2021</p>
<div class="cta-card"><a href="#" class="btn btn-primary">leggi di più</a></div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="container">
<div class="row">
<div class="col header-blog">
<img src="img-blog/fogliolina.svg" class="my-4" alt="icona fogliolina">
</div>
</div>
<div class="row">
<div class="col header-blog">
<h2 class="secondary-color">Articoli</h2>
</div>
</div>
</div>
</div>
<div class="container-fluid light py-5">
<div class="container">
<div class="row justify-content-evenly align-items-center">
<div class="col-md-5">
<div class="img-article1">
<img src="img-blog/articolo1.jpg" class="img-fluid" alt="immagine fiori gialli">
</div>
</div>
<div class="col-md-4">
<div class="title-article1">
<p class="pretitle bs-custom-primary text-uppercase">Natura e tecnologia</p>
<h3 class="secondary-color">Impollinazione</h3>
</div>
<div class="text-article">
<p class="bs-light-body-color"> Il meccanismo riproduttivo delle piante si regge su un
delicato meccanismo che coinvolge molteplici agenti come quelli atmosferici e grazie
all'aiuto di piccoli mammiferi ma soprattutto in virtù
dell'instancabile lavoro degli
insetti impollinatori le piante continuano a riprodursi. </p>
<a href="6_articolo-impollinazione.html" class="btn btn-primary">leggi di più</a>
</div>
</div>
</div>
</div>
</div>
<div class="divHiveImg d-none d-md-block">
<div class="hiveRight">
<img src="img-blog/hive-dx.png" alt="icona di alverare">
</div>
</div>
<div class="container-fluid dark py-5">
<div class="container">
<div class="row justify-content-evenly align-items-center second-article">
<div class="col-md-4">
<p class="pretitle bs-custom-primary text-uppercase">Tecnologie agricole</p>
<h3 class="secondary-color">Agricoltura 4.0</h3>
<p class="bs-light-body-color"> L'evoluzione tecnologica è un processo graduale in
tutte le aree
di attività produttive e servizi. Non fa eccezione il settore agricolo, fondamentale
per il
sostentamento dell'essere umano, dove si è arrivati a coniare il termine
“agricoltura 4.0”
che mira all'efficienza e la sostenibilità del processo produttivo. </p>
<a href="6_articolo-agricoltura.html" class="btn btn-primary">leggi di più</a>
</div>
<div class="col-md-5">
<div class="img-article">
<img src="img-blog/articolo2.jpg" class="img-fluid" alt="Immagine di un Drone">
</div>
</div>
</div>
</div>
</div>
<div class="divHiveImg d-none d-md-block">
<div class="hiveLeft">
<img src="img-blog/hive-sx.png" alt="icona di alverare">
</div>
</div>
<div class="container-fluid light py-5">
<div class="container">
<div class="row justify-content-evenly align-items-center">
<div class="col-md-5">
<div class="img-article1">
<img src="img-blog/articolo3.jpg" class="img-fluid" alt="immagine di un campo arato">
</div>
</div>
<div class="col-md-4">
<div class="title-article1">
<p class="pretitle bs-custom-primary text-uppercase">Natura e tecnologia</p>
<h3 class="secondary-color">EIMA 2022</h3>
</div>
<div class="text-article">
<p class="bs-light-body-color">EIMA International è l'Esposizione Internazionale
di Macchine
per l'Agricoltura e il Giardinaggio, rassegna a cadenza biennale promossa dal 1969
da
FederUnacoma. Alla rassegna bolognese questo anno saranno presenti 1.500 case
costruttrici.</p>
<a href="6_articolo-eima.html" class="btn btn-primary">leggi di più</a>
</div>
</div>
</div>
</div>
</div>
<!-- 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/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 type="text/javascript"></script>
<script src="js/header-footer.js"></script>
<script src="js/slick.js"></script>
</body>
</html>