-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
798 lines (756 loc) · 30.6 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
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Filipino Web3</title>
<link rel="icon" type="image/x-icon" href="/images/upper_icon-01.png" />
<!-- ICON SCOUT-->
<link
rel="stylesheet"
href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"
/>
<!-- GOOGLE FONT MONTSERRAT-->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap"
rel="stylesheet"
/>
<script src="https://www.google.com/recaptcha/api.js?render=6LcYuLkpAAAAAGWDdPvO0UwzXsEsICHqkniMD4-y"></script>
<script src="https://kit.fontawesome.com/f8565b8867.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="./css/style.css" />
<style>
body {
background-image: url(./images/bg-texture.png);
}
</style>
</head>
<body>
<nav>
<div class="container nav__container">
<a href="index.html"><h4>FW3</h4></a>
<ul class="nav__menu">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#faqs">FAQs</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<button id="open-menu-btn"><i class="uil uil-bars"></i></button>
<button id="close-menu-btn"><i class="uil uil-multiply"></i></button>
</div>
</nav>
<header>
<div class="container header__container">
<div class="header__left">
<h1>Filipino Web3</h1>
<p>
is an organization with the aim of helping our fellow Filipinos hone
their skills and maximize their potential to grow in the Web3 space.
</p>
<a href="#about" class="btn btn-primary">Get Started</a>
</div>
<div class="header__right">
<div class="header__right-image">
<img src="./images/fw3-logo-bg1.png" alt="" />
</div>
</div>
</div>
</header>
<section id="home" class="categories">
<div class="container categories__container">
<div class="categories__left">
<h1>TO WEB3 AND BEYOND!</h1>
<p>
We are helping to build a healthy group of Web3 enthusiasts and
community builders, and we want YOU to be part of it.
</p>
<a href="#" class="btn">Learn More</a>
</div>
<div class="categories__right">
<article class="category">
<div class="category__title">
<h5>Vision</h5>
<span class="category__icon"><i class="uil uil-eye"></i></span>
</div>
<p>
To be the premium hub of Filipinos in Web3 that is focused on bringing holistic, connected, and innovative principles.
</p>
</article>
<article class="category">
<div class="category__title">
<h5>Mission</h5>
<span class="category__icon"><i class="uil uil-rocket"></i></span>
</div>
<p>
Provide a channel for Web3 community to exchange ideas, information, and opportunities.
</p>
<p>
Share valuable information and resources for the community that will help with upscaling skills in Web3 career and development.
</p>
<p>
Help professionalize the field of Web3 industry through continuing education and training.
</p>
</article>
</div>
</div>
</section>
<section id="about" class="values">
<h2>Our Values</h2>
<div class="container values__container">
<article class="value">
<div class="value__image">
<img src="/images/holistic.png" />
<div class="value__info">
<h3>Holistic</h3>
<p>
Building in Web3 involves different roles that are essential in its success as an
industry. Maintaining the balance and flow of interdependence is vital for
overall development. As builders, we must develop and strengthen the shared
goals and ideals of our communities.
</p>
</div>
</div>
</article>
<article class="value">
<div class="value__image">
<img src="/images/connected.png" />
<div class="value__info">
<h3>Connected</h3>
<p>
Web3 interactions should be built on authentic, harmonious, and mutually-
beneficial relationships. Strategies must be attuned to the community’s
needs, passions, and interests. The organization's advocacy is a community-
centered approach for the professional development of the community.
</p>
</div>
</div>
</article>
<article class="value">
<div class="value__image">
<img src="/images/innovative.png" />
<div class="value__info">
<h3>Innovative</h3>
<p>
Web3 as an emerging industry is distinguished by its fast-paced dynamics. It
is important for Web3 builders to be highly agile and adaptable. The
organization aims to foster a vibrant exchange of information and encourage
continuing education.
</p>
</div>
</div>
</article>
</div>
</section>
<section id="team" class="team">
<h2>Core Team</h2>
<div class="container team__container">
<article class="team__member core">
<div class="team__member-image">
<img src="images/Sift.jpg" alt="" />
<!-- <img src="images/sift_d.jpeg" alt="" class="img-top"/> -->
</div>
<div class="team__member-info">
<h4>Sift</h4>
</div>
<div class="team__member-socials">
<a href="https://www.facebook.com/sift.croix" target="_blank"
><i class="uil uil-facebook-f"></i
></a>
<a href="https://twitter.com/siftcroix" target="_blank"
><i class="fa-brands fa-x-twitter"></i></i
></a>
<a href="https://www.linkedin.com/in/joseph-corpuz-14891b145/" target="_blank"
><i class="uil uil-linkedin-alt"></i
></a>
</div>
</article>
<article class="team__member core">
<div class="team__member-image">
<img src="images/lupz_u.jpg" alt="" />
<!-- <img src="images/lupz_d.jpg" class="img-top" alt="" /> -->
</div>
<div class="team__member-info">
<h4>Lupin_XIV</h4>
</div>
<div class="team__member-socials">
<a href="https://www.facebook.com/ljmags14/" target="_blank"
><i class="uil uil-facebook-f"></i
></a>
<a href="https://twitter.com/Lupin_XIV" target="_blank"
><i class="fa-brands fa-x-twitter"></i></i
></a>
<a href="https://www.linkedin.com/in/ljmagboo/" target="_blank"
><i class="uil uil-linkedin-alt"></i
></a>
</div>
</article>
<article class="team__member core">
<div class="team__member-image">
<img src="images/coretoshi_zirk.png" alt="" />
<!-- <img src="images/balbz_d.jpg" alt="" class="img-top"/> -->
</div>
<div class="team__member-info">
<h4>Zirk</h4>
</div>
<div class="team__member-socials">
<a href="https://www.facebook.com/GGzirk/" target="_blank"
><i class="uil uil-facebook-f"></i
></a>
<a href="https://twitter.com/ggzirky" target="_blank"
><i class="fa-brands fa-x-twitter"></i></i
></a>
<a href="https://www.linkedin.com/in/ggzirk/" target="_blank"
><i class="uil uil-linkedin-alt"></i
></a>
</div>
</article>
<article class="team__member core">
<div class="team__member-image">
<img src="images/Waterlemon.jpg" alt="" />
<!-- <img src="images/balbz_d.jpg" alt="" class="img-top"/> -->
</div>
<div class="team__member-info">
<h4>Waterlemon</h4>
</div>
<div class="team__member-socials">
<a href="https://www.facebook.com/chervin.cruz.7/" target="_blank"
><i class="uil uil-facebook-f"></i
></a>
<a href="https://twitter.com/mywaterlemon" target="_blank"
><i class="fa-brands fa-x-twitter"></i></i
></a>
<a href="https://www.linkedin.com/in/cjpatrycruz/" target="_blank"
><i class="uil uil-linkedin-alt"></i
></a>
</div>
</article>
<article class="team__member core">
<div class="team__member-image">
<img src="images/Speedy.jpg" alt="" />
<!-- <img src="images/balbz_d.jpg" alt="" class="img-top"/> -->
</div>
<div class="team__member-info">
<h4>Speedy</h4>
</div>
<div class="team__member-socials">
<a href="https://www.facebook.com/rowena.marbida" target="_blank"
><i class="uil uil-facebook-f"></i
></a>
<a href="https://twitter.com/Speedy_RM1999" target="_blank"
><i class="fa-brands fa-x-twitter"></i></i
></a>
<a href="https://www.linkedin.com/in/rowena-marbida-2632ba251" target="_blank"
><i class="uil uil-linkedin-alt"></i
></a>
</div>
</article>
<article class="team__member core">
<div class="team__member-image">
<img src="images/Mychel_T.jpg" alt="" />
<!-- <img src="images/balbz_d.jpg" alt="" class="img-top"/> -->
</div>
<div class="team__member-info">
<h4>Mychel_T</h4>
</div>
<div class="team__member-socials">
<a href="https://www.facebook.com/mychelan.tautoan.7/" target="_blank"
><i class="uil uil-facebook-f"></i
></a>
<a href="https://twitter.com/MychelT1" target="_blank"
><i class="fa-brands fa-x-twitter"></i></i
></a>
<a href="https://www.linkedin.com/in/mychel-an-tauto-an/" target="_blank"
><i class="uil uil-linkedin-alt"></i
></a>
</div>
</article>
<article class="team__member core">
<div class="team__member-image">
<img src="images/clivv_azuki1.jpg" alt="" />
<!-- <img src="images/balbz_d.jpg" alt="" class="img-top"/> -->
</div>
<div class="team__member-info">
<h4>Clivv</h4>
</div>
<div class="team__member-socials">
<a href="https://www.facebook.com/clivvx27/" target="_blank"
><i class="uil uil-facebook-f"></i
></a>
<a href="https://twitter.com/clivvnft" target="_blank"
><i class="fa-brands fa-x-twitter"></i></i
></a>
<a href="www.linkedin.com/in/clivv" target="_blank"
><i class="uil uil-linkedin-alt"></i
></a>
</div>
</article>
<article class="team__member core">
<div class="team__member-image">
<img src="images/Aerva.jpg" alt="" />
<!-- <img src="images/balbz_d.jpg" alt="" class="img-top"/> -->
</div>
<div class="team__member-info">
<h4>Aerva</h4>
</div>
<div class="team__member-socials">
<a href="https://web.facebook.com/profile.php?id=100095422653463" target="_blank"
><i class="uil uil-facebook-f"></i
></a>
<a href="https://twitter.com/AervaWeb3" target="_blank"
><i class="fa-brands fa-x-twitter"></i></i
></a>
<a href="https://www.linkedin.com/in/rhowelle-calamba-6092752a3/" target="_blank"
><i class="uil uil-linkedin-alt"></i
></a>
</div>
</article>
</div>
<br />
<br />
<br />
<h2>Founding Members</h2>
<div class="container team__container fMember">
<article class="team__member">
<div class="team__member-image">
<img src="images/che_u.jpg" class="img-btm" alt="" />
<!-- <img src="images/che_d.jpg" class="img-top" /> -->
</div>
<div class="team__member-info">
<h4>Ritche</h4>
</div>
<div class="team__member-socials">
<a href="https://web.facebook.com/usefrj.joseph" target="_blank"
><i class="uil uil-facebook-f"></i
></a>
<a href="https://twitter.com/usef_nft" target="_blank"
><i class="fa-brands fa-x-twitter"></i></i
></a>
<a
href="https://www.linkedin.com/in/ritche-joseph-lelis-074b6a245/"
target="_blank"
><i class="uil uil-linkedin-alt"></i
></a>
</div>
</article>
<article class="team__member">
<div class="team__member-image">
<img src="images/jeam_u.jpeg" alt="" />
<!-- <img src="images/jeam_d.png" alt="" class="img-top" /> -->
</div>
<div class="team__member-info">
<h4>Jeam</h4>
</div>
<div class="team__member-socials">
<a href="https://web.facebook.com/jeam.balitaan" target="_blank"
><i class="uil uil-facebook-f"></i
></a>
<a href="https://twitter.com/jmnrdbltn" target="_blank"
><i class="fa-brands fa-x-twitter"></i></i
></a>
<a
href="https://www.linkedin.com/in/jeamnardbalitaan/"
target="_blank"
><i class="uil uil-linkedin-alt"></i
></a>
</div>
</article>
<article class="team__member">
<div class="team__member-image">
<img src="images/ed_d.jpg" alt="" />
<!-- <img src="images/ed_u.png" alt="" class="img-top"/> -->
</div>
<div class="team__member-info">
<h4>Ed</h4>
</div>
<div class="team__member-socials">
<a href="https://www.facebook.com/edmund.catungal" target="_blank"
><i class="uil uil-facebook-f"></i
></a>
<a href="https://twitter.com/RICKPICKLE_" target="_blank"
><i class="fa-brands fa-x-twitter"></i></i
></a>
<a
href="https://www.linkedin.com/in/edmund-catungal-107550232/"
target="_blank"
><i class="uil uil-linkedin-alt"></i
></a>
</div>
</article>
<article class="team__member">
<div class="team__member-image">
<img src="images/julz_u.jpg" alt="" />
</div>
<div class="team__member-info">
<h4>Ninong Julz</h4>
</div>
<div class="team__member-socials">
<a href="https://www.facebook.com/julian.barcega" target="_blank"
><i class="uil uil-facebook-f"></i
></a>
<a href="https://twitter.com/ninongjulz" target="_blank"
><i class="fa-brands fa-x-twitter"></i></i
></a>
<a
href="https://www.linkedin.com/in/julian-sonel-barcega-209595116"
target="_blank"
><i class="uil uil-linkedin-alt"></i
></a>
</div>
</article>
<article class="team__member">
<div class="team__member-image">
<img src="images/balbz_u.jpg" alt="" />
<!-- <img src="images/ed_u.png" alt="" class="img-top"/> -->
</div>
<div class="team__member-info">
<h4>Balbz</h4>
</div>
<div class="team__member-socials">
<a href="https://www.facebook.com/janaaaann/" target="_blank"
><i class="uil uil-facebook-f"></i
></a>
<a href="https://twitter.com/0xb4Lb1N" target="_blank"
><i class="fa-brands fa-x-twitter"></i></i
></a>
<a href="https://www.linkedin.com/in/jabalbin/" target="_blank"
><i class="uil uil-linkedin-alt"></i
></a>
</div>
</article>
<article class="team__member">
<div class="team__member-image">
<img src="images/tres_u.jpg" alt="" />
<!-- <img src="images/ed_u.png" alt="" class="img-top"/> -->
</div>
<div class="team__member-info">
<h4>Trespares</h4>
</div>
<div class="team__member-socials">
<a href="https://www.facebook.com/jc.lacsamana" target="_blank"
><i class="uil uil-facebook-f"></i
></a>
<a href="https://twitter.com/0xCrypt0NFT" target="_blank"
><i class="fa-brands fa-x-twitter"></i></i
></a>
<a
href="https://www.linkedin.com/in/josephlacsamana"
target="_blank"
><i class="uil uil-linkedin-alt"></i
></a>
</div>
</article>
</div>
</section>
<section id="faqs" class="faqs">
<h2>Frequently Asked Questions</h2>
<div class="container faqs__container">
<article class="faq">
<div class="faq__icon"><i class="uil uil-plus"></i></div>
<div class="question__answer">
<h4>What is a Web3 Builder?</h4>
<p>
A Web3 builder is a person or group of people who work to
develop a particular decentralized application (DApp) or
contribute to a blockchain-based project. This can involve
but not limited to project founders, devs, marketers,
community managers, moderators, beta-testers, content
creators, educators, and other web3 professionals. The role
of a web3 builder is important because solid project with
good value proposition can help drive the adoption and usage
of a DApp or blockchain-based project, as well as provide
valuable feedback and support for its development and
evolution. Web3 builders play a crucial role in shaping a
project's direction and culture and promoting its values and
mission to the broader community.
</p>
</div>
</article>
<article class="faq">
<div class="faq__icon"><i class="uil uil-plus"></i></div>
<div class="question__answer">
<h4>What is web3?</h4>
<p>
Web3 refers to the third generation of the World Wide Web,
which is focused on leveraging decentralized technologies
such as blockchain and distributed ledger technologies (DLT)
to create a more open, transparent, and secure internet.
Web3 technologies are designed to enable decentralized
applications (DApps) and other online platforms and services
that are not controlled by a single entity or organization,
but rather rely on a distributed network of nodes and users
to function. This decentralized architecture allows for
greater transparency, security, and autonomy, and has the
potential to disrupt and transform various industries and
sectors. Web3 technologies are often associated with the
blockchain and cryptocurrency space, but they have the
potential to be used in a wide range of applications and
industries, including supply chain management, online
identity, and reputation systems, peer-to-peer marketplaces,
and much more.
</p>
</div>
</article>
<article class="faq">
<div class="faq__icon"><i class="uil uil-plus"></i></div>
<div class="question__answer">
<h4>Is FW3 exclusively for Filipinos?</h4>
<p>
A Filipino, in general, is a person who is a citizen of the
Philippines, a Southeast Asian country located in the
western Pacific Ocean. The Philippines is a diverse and
multicultural country, with a population made up of many
different ethnic groups and cultures. FW3 is open to partner
or work with individuals, different projects and
communities outside of the Philippines who share our ideals
and vision of growing a better Web3 ecosystem. And
foreigners who may or not reside in the country, and who
have the heart to help out Filipinos in Web3 are most
welcome to be part of the community.
</p>
</div>
</article>
<article class="faq">
<div class="faq__icon"><i class="uil uil-plus"></i></div>
<div class="question__answer">
<h4>Is FW3 an agency?</h4>
<p>
By definition, an agency is a business or organization that
provides a specific service or fulfills a particular purpose
on behalf of another company, individual, or group. Agencies
can be found in many different sectors and industries and
can take many different forms, such as advertising agencies,
public relations agencies, staffing agencies, travel agencies,
and more. In general, an agency is hired by a client to perform
a specific task or set of tasks and is usually compensated for its
services either through a fee or commission. The client may be a
business, government agency, or individual, and the agency's services
may be focused on a particular area of expertise or industry. Hence,
Filipino Web3 is not an agency nor a business entity. Our main focus
is to empower Filipinos who are willing to learn about Web3-related
opportunities, either technical or non-technical, that are operating
in building Web3 projects.
</p>
</div>
</article>
<article class="faq">
<div class="faq__icon"><i class="uil uil-plus"></i></div>
<div class="question__answer">
<h4>We want to help. How can we be part of FW3?</h4>
<p>
We appreciate the help that we can get to keep this
organization in full operation. To set expectations,
Filipino Web3 is a non-profit organization and all core
members are doing their tasks voluntarily and without
expectation of any monetary compensation or incentives.
However, if you are willing to be an active member of the
organization, reach out to the core members to be
acknowledged.
</p>
</div>
</article>
<article class="faq">
<div class="faq__icon"><i class="uil uil-plus"></i></div>
<div class="question__answer">
<h4>Can a student or a dropout be a community builder?</h4>
<p>
In general, being a college student or a dropout does not
necessarily mean that you will be at a disadvantage when it
comes to working in the web3 industry. While a college
education can certainly provide valuable knowledge and skills
that can be helpful in this field, it is not a requirement
for success. Many successful professionals in the web3 industry
have come from a variety of educational and professional
backgrounds, and have acquired the necessary knowledge and skills
through other means, such as self-study, online courses, internships,
and work experience. That being said, the web3 industry is a rapidly
evolving field that requires a strong foundation in computer science,
mathematics, and other technical disciplines. As such, having a strong
educational background in these areas can be helpful in pursuing a
career in this field. It is also important to stay up-to-date on the
latest developments and trends in the industry, which can be achieved
through ongoing learning and professional development.
</p>
</div>
</article>
<!-- <article class="faq">
<div class="faq__icon"><i class="uil uil-plus"></i></div>
<div class="question__answer">
<h4>Can a student or a dropout be a community builder?</h4>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Recusandae non pariatur aperiam repudiandae asperiores provident
sed inventore totam, earum officiis!
</p>
</div>
</article>
<article class="faq">
<div class="faq__icon"><i class="uil uil-plus"></i></div>
<div class="question__answer">
<h4>What is a community builder?</h4>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Recusandae non pariatur aperiam repudiandae asperiores provident
sed inventore totam, earum officiis!
</p>
</div>
</article> -->
</div>
</section>
<!-- CONTACT US -->
<section id="contact" class="contact">
<div class="contact__container">
<aside class="contact__aside">
<div class="aside__image">
<img src="images/contact.svg" alt="" />
</div>
<h2>Contact Us</h2>
<p>Feel free to reach us out anything about Web3.😉</p>
<ul class="contact__details">
<li>
<i class="uil uil-envelope"></i>
<h5>filipinoweb3@gmail.com</h5>
</li>
<li>
<i class="uil uil-location-point"></i>
<h5>Web3</h5>
</li>
</ul>
<ul class="contact__socials">
<ul class="footer__socials">
<li>
<a
href="https://www.facebook.com/groups/filipinoweb3communitybuilders"
><i class="uil uil-facebook-f"></i
></a>
</li>
<li>
<a href="https://t.me/Filipinocryptomanagers"
><i class="uil uil-telegram"></i
></a>
</li>
<li>
<a href="https://twitter.com/filipinoweb3"
><i class="uil uil-twitter"></i
></a>
</li>
<li>
<a
href="https://www.linkedin.com/company/filipino-web3-community-builders/"
><i class="uil uil-linkedin-alt"></i
></a>
</li>
</ul>
</ul>
</aside>
<form
action="https://formkeep.com/f/13efdf753c97"
method="POST"
class="contact__form"
id="contact_form"
>
<input type="hidden" name="g-recaptcha-response" value="">
<div class="form__name">
<input
type="text"
name="First Name"
placeholder="First Name"
required
/>
<input
type="text"
name="Last Name"
placeholder="Last Name"
required
/>
</div>
<input
type="email"
name="Email Address"
placeholder="Your Email Address"
required
/>
<textarea
name="Message"
rows="7"
placeholder="Message"
required
></textarea>
<span id="captcha" style="color:red"></span>
<button
class="btn btn-primary"
type="submit"
form="contact_form"
onclick="formSubmitBtn(event)"
>
Send Message
</button>
</form>
</div>
</section>
<footer>
<div class="container footer__container">
<div class="footer__1">
<a href="index.html" class="footer__logo"><h4>FW3</h4></a>
<p>
helping to build a healthy group of Web3 enthusiasts and community
builders
</p>
</div>
<div class="footer__2">
<h4>Permalinks</h4>
<ul class="permalinks">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#faqs">FAQs</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
<div class="footer__3">
<h4>Privacy</h4>
<ul class="privacy">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms and Conditions</a></li>
</ul>
</div>
<div class="footer__4">
<h4>Contact Us</h4>
<div>
<p>filipinoweb3@gmail.com</p>
</div>
<ul class="footer__socials">
<li>
<a
href="https://www.facebook.com/groups/filipinoweb3communitybuilders"
><i class="uil uil-facebook-f"></i
></a>
</li>
<li>
<a href="https://t.me/Filipinocryptomanagers"
><i class="uil uil-telegram"></i
></a>
</li>
<li>
<a href="https://twitter.com/filipinoweb3"
><i class="fa-brands fa-x-twitter"></i></i
></a>
</li>
<li>
<a
href="https://www.linkedin.com/company/filipino-web3-community-builders/"
><i class="uil uil-linkedin-alt"></i
></a>
</li>
</ul>
</div>
<div class="footer__copyright">
<i>Copyright © 2025. FW3. All Rights Reserved.</i>
</div>
</div>
</footer>
<script src="./main.js"></script>
</body>
</html>