-
Notifications
You must be signed in to change notification settings - Fork 3
/
index-login.html
338 lines (308 loc) · 17.8 KB
/
index-login.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>Beeautiful Nature</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<link href="css/news.css" rel="stylesheet" />
<link href="css/contact.css" rel="stylesheet" />
<link href="css/button-home.css" rel="stylesheet" />
<link href="css/responsiveness.css" rel="stylesheet" />
</head>
<body class="d-flex flex-column" style="overflow-x: hidden;">
<div class="container-fluid">
<!-- Responsive navbar-->
<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-white">
<div><a class="navbar-brand" href="#"><img src="assets/logo.png" style="width:200px;"></a></div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mx-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link active" aria-current="page" href="#">Home</a></li>
<li class="nav-item"><a class="nav-link" href="acquisireCompetenze/acquisireCompetenze.html">Training</a></li>
<li class="nav-item"><a class="nav-link" href="#news">News</a></li>
<li class="nav-item"><a class="nav-link" href="#about">About Us</a></li>
<li class="nav-item"><a class="nav-link" href="#contattaci">Contattaci</a></li>
<li class="nav-item mobile"><a class="nav-link" href="segnalazione/segnalazione-form.html">Segnalazione</a></li>
<li class="nav-item mobile"><a class="nav-link" href="monitoraggio/monitoraggio-form.html">Monitoraggio</a></li>
</ul>
</div>
<ul class="nav navbar-nav flex-row justify-content-md-end justify-content-start flex-nowrap">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" id="navbarDropdown" href="#" role="button"
data-bs-toggle="dropdown" aria-expanded="false"><i class="fa fa-user"></i></a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="segnalazione/leMieSegnalazioni.html">Le mie segnalazioni</a></li>
<li><a class="dropdown-item" href="monitoraggio/iMieiMonitoraggi.html">I miei monitoraggi</a></li>
<li><a class="dropdown-item" href="index.html">Logout</a></li>
</ul>
</li>
</ul>
</nav>
<!-- END Responsive navbar-->
<!-- Page content-->
<div class="img-banner">
<img class="img-fluid" src="assets/img-banner.png">
</div>
<div class="" style="max-width: 100%;">
<div class="row">
<div class="row" id="newsDiv">
<div class="col">
<figure>
<span>
<img class="img" src="assets/news1.jpg">
<figcaption id="news-button1">Scopri di più ></figcaption>
</span>
</figure>
</div>
<div class="col">
<figure>
<span>
<img class="img" src="assets/news2.jpg">
<figcaption id="news-button2">Scopri di più ></figcaption>
</span>
</figure>
</div>
<div class="col" id="desktop">
<div class="button-effect blue">
<a class="effect effect-1" href="segnalazione/segnalazione-form.html" title="Segnalazione">| SEGNALAZIONE</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="row" id="newsDiv2">
<div class="col">
<figure>
<span>
<img class="img" src="assets/news3.jpg">
<figcaption id="news-button3">Scopri di più ></figcaption>
</span>
</figure>
</div>
<div class="col" >
<figure>
<span>
<img class="img" src="assets/news4.jpg">
<figcaption id="news-button4">Scopri di più ></figcaption>
</span>
</figure>
</div>
<div class="col" id="desktop2">
<div class="button-effect">
<a class="effect effect-1" href="monitoraggio/monitoraggio-form.html" title="Monitoraggio">| MONITORAGGIO</a>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-5" id="about">
<h1>About Us</h1>
<p class="lead p-3">Attraverso questo progetto miriamo a garantire la preservazione della specie delle api che ricoprono un ruolo importantissimo per la salute della natura. Un terzo del cibo dipende dall’opera di impollinazione di queste piccole regine della biodiversità. Se le api sparissero, le conseguenze sulla produzione alimentare sarebbero devastanti.
L’iniziativa prevede la partecipazione e il coinvolgimento dei cittadini nello studio, nella gestione e nella conservazione della biodiversità, creando un’attiva collaborazione tra i cittadini e la comunità scientifica.</p>
</div>
<div class="row">
<!-- Section: Team -->
<section class="team-section text-center my-5">
<!-- Grid row -->
<div class="row">
<!-- Grid column -->
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5 p-1 member-circle">
<div class="avatar mx-auto">
<img src="assets/Maiorino.png" class="rounded-circle z-depth-1" alt="Ciro Maiorino">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Ciro Maiorino</h5>
<p class="text-uppercase blue-text"><strong>Manager del Gruppo</strong></p>
<!-- Github -->
<a href="https://github.com/Tekhorror" class="p-2 fa-lg ins-ic" target="_blank"
rel="noopener noreferrer">
<i class="fa fa-github fa-lg color-giallo"> </i>
</a>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5 p-1 member-circle">
<div class="avatar mx-auto">
<img src="assets/Casolaro.png" class="rounded-circle z-depth-1" alt="Casolaro">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Alessio Casolaro</h5>
<p class="text-uppercase blue-text"><strong>Manager della Documentazione</strong></p>
<!-- Github -->
<a href="https://github.com/AlessioCasolaro" class="p-2 fa-lg ins-ic" target="_blank"
rel="noopener noreferrer">
<i class="fa fa-github fa-lg color-giallo"> </i>
</a>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5 p-1 member-circle">
<div class="avatar mx-auto">
<img src="assets/Triggiani.png" class="rounded-circle z-depth-1" alt="Giulio Triggiani">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Giulio Triggiani</h5>
<p class="text-uppercase blue-text"><strong>Manager della Valutazione</strong></p>
<!-- Github -->
<a href="https://github.com/rayleighRe1" class="p-2 fa-lg ins-ic" target="_blank"
rel="noopener noreferrer">
<i class="fa fa-github fa-lg color-giallo"> </i>
</a>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5 p-1 member-circle">
<div class="avatar mx-auto">
<img src="assets/Davino.png" class="rounded-circle z-depth-1" alt="Giuseppe D'Avino">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Giuseppe D'Avino</h5>
<p class="text-uppercase blue-text"><strong>Manager del Progetto</strong></p>
<!-- Github -->
<a href="https://github.com/onemanonearmy" class="p-2 fa-lg ins-ic" target="_blank"
rel="noopener noreferrer">
<i class="fa fa-github fa-lg color-giallo"> </i>
</a>
</div>
<!-- Grid column -->
</div>
</section>
</div>
<!-- Contact Section-->
<div id="contattaci">
<div class="form">
<div class="contact-info">
<h3 class="title">Informazioni di contatto</h3>
<p class="text"> Contattaci ai seguenti indirizzi, oppure compila il form. </p>
<div class="info">
<div class="social-information"> <i class="fa fa-map-marker"></i>
<p>San Giuseppe Vesuviano, NA</p>
</div>
<div class="social-information"> <i class="fa fa-envelope-o"></i>
<p>info@Beeautiful-Nature.it</p>
</div>
<div class="social-information"> <i class="fa fa-mobile-phone"></i>
<p>+39 33122221441</p>
</div>
</div>
<div class="social-media">
<p>I nostri social:</p>
<div class="social-icons"> <a href="#"> <i class="fa fa-facebook-f"></i> </a> <a href="#"> <i
class="fa fa-twitter"></i> </a> <a href="#"> <i class="fa fa-instagram"></i> </a> <a
href="https://github.com/AlessioCasolaro/Beeautiful-Nature"> <i
class="fa fa-github"></i>
</a> </div>
</div>
</div>
<div class="contact-info-form"> <span class="circle one"></span> <span class="circle two"></span>
<form action="#" onclick="return false;" autocomplete="off">
<h3 class="title">Contattaci</h3>
<div class="social-input-containers"> <input type="text" name="name" class="input"
placeholder="Nome" /> </div>
<div class="social-input-containers"> <input type="email" name="email" class="input"
placeholder="Email" /> </div>
<div class="social-input-containers"> <input type="tel" name="phone" class="input"
placeholder="Telefono" /> </div>
<div class="social-input-containers textarea"> <textarea name="message" class="input"
placeholder="Messaggio"></textarea> </div> <input type="submit" value="Invia"
class="btn btn-form" />
</form>
</div>
</div>
</div>
<!-- Contact Section -->
<!-- The Modal -->
<div id="modalNews1" class="modal-news">
<!-- Modal content -->
<div class="modal-news-content">
<div class="modal-news-header">
<span class="close" id="close1">×</span>
<h2>Sos degli apicoltori:</h2>
</div>
<div class="modal-news-body">
<img class="img-fluid news-img" src="assets/news1.jpg">
<p class="pt-5">I messaggi che arrivano dal mondo degli apicoltori sono drammatici sos. Colpa di una
nuova
stagione fallimentare su cui ha pesato un quadro climatico avverso, caratterizzato negli ultimi
mesi da piogge e freddo che stanno mettendo a rischio gli allevamenti.</p>
</div>
</div>
</div>
<!-- The Modal -->
<div id="modalNews2" class="modal-news">
<!-- Modal content -->
<div class="modal-news-content">
<div class="modal-news-header">
<span class="close" id="close2">×</span>
<h2>Adottare un'arnia per salvaguardare le api:</h2>
</div>
<div class="modal-news-body">
<img class="img-fluid news-img" src="assets/news2.jpg">
<p class="pt-5">L'iniziativa per salvaguardare le api: all'azienda agricola Colle San Biagio di
Levico Terme si può donare per contribuire alla gestione di un'arnia, tutelando così l'insetto
che sta alla base dell'intero ecosistema e della piramide della sopravvivenza. “Adotta un'arnia”
il nome del progetto, proposto dalla società agricola che dal 2016 gestisce otto ettari di
terreni sopra il lago di Levico.</p>
</div>
</div>
</div>
<!-- The Modal -->
<div id="modalNews3" class="modal-news">
<!-- Modal content -->
<div class="modal-news-content">
<div class="modal-news-header">
<span class="close" id="close3">×</span>
<h2>Adottare un'arnia per salvaguardare le api:</h2>
</div>
<div class="modal-news-body">
<img class="img-fluid news-img" src="assets/news3.jpg">
<p class="pt-5">Il 20 Maggio di ogni anno ricorre la Giornata Mondiale delle Api, istituita dalle
Nazioni Unite nel Dicembre 2017 su proposta dell’ambasciata della Repubblica di Slovenia presso
la FAO.</p>
</div>
</div>
</div>
<!-- The Modal -->
<div id="modalNews4" class="modal-news">
<!-- Modal content -->
<div class="modal-news-content">
<div class="modal-news-header">
<span class="close" id="close4">×</span>
<h2>Adottare un'arnia per salvaguardare le api:</h2>
</div>
<div class="modal-news-body">
<img class="img-fluid news-img" src="assets/news4.jpg">
<p class="pt-5">“Non si può più perdere tempo! Tutte le istituzioni devono intervenire – dice Marano
– . Le api sono fondamentali per l‘ecosistema e la biodiversità. I dati sono allarmanti, negli
ultimi anni sono morte milioni e milioni di api. In generale, una singola ape visita in media
circa 7.000 fiori al giorno e ci vogliono 4 milioni di visite floreali per produrre un
chilogrammo di miele. Dalle api dipende l’84% della impollinazione delle piante con fiore ed i
tre quarti delle colture fondamentali per la nostra alimentazione. E’ impensabile che in una
terra agricola come la Sicilia non vi siano state determinazioni a tutela del settore che conta
ben 800 piccole e medie imprese nell’apicoltura con 126 mila arnie dichiarate, seconda solamente
al Piemonte come numero di aziende, arnie e miele prodotto. Per non dimenticare che l’apicoltura
siciliana è al primo posto, con ampio distacco dalle altre realtà nazionali, per quantità di
sciami forniti per l’impollinazione nelle serre”.</p>
</div>
</div>
</div>
</div>
<!-- Footer content-->
<footer class="mt-auto">
<div class="text-center p-3" style="background-color: black">
<p class="text-white">Made with ❤ by Alessio Casolaro, Giuseppe D'Avino, Ciro Maiorino, Giulio Triggiani
</p>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
<!-- Modal News JS-->
<script src="js/news.js"></script>
<!-- Fontawesome Core JS-->
<script src="https://kit.fontawesome.com/eac798224e.js" crossorigin="anonymous"></script>
</body>
</html>