-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
256 lines (208 loc) · 11.5 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
<!doctype html>
<html>
<head>
<title>Ero Forestiero | Landing Page</title>
<meta name="description" content="Ero Forestiero è un’associazione senza scopo di lucro, apartitica e
apolitica che svolge attività formative a favore dell’integrazione sociale delle persone di origine non italiana
presenti sul territorio di Vigevano, ponendo particolare attenzione alla tutela della loro identità culturale e religiosa.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="https://i.imgur.com/sRcWZR7.png" />
<meta property="og:title" content="Ero Forestiero — Imparare l'italiano si può ed è anche gratis!" />
<meta property="og:description" content="Ero Forestiero è un’associazione senza scopo di lucro, apartitica e
apolitica che svolge attività formative a favore dell’integrazione sociale delle persone di origine non italiana
presenti sul territorio di Vigevano, ponendo particolare attenzione alla tutela della loro identità culturale e religiosa." />
<link rel="icon" type="image/png" sizes="96x96" href="images/favicon-96x96.png">
<link rel="stylesheet" href="./style.css"> <!-- Link to css file -->
</head>
<body>
<!-- Navbar -->
<header class="website-header">
<div class="donate-div">
<a href="">Sostienici</a>
</div>
<a href=""> <img src="https://www.countryflagicons.com/FLAT/64/GB.png" alt="English flag"> </a>
<div class="header-navbar noselect">
<span class="page-logo">Ero <span class="page-logo black-logo">Forestiero</span> </span>
<a href="mailto:eroforestieroodv@gmail.com" class="button green-outline_button">Contattaci</a>
</div>
</header>
<!-- End Navbar-->
<!-- Intro Section -->
<section id="intro" class="intro">
<div class="right-image">
<div class="content-div">
<h1 class="intro-title">
Imparare l'italiano si può ed è anche
<span style="font-family: 'NeuzeitGroteskCondW01-Black';">gratis</span>!
</h1>
<div class="intro-link_container">
<a href="#" class="button green-filled_button">Inizia ad imparare</a>
<a href="#learning-path" class="inline-link">Scopri l'offerta formativa</a>
</div>
</div>
<img src="./images/eroforestiero-logo.png" alt="Ero Forestiero logo" class="noselect" />
</div>
</section>
<!-- End Intro Section -->
<!-- About Section -->
<section id="about" class="about">
<h1 class="regular-title">Cos'è Ero Forestiero?</h1>
<div class="right-image">
<div class="content-div">
<p>
Ero Forestiero è un’associazione senza scopo di lucro, apartitica e apolitica che svolge attività formative a
favore dell’integrazione sociale delle persone di origine non italiana presenti sul territorio di Vigevano, ponendo
particolare attenzione alla tutela della loro identità culturale e religiosa.
</p>
<br>
<p>
Inoltre, si impegna a promuovere percorsi di utilità sociale e diffusione di informazioni
per il positivo inserimento degli stranieri sul territorio,
con riferimento a tutto ciò che riguarda i loro diritti e doveri
e le opportunità offerte dalle istituzioni o altri enti.
</p>
<br>
<p>
L’attività è caratterizzata da una logica formativa e non assistenziale. Ogni attività è svolta fondandosi
sul principio dell’accoglienza e partendo dalla persona, che non è mai vista come semplice utente di un servizio
bensì come depositaria di un insieme di valori e umanità meritevoli di attenzioni particolari e adattate quasi ad persona.
</p>
</div>
<img src="./images/teacher-image.png" alt="teacher image" class="noselect" />
</div>
</section>
<!-- End About Section -->
<!-- Learning path Section -->
<section id="learning-path" class="learning-path">
<h1 class="black-title short-title">Offerta formativa</h1>
<div class="external-card-container">
<h2>I nostri corsi</h2>
<div class="large-card_container">
<div class="large-card">
<div> <img src="images/base_course-image.png" alt="Immagine corso base" class="noselect"> </div>
<h3>Base</h3>
<p>
Iniziale alfabetizzazione di base con insegnamento della lettura e scrittura in italiano, ma anche rudimentali basi di verbi e vocaboli
</p>
</div>
<div class="large-card">
<div> <img src="images/middle_course-image.png" alt="Immagine corso intermedio" class="noselect"> </div>
<h3>Intermedio</h3>
<p>
E’ diviso in due fasi, a seconda dell’approfondimento grammaticale
</p>
</div>
<div class="large-card">
<div> <img src="images/advanced_course-image.png" alt="Immagine corso avanzato" class="noselect"> </div>
<h3>Avanzato</h3>
<p>
Viene lasciato più spazio alla competenza attiva
</p>
</div>
</div>
</div>
</section>
<!-- End Learning path Section -->
<!-- Testimonials Section -->
<section id="testimonials" class="testimonials">
<h1 class="black-title short-title">Alcune testimonianze</h1>
<div class="small-card_container">
<div class="small-card">
<div> <img src="images/person.svg" alt="Immagine primo studente" class="noselect"> </div>
<h3>Radi</h3>
<p>
“Ho iniziato a studiare l'italiano in questa scuola dal 2009, frequentando il corso base, poi l'intermedio e poi l’avanzato.
Dopo tre anni, con l'aiuto degli insegnanti che sono diventati i miei migliori amici, ho iniziato ad aiutarli durante i corsi. ”
</p>
</div>
<div class="small-card">
<div> <img src="images/person.svg" alt="Immagine secondo studente" class="noselect"> </div>
<h3>Benedetto</h3>
<p>
“Ero disperato e non sapevo ciò che facevo né ciò che dicevo, Ero forestiero mi ha dato la luce. <br>
Grazie a tutti i volontari!”
</p>
</div>
<div class="small-card">
<div> <img src="images/person.svg" alt="Immagine terzo studente" class="noselect"> </div>
<h3>Aldo</h3>
<p>
“Quando sono arrivato non conoscevo nessuno e non sapevo parlare in italiano, ho conosciuto tante nuove persone e trovato nuovi amici. <br>
Grazie ”
</p>
</div>
</div>
<a href="" class="button gray-filled_button">Iscriviti</a>
</section>
<!-- End Testimonials Section -->
<!-- Covid-19 Section -->
<section id="covid" class="covid">
<h1 class="black-title">Covid-19</h1>
<div class="left-image">
<div class="content-div">
<p>
A causa della pandemia (COVID) l'Associazione è stata costretta a chiudere la sua attività di volontariato in presenza da Febbraio 2020. Nei mesi successivi si è ridotta al sostegno online di pochi alunni in difficoltà della scuola dell'obbligo.
</p>
<br>
<p>
Le richieste erano numerose ma non abbiamo potuto soddisfarle a causa della totale mancanza di strumenti informatici adatti.
Per il prossimo anno scolastico avremmo pensato di ricominciare le attività in presenza ma le regole attuali della pandemia limitano il numero di utenti ed il controllo dell'accoglienza (lettura green pass, misurazione temperatura, disinfettanti mani ed ambienti, mascherine trasparenti, etc.)
</p>
</div>
<img src="./images/covid-image.png" alt="Social distance image" class="noselect"/>
</div>
</section>
<!-- End Covid-19 Section -->
<!-- Donate Section -->
<section id="donate" class="donate">
<h1 class="black-title">Sostienici</h1>
<div class="right-image">
<div class="content-div">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eu interdum leo. Aenean diam mauris, congue non porta tincidunt, venenatis sed quam. Aliquam vestibulum eros sit amet fringilla finibus. Integer et lacinia tortor. Maecenas vitae velit ac sapien consequat fermentum. Nulla ut dui ut arcu auctor rhoncus. Pellentesque augue orci, faucibus non augue quis, rhoncus ornare nulla.
</p>
<a href="" class="button yellow-filled_button">Dona</a>
</div>
<img src="./images/donate-image.png" alt="Donation image" class="noselect"/>
</div>
</section>
<!-- End Donate Section -->
<!-- Volunteer Section -->
<section id="volunteer" class="volunteer">
<h1 class="regular-title">Diventa un volontario</h1>
<div class="left-image">
<div class="content-div">
<p>
Anche tu puoi diventare volontario! Puoi avere qualsiasi età, essere di qualsiasi nazionalità e professione. L’impegno richiesto è sulla base della tua disponibilità.
Compila il modulo, senza impegno, e verrai contattato da uno dei nostri volontari. Saremo felici di conoscerti… Potremo darti qualche informazione in più e tu potrai dare il tuo contributo!
Scrivi o chiama! Non disturbi, anzi… Forza, cosa aspetti?…
</p>
</div>
<img src="./images/volunteer-image.png" alt="Volunteer image" class="noselect" />
</div>
<a href="" class="button gray-filled_button">Diventa un volontario</a>
</section>
<!-- End Volunteer Section -->
<!-- Contact Section -->
<section id="contact" class="contact">
<h1 class="black-title">Contatti</h1>
<div class="right-image">
<div class="content-div">
<p>
<b>Sede amministrativa</b>: <br>
<a href="https://www.google.it/maps/place/Viale+Francesco+II+Sforza,+5,+27029+Vigevano+PV/@45.3167903,8.8488078,17z/data=!3m1!4b1!4m5!3m4!1s0x4786fcb6f7e95aab:0x2edab653f08892b3!8m2!3d45.3167903!4d8.8509965">Viale Sforza 5 - 27029 Vigevano (PV)</a> <br>
<b>Email</b>: <a href="mailto:eroforestieroodv@gmail.com">eroforestieroodv@gmail.com</a> <br>
<b>Telefono</b>: <br> <a href="tel:3404601236">3404601236</a> <br>
</p>
</div>
<img src="./images/contact-image.png" alt="Contact section image" class="noselect" />
</div>
</section>
<!-- End Contact Section -->
<!-- Footer -->
<footer class="website-footer">
© Ero Forestiero 2021 - C.F. 94020590181
</footer>
<!-- End Footer -->
</body>
</html>