-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
646 lines (617 loc) · 32.1 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
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
<!doctype html>
<html lang="it">
<head>
<!-- <Google tag (gtag.js)> -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-E7XVES9T3K"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-E7XVES9T3K');
</script>
<!-- </(ggltag.js)> -->
<meta charset=utf-8>
<meta name=viewport content="width=device-width,initial-scale=1">
<meta http-equiv=X-UA-Compatible content="ie=edge">
<meta http-equiv=X-UA-Compatible content="IE=7">
<meta http-equiv=Content-Type content="text/html;charset=UTF-8">
<title>AreaCrew | BMX-park</title>
<link rel=icon href=./img/areaCrewLogo.png>
<meta name="title" content="Areacrew">
<meta name="description" content="AreaCrew, è un legame di amicizia e riding, nato principalmente da 2 membri della crew,ovvero Elia e Luis. Da quel giorno si espande e si sta espandendo tutt'ora, includendoanche altri rider della zona e dintorni di Monfalcone">
<meta name="keywords" content="areacrew, bmx-park, bmx, bmx street, monfalcone, bmx park monfalcone, park monfalcone">
<meta name="robots" content="index, follow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="English">
<meta name="revisit-after" content="1 days">
<meta name="author" content="Manià Matteo">
<meta name=keywords content="areacrew, bmx-park, bmx, bmx street,
monfalcone, bmx park monfalcone, park monfalcone">
<meta http-equiv=keywords content="bmx street, bmx monfalcone, bmx park, bmx
park monfalcone, bici monfalcone">
<meta property=og:title name=og:title content="AreaCrew - BMXpark -
Monfalcone">
<meta property=og:url name=og:url content=https://areacrewmonfalcone.it>
<meta property=og:type name=og:type content=website>
<meta property=og:site_name name=og:site_name content=AreaCrewWebsite>
<meta property=description name=description content="Bmx Park situato a
Monfalcone, (GO) [italy]">
<meta property=dc.language content=ita scheme=RFC1766>
<!-- IMPORTS -->
<link rel=stylesheet href=./assets/bulma/bulma.min.css>
<link rel=stylesheet href=./assets/assets1.css>
<!-- <ADSENSE> -->
<meta name="google-adsense-account" content="ca-pub-5370518478483298">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5370518478483298"
crossorigin="anonymous"></script>
<!-- </ADSENSE> -->
<script src=./src/Snow.js defer=defer></script><!-- dal 13 nov al 13 gen --><!-- versione natalizia -->
<!-- AOS animation -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<!-- fontawesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.6/css/all.css">
<script src=./src/JqueryLoading.js defer></script>
<!-- cursor script -->
<!-- <script src="./src/Cursor.js"></script> -->
<!-- general script -->
<script src="./src/script.js" defer></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
</head>
<body>
<!-- navigation -->
<header>
<div class=nav>
<input type=checkbox id=nav-check>
<div class=nav-header>
<div class=nav-title>
<span class=nav-title>
<a href="./index.html" class=nav-title> AreaCrew ®
</a>
</span>
</div>
</div>
<div class=nav-btn>
<label for=nav-check>
<span></span>
<span></span>
<span></span>
</label>
</div>
<div class=nav-links id=nav-lins-all>
<a onclick="window.open('About-us.html', '_self')" class=nav-btn>About</a>
<a onclick="window.open('RegolamentoPark.html', '_self')" class=nav-btn>Regolamento</a>
<a onclick="window.open('OrariApertura.html', '_self')" class=nav-btn>Orari</a>
<a onclick="window.open('YoutubeVideo.html', '_self')" class=nav-btn>Youtube
Videos</a>
<a onclick="window.open('GalleryJam.html', '_self')" class=nav-btn>Photo-Jam</a>
<a onclick="window.open('index.html#contact', '_self')" class=nav-btn>
<svg xmlns=http://www.w3.org/2000/svg width=15 height=15 fill=currentColor class="bi bi-envelope-fill"
viewBox="0 0 16 16">
<path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05
3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57
4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8
9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z" />
</svg>
</a>
</div>
</div>
</header>
<div class="page-wrap py-5">
<main id=body>
<section title=Bmx-Park-Monfalcone>
<div class="container py-5" align=center href=#top>
<div class="box py-5">
<!-- dal 13 nov al 13 gen --><!-- versione natalizia -->
<div id="natale-container" class="no-natale">
<div class="circle red"></div>
<div class="circle yellow"></div>
<div class="circle blue"></div>
<div class="circle green"></div>
<div class="circle red"></div>
<div class="circle yellow"></div>
<div class="circle blue"></div>
<div class="circle green"></div>
</div>
<h1 id=titolo-monfy data-aos="fade-zoom-in" data-aos-easing="ease-in-back" data-aos-delay="450"
data-aos-offset="0">BMX PARK - MONFALCONE</h1>
<div class=container>
<div class=nav-link>
<span id=sottotitolo title="go to the menu!" data-aos="fade-up" data-aos-anchor-placement="top-bottom"
data-aos-duration="500">INFORMAZIONI / EVENTI / ORARI</span>
</div>
</div>
<div class="container">
<h1 class="title mt-3 pt-3">
A.C.
</h1>
<img src="./img/Icons/bicycle.png" title="bmx-icon" width="128" height="128" alt="bmx-icon"
data-aos="flip-up" data-aos-delay="150" data-aos-duration="400" data-aos-easing="ease-in">
</div>
<div class="container">
<h2><i>"Uno dei migliori 5 bmw-park in Friuli-Venezia-Giulia"</i><strong> #IOSONOFVG</strong></h2>
<h3 class="mt-4">Vieni anche tu a provarlo con la tua BMX!</h3>
<h3 class="mt-2">...E se ti va, lascia una recensione su
<a href="https://maps.app.goo.gl/8eoSKv4oALSuuZkA7" class="is-link fs-4" target="_blank">maps</a>
</h3>
</div>
</div>
</div>
</section>
<!-- new JAM -->
<!-- <section class="section container has-text-centered is-medium my-0 mx-auto new-jam" id="new-jam">
<h1 class="title title-jam mx-auto my-0 fs-5 font-bold">
AreaCrew 2nd JAM - 08 / 07 / 2023
</h1>
<p class="paragraph par-jam mt-5 pt-4 pb-1 px-0 has-text-black has-text-weight-bold">
Il giorno 8 luglio 2023 si terrà presso il
<a href="https://goo.gl/maps/ejvuyXehMeeqybAi6" target="_blank" class="has-text-link">
park
</a> di
Monfalcone(GO), la seconda JAM di BMX di AreaCrew.
Nel luogo del park, saranno presenti anche chioschi e bar, per distribuire
da bere e mangiare. Sarà presente anche musica e tanto divertimento! <br>
Questo è un evento molto importante per la scena locale, per questo motivo
ci teniamo che vengano più persone possibili. <br>
Ci becchiamo rider!
</p>
</section> -->
<!-- SHOP -->
<!--<section class="section is-medium my-0 mx-2 shop" id="sectShop">
<h1 class="title" data-aos="zoom-out-down" data-aos-duration="300" data-aos-anchor-placement="top-center">SHOP
</h1>
<div class="container__shop">
<div class="tools__container">
<section class="selection tools is-medium my-0 py-0 mx-5
is-flex">
<input type='radio' class='switch-border' id='r1' name='switch' checked />
<label for='r1'>
<img src="./img/shop/besche.webp" alt="" loading="lazy" class='switch-border' width="739" height="742"
data-aos="flip-left" data-aos-delay="100" data-aos-duration="450" data-aos-easing="ease-in" />
<span data-aos="fade-up" data-aos-anchor-placement="top-bottom" data-aos-duration="500">25 cash</span>
</label>
<input type='radio' class='switch-border' id='r2' name='switch' />
<label for='r2'>
<img src="./img/shop/arancione.webp" alt="" loading="lazy" class='switch-border' width="739"
height="742" />
<span>25 cash</span>
</label>
<input type='radio' class='switch-border' id='r3' name='switch' />
<label for='r3'>
<img src="./img/shop/blu chiaro.webp" alt="" loading="lazy" class='switch-border' width="739"
height="742" />
<span>25 cash</span>
</label>
<input type='radio' class='switch-border' id='r4' name='switch' />
<label for='r4'>
<img src="./img/shop/blu deep.webp" alt="" loading="lazy" class='switch-border' width="739"
height="742" />
<span>25 cash</span>
</label>
<input type='radio' class='switch-border' id='r5' name='switch' />
<label for='r5'>
<img src="./img/shop/giallo canarino.webp" alt="" loading="lazy" class='switch-border' width="739"
height="742" />
<span>25 cash</span>
</label>
<input type='radio' class='switch-border' id='r6' name='switch' />
<label for='r6'>
<img src="./img/shop/rosa scuro.webp" alt="" loading="lazy" class='switch-border' width="739"
height="742" />
<span>25 cash</span>
</label>
<input type='radio' class='switch-border' id='r7' name='switch' />
<label for='r7'>
<img src="./img/shop/rossa.webp" alt="" loading="lazy" class='switch-border' width="739" height="742" />
<span>25 cash</span>
</label>
<input type='radio' class='switch-border' id='r8' name='switch' />
<label for='r8'>
<img src="./img/shop/verde acqua chiaro.webp" alt="" loading="lazy" class='switch-border' width="739"
height="742" />
<span>25 cash</span>
</label>
<input type='radio' class='switch-border' id='r9' name='switch' />
<label for='r9'>
<img src="./img/shop/verde chiaro.webp" alt="" loading="lazy" class='switch-border' width="739"
height="742" />
<span>25 cash</span>
</label>
<input type='radio' class='switch-border' id='r10' name='switch' />
<label for='r10'>
<img src="./img/shop/verde.webp" alt="" loading="lazy" class='switch-border' width="739" height="742" />
<span>25 cash</span>
</label>
<input type='radio' class='switch-border' id='r11' name='switch' />
<label for='r11'>
<img src="./img/shop/viola.webp" alt="" loading="lazy" class='switch-border' width="739" height="742" />
<span>25 cash</span>
</label>
</section>
<div class="button__shop my-0">
<a href="https://www.instagram.com/area_crew/" data-aos="zoom-in" data-aos-delay="0"
data-aos-duration="350" data-aos-easing="ease-in-back">
<button class="shop__button">
SEND A MESSAGE FOR BUY!
</button>
</a>
</div>
</div>
</div>
</section>
-->
<!-- <section id="sponsor" class="scroller-loop">
<h1 class="title">Our Partnerships</h1>
<div class="scroll">
<div class="m-scroll">
<span>
<img src="./img/Logo/attic_logo.jpg" />
</span>
<span>
<img src="./img/Logo/Immagine 2023-07-15 183403.png" />
</span>
<span>
<img src="./img/Logo/despar-3400698353.png" />
</span>
<span>
<img src="./img/Logo/th-774450998.jpg" />
</span>
<span>
<img src="./img/Logo/LogoAreaCrewVerro.WebP" />
</span>
<span>
<img src="./img/Logo/recordLogo.jpg" />
</span>
<span>
<img src="./img/Logo/attic_logo.jpg" />
</span>
<span>
<img src="./img/Logo/Immagine 2023-07-15 183403.png" />
</span>
<span>
<img src="./img/Logo/despar-3400698353.png" />
</span>
<span>
<img src="./img/Logo/th-774450998.jpg" />
</span>
<span>
<img src="./img/Logo/LogoAreaCrewVerro.WebP" />
</span>
<span>
<img src="./img/Logo/recordLogo.jpg" />
</span>
<span class="large-device">
<img src="./img/Logo/attic_logo.jpg" />
</span>
<span class="large-device">
<img src="./img/Logo/Immagine 2023-07-15 183403.png" />
</span>
<span class="large-device">
<img src="./img/Logo/despar-3400698353.png" />
</span>
<span class="large-device">
<img src="./img/Logo/th-774450998.jpg" />
</span>
<span class="large-device">
<img src="./img/Logo/LogoAreaCrewVerro.WebP" />
</span>
<span class="large-device">
<img src="./img/Logo/recordLogo.jpg" />
</span>
</div>
</div>
</section> -->
<section class="section is-small mb-4 mt-4 video-area" id=sectVideo>
<div class="col-6 col-s-9 video">
<!-- first video -->
<h1 class=title data-aos="fade-up" data-aos-delay="100" data-aos-duration="800"
data-aos-anchor-placement="top-center">
<i>SECOND</i> AREACREW JAM 10.09.2022
</h1>
<p class=subtitle data-aos="fade-up" data-aos-delay="400" data-aos-duration="800"
data-aos-anchor-placement="top-center">Official
video of our first bmx-jam, in Monfalcone's Park.</p>
<video controls id=video class=videoPlayer src="./video/AreaCrewEdit2.mp4" poster=./video/copertina2.jpg
preload type=video/mp4>
</video>
<p class="subtitle has-text-centered" data-aos="fade-up">Video realized by:
<a href=https://matteomania.netlify.app/ target=_blank>Matteo Manià, </a>
<a href=https://xjxstudios.vercel.app/ target=_blank>Francesco Versace</a>
</p>
<p>Click the link below to download the file!</p>
<a href=./video/AreaCrewEdit2.mp4 download class=download target=_blank width=1920 height=1080>
<svg xmlns=http://www.w3.org/2000/svg class="icon icon-tabler
icon-tabler-download" width=30 height=30 viewBox="0 0 24 24" stroke-width=1.3 stroke=currentColor
fill=none stroke-linecap=round stroke-linejoin=round>
<path stroke=none d="M0 0h24v24H0z" fill=none></path>
<path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"></path>
<polyline points="7 11 12 16 17 11"></polyline>
<line x1=12 y1=4 x2=12 y2=16></line>
</svg>
</a>
</div>
</section>
<section class="section is-small mb-4 mt-4 video-area" id=sectVideo>
<div class="col-6 col-s-9 video">
<!-- first video -->
<h1 class=title data-aos="fade-up" data-aos-delay="100" data-aos-duration="800"
data-aos-anchor-placement="top-center">
<i>FIRST</i> AREACREW JAM 10.09.2022
</h1>
<p class=subtitle data-aos="fade-up" data-aos-delay="400" data-aos-duration="800"
data-aos-anchor-placement="top-center">Official
video of our first bmx-jam, in Monfalcone's Park.</p>
<video controls id=video class=videoPlayer src=./video/AREACREW-VIDEO-JAM.mp4 poster=./video/copertina.WebP
preload type=video/mp4>
</video>
<p class="subtitle has-text-centered" data-aos="fade-up">Video realized by:
<a href=https://salottofotografico.it/ target=_blank>SalottoFotografico</a>
</p>
<p>Click the link below to download the file!</p>
<a href=./video/AREACREW-VIDEO-JAM.mp4 download class=download target=_blank width=1920 height=1080>
<svg xmlns=http://www.w3.org/2000/svg class="icon icon-tabler
icon-tabler-download" width=30 height=30 viewBox="0 0 24 24" stroke-width=1.3 stroke=currentColor
fill=none stroke-linecap=round stroke-linejoin=round>
<path stroke=none d="M0 0h24v24H0z" fill=none></path>
<path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2"></path>
<polyline points="7 11 12 16 17 11"></polyline>
<line x1=12 y1=4 x2=12 y2=16></line>
</svg>
</a>
</div>
</section>
<section class="section is-small mb-4 mt-4" id=locandina>
<div class="section has-text-centered has-background-danger-light" id=sectEvent2>
<h1 class="title has-text-dark" id=titleh1 data-aos="zoom-in" data-aos-delay="100" data-aos-easing="ease-out">
Gallery of 2nd AreaCrewJam!</h1>
<div class="container photo">
<img src="./img/2nd JAM/fotoGruppo2nd.jpeg" loading=lazy alt=logo width=1920 height=1080>
</div>
<a class="button is-active is-focused is-outlined bg-t is-info
is-medium" onclick="window.open('GalleryJam.html', '_self')" data-aos="zoom-out" data-aos-delay="150"
data-aos-easing="ease-out">Go to JAM-gallery
<i class="is-flex fa fa-arrow-circle-right
is-justify-content-center ml-2" aria-hidden=true></i>
</a>
<div class=container>
<p class="has-text-centered subtitle has-text-dark line m-3 pl-1
pr-1 pt-5" data-aos="flip-left" data-aos-delay="225" data-aos-easing="ease" data-aos-duration="325">
Thanks everyone for participating in this crazy event! it is
also thanks to you that you come that we can do this type of
event. The bmx scene in Italy and in the area is growing more
and more, and we are proud of this.
</p>
</div>
</div>
</section>
<section class="section is-small mb-4 mt-4" id=locandina>
<div class="section has-text-centered" id=sectEvent>
<h1 class="title has-text-dark" id=titleh1 data-aos="zoom-in" data-aos-delay="100" data-aos-easing="ease-out">
Gallery of 1th AreaCrewJam!</h1>
<div class="container photo">
<img src="./img/1th JAM/FotoGruppoJam.2022.AreaCrew.10.09.2022.WebP" loading=lazy alt=logo width=1920
height=1080>
</div>
<a class="button is-active is-focused is-outlined bg-t is-info
is-medium" onclick="window.open('GalleryJam.html', '_self')" data-aos="zoom-out" data-aos-delay="150"
data-aos-easing="ease-out">Go to JAM-gallery
<i class="is-flex fa fa-arrow-circle-right
is-justify-content-center ml-2" aria-hidden=true></i>
</a>
<div class=container>
<p class="has-text-centered subtitle has-text-dark line m-3 pl-1
pr-1 pt-5" data-aos="flip-left" data-aos-delay="225" data-aos-easing="ease" data-aos-duration="325">
Thanks everyone for participating in this crazy event! it is
also thanks to you that you come that we can do this type of
event. The bmx scene in Italy and in the area is growing more
and more, and we are proud of this.
</p>
</div>
</div>
</section>
<section class="section is-small">
<div class="section flex is-flex-direction-column" id=sect1 data-aos="zoom-in" data-aos-delay="220"
data-aos-duration="325" data-aos-offset="225">
<div id=maps-title class="my-4 title">La via dov'è posizionato il
Bmx-park</div>
<div class="container mx-auto my-0 is-align-items-center is-flex
is-align-content-center mt-5 pb-1 pt-5">
<a href=https://goo.gl/maps/bH1r3vN583dWDCFp8 class="mx-auto bg-t button is-active is-focused is-info
is-outlined is-medium p-3" target=_blank draggable=false>Via Portorosega, Monfalcone
<i class="is-flex fa fa-arrow-circle-right
is-justify-content-center ml-2" aria-hidden=true></i>
</a>
</div>
<div class="flex-container container is-justify-content-center
is-align-items-center has-text-centered">
<p class="subtitle mx-auto">Vicino a:
<a href="https://goo.gl/maps/Csc51knMi84V3fro9" target="_blank">
AreaVerde
</a>
</p>
</div>
</div>
</section>
<section class="section is-small">
<div class=section id=sect2 data-aos="zoom-in" data-aos-delay="220" data-aos-duration="425"
data-aos-offset="275">
<div class="container is-mobile is-max-widescreen">
<h1 class="title is-family-sans-serif">Innovazione e Piacere di riding</h1>
<h2 class="has-text-centered has-text-weight-bold">Descrizione e informazioni sulle strutture</h2>
<p class="paragraph has-text-left mt-5 is-max-widescreen">
<span class="has-text-weight-bold has-text-black">Materiali:</span> Il park sembra essere costruito in cemento, un materiale molto resistente e durevole, ideale per sopportare l'impatto delle ruote e delle manovre dei rider.
<br><span class="has-text-weight-bold has-text-black mt-2">Geometrie:</span> Le strutture presenti sono piuttosto semplici e lineari: troviamo principalmente quarter pipe e rail. Queste geometrie sono molto versatili e consentono di eseguire una vasta gamma di trick, dal più semplice al più complesso.
<br><span class="has-text-weight-bold has-text-black mt-2">Dimensioni:</span> Le dimensioni delle strutture sembrano essere adeguate per un utilizzo sia da parte di principianti che di rider più esperti. Le quarter pipe non sono eccessivamente alte, quindi sono accessibili anche ai meno allenati, mentre i rail offrono la possibilità di eseguire grind e slide di diversa difficoltà.
<br><span class="has-text-weight-bold has-text-black mt-2">Spazio:</span> Lo spazio a disposizione sembra essere sufficiente per muoversi liberamente e concatenare diverse manovre.
Architettura e stile di riding BMX freestyle:
</p>
<p class="paragraph has-text-left mt-5 is-max-widescreen">
<span class="has-text-weight-bold has-text-black mt-2">Architettura di base: </span>L'architettura di questo skatepark si adatta bene allo stile di riding del BMX freestyle, che si caratterizza per la fluidità del movimento, la creatività e la varietà dei trick. Le strutture presenti consentono di eseguire una vasta gamma di manovre, dalle più semplici alle più complesse, come barspins, tailwhips, e manual.
<br><span class="has-text-weight-bold has-text-black mt-2">Geometrie e loro impatto sul riding:</span>
Quarter pipe: Le quarter pipe sono fondamentali per prendere velocità e lanciarsi nei trick. La loro inclinazione e altezza influenzano la dinamica del salto e la possibilità di eseguire diverse rotazioni.
Rail: I rail sono utilizzati per eseguire grind e slide, ovvero scivolare lungo la ringhiera con una o entrambe le ruote della bici. La loro altezza e lunghezza influenzano la difficoltà della manovra.
</p>
</div>
<h1 class="title has-text-dark" id=titleh1>Vai a vedere la gallery
del park! ↓
</h1>
<div class="container mx-auto is-align-items-center is-flex
is-widescreen">
<a class="mx-auto bg-t button is-active is-focused is-info
is-outlined is-medium" onclick="window.open('GalleryPhoto.html', '_self')">Go to
Park's gallery
<i class="is-flex fa fa-arrow-circle-right
is-justify-content-center ml-2" aria-hidden=true></i>
</a>
</div>
</div>
</section>
<section class="section is-small articolo2">
<div class=section id=sect3>
<h1 class=title data-aos="fade-up" data-aos-anchor-placement="top-center" data-aos-delay="0">AreaCrew è anche
sul giornale! ↓</h1>
<p class="subtitle has-text-grey m-2" data-aos="fade-up" data-aos-offset="500" data-aos-duration="500"
data-aos-delay="220">" Inaugurazione del BMX-PARK "</p>
<!-- need to upgrade with a swiper.js -->
<div class="swiper">
<swiper-container class="mySwiper" navigation="true">
<swiper-slide>
<img src="./img/giornale/Foto AreaCrew.WebP" id=section-image loading=lazy width=971 height=1048
alt=logo title="Foto da: il Piccolo" data-aos="fade-left" data-aos-easing="ease-out-back"
data-aos-offset="500" data-aos-duration="550" data-aos-delay="125" />
</swiper-slide>
<swiper-slide>
<img src="./img/giornale/FotoPiccolo2nd.jpeg" id=section-image loading=lazy width=971 height=1048
alt=logo title="Foto da: il Piccolo" id="2ndJAM" />
</swiper-slide>
</swiper-container>
</div>
<p class="subtitle has-text-dark fs-5">Fonte:
<a href=https://ilpiccolo.gelocal.it/trieste/ target=_blank class="is-hovered is-link">Il Piccolo</a>
</p>
</div>
</section>
<section class="section is-small">
<div class=section id=sect4>
<h1 class="mx-auto is-centered title" data-aos="zoom-in" data-aos-delay="100" data-aos-duration="350"
data-aos-easing="ease-in">* Eventi *</h1>
<p class="has-text-centered subtitle has-text-grey m-2" data-aos="flip-down" data-aos-delay="100"
data-aos-duration="200" data-aos-easing="ease-in">[...] qualche evento è in fase di
sviluppo!</p>
<div class="contenidor" data-aos="flip-left" data-aos-delay="100" data-aos-duration="350"
data-aos-easing="ease-out-cubic">
<div class=box id=BoxEventi>
<h4>Che cos'è una BMX-JAM
<span id=puntodid>?</span>
</h4>
<p id=corpo>Questo è un evento, chiamato generalmente come
"JAM", inventato originariamente in America, e
poi espanso anche nel resto del mondo, e a noi rider ci
piace un sacco, perchè è un motivo si di di
dimostrare le proprie "abilità" con la BMX, ma anche un
momento di aggregazione e opportunità per i
rider, provenienti anche da posti lontani, di conoscersi e
scambiare un due chiacchiere in compagnia fra
qualche salto quà e là.
</p>
<h1 id=jam class=dotted>*Aggiornamento*</h1>
<p id=jam-p>Grazie a tutti quelli che hanno partecipato all'ultima
jam! Grazie anche agli
sponsor che hanno messo in palio dei premi per i vincitori
del contest gratuitamente:
<br>
<a href=https://www.ilbuttabmx.com />Il ButtaBmx</a>,
<a href=https://garage81.com />Garage81</a>,
<a
href="https://l.facebook.com/l.php?u=https%3A%2F%2Fwww.instagram.com%2Frecordstreetshop%2F%3Ffbclid%3DIwAR0jinIZdd8gBg6oia3mgs265m8JNf42Pezn-ZgMSYXoARDIl0u5Ity7_6U&h=AT25_aZo6cXb4kHHxKJNcSNpfWthnyGNZCLpPQbFGk1HSz_OOuu-5IxHtOSDu_JgeQPu3PnAw1b3BmUUpXzPKOO9lSFR8tFcWR9D_yJbypuiZoEmwftgz2nC4mEh7S2b0AjcNQ">
Record,
</a>
<a href="">Attic,</a>
<a href="">Despar,</a>
<a href="">Istanbul kebab (MO)</a>
</p>
</div>
</div>
</div>
</section>
<section class="section col-lg-4 has-background-light is-medium mb-3
mt-3">
<div class="container mx-auto has-shadow has-text-centered
is-align-items-flex mt-4">
<div class="section has-text-centered">
<h1 class="underline is-flex is-justify-content-center
is-align-items-center has-text-centered" data-aos="flip-right" data-aos-offset="260"
data-aos-duration="250" data-aos-delay="75">
Meteo in tempo reale
<i class="fa fa-arrow-circle-down is-justify-content-center
ml-2" aria-hidden="true"></i>
</h1>
</div>
<a href=https://www.3bmeteo.com/meteo/monfalcone class="mx-auto bg-t button is-active is-focused is-info
is-outlined is-medium" target=_blank data-aos="fade-up" data-aos-duration="700" data-aos-delay="125">
Meteo Monfalcone*
<i class="is-flex fa fa-arrow-circle-right
is-justify-content-center ml-2" aria-hidden="true"></i>
</a>
<p class="mt-5 is-italic">*È consigliato di vedere il meteo almeno 3-4 giorni prima!</p>
</div>
</section>
<button id=myBtn>
<a href=#top align=middle>
<svg xmlns=http://www.w3.org/2000/svg width=16 height=16 fill=currentColor
class="bi bi-caret-up-fill" viewBox="0 0 16 16">
<path d="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753
1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506
0z" />
</svg>
</a>
</button>
</main>
</div>
<section id=spacer></section>
<footer class=footer-section id=contact>
<div class=copyright-area>
<div class="col-lg-4 col-xl-4 mb-50">
<div class=footer-widget>
<div class=footer-logo>
<a href=index.html onclick=newtab()>
<img src=./img/Logo/LogoAreaCrewVerro.WebP class=img-fluid alt=logo loading=lazy data-aos="flip-left"
data-aos-duration="250">
</a>
</div>
<div class=footer-text>
<p>AreaCrew © 2022</p>
</div>
<div class=footer-social-icon data-aos="flip-down" data-aos-duration="380" data-aos-delay="0"
data-aos-easing="ease-in-back">
<span>Follow us</span>
<a href=https://www.instagram.com/area_crew/ target=_blank crossorigin=anonymus>
<i class="fab fa-instagram instagram-bg"></i>
</a>
<a href=https://www.youtube.com/AREACREWBMX/video target=_blank crossorigin=anonymus>
<i class="fab fa-youtube youtube-bg"></i>
</a>
<a href="https://open.spotify.com/playlist/5w49GjtZ2UOT0e86q63PgP?si=32db3764330e4aca" target=_blank
crossorigin=anonymus>
<i class="fab fa-spotify spotify-bg"></i>
</a>
</div>
</div>
</div>
<div class="container pt-5 has-text-white" id=copyright>
<p class=has-text-centered>Copyright © 2022, All Right
Reserved
<a href=https://matteomania.netlify.app target=_blank crossorigin=anonymus>Matteo Manià</a>
</p>
</div>
</div>
</footer>
<!-- cursor --><!-- <div class="cursor"></div> -->
<!-- AOS animation -->
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-element-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>