-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
1028 lines (948 loc) · 52.9 KB
/
Copy pathindex.html
File metadata and controls
1028 lines (948 loc) · 52.9 KB
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
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Primary Meta Tags -->
<title>Ignasius Wahyu Widodo | IT Infrastructure Leader & GRC Professional</title>
<meta name="title" content="Ignasius Wahyu Widodo | IT Infrastructure Leader & GRC Professional">
<meta name="description" content="Distinguished IT Leader with over 15 years of experience in IT infrastructure, Governance, Risk and Compliance, and cybersecurity.">
<meta name="author" content="Ignasius Wahyu Widodo">
<meta name="robots" content="index, follow">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://iwewe.github.io/">
<meta property="og:title" content="Ignasius Wahyu Widodo | IT Infrastructure Leader & GRC Professional">
<meta property="og:description" content="Distinguished IT Leader with over 15 years of experience in IT infrastructure, Governance, Risk and Compliance.">
<meta property="og:image" content="https://iwewe.github.io/examples/preview.JPG">
<meta property="og:site_name" content="Ignasius Wahyu Widodo">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:url" content="https://twitter.com/iwewe">
<meta name="twitter:title" content="Ignasius Wahyu Widodo | IT Infrastructure Leader">
<meta name="twitter:description" content="Distinguished IT Leader with over 15 years of experience in IT infrastructure and GRC.">
<meta name="twitter:site" content="@iwewe">
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png">
<link rel="manifest" href="/assets/img/favicon/manifest.json">
<meta name="theme-color" content="#00796b">
<!-- Font Awesome 6 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer">
<!-- Custom CSS -->
<link rel="stylesheet" href="/assets/css/modern.css">
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-126939217-2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-126939217-2');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PGZH8HT');</script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PGZH8HT" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- Skip to main content for accessibility -->
<a href="#main" class="skip-to-main">Skip to main content</a>
<!-- Desktop Sidebar Navigation -->
<nav class="nav-sidebar" aria-label="Main navigation">
<ul class="nav-sidebar-list" role="list">
<!-- Logo / Profile -->
<li class="nav-logo">
<a href="#intro" class="nav-logo-link" aria-label="Navigate to introduction">
<img src="/assets/img/iwewe-head.png" alt="Ignasius Wahyu Widodo" class="profile-pic">
</a>
</li>
<!-- Navigation Items -->
<li class="nav-item">
<a href="#about" class="nav-link">
<i class="nav-icon fas fa-user" aria-hidden="true"></i>
<span>About</span>
</a>
</li>
<li class="nav-item">
<a href="#experience" class="nav-link">
<i class="nav-icon fas fa-briefcase" aria-hidden="true"></i>
<span>Experience</span>
</a>
</li>
<li class="nav-item">
<a href="#projects" class="nav-link">
<i class="nav-icon fas fa-folder-open" aria-hidden="true"></i>
<span>Projects</span>
</a>
</li>
<li class="nav-item">
<a href="#skills" class="nav-link">
<i class="nav-icon fas fa-chart-bar" aria-hidden="true"></i>
<span>Skills</span>
</a>
</li>
<li class="nav-item">
<a href="#certifications" class="nav-link">
<i class="nav-icon fas fa-certificate" aria-hidden="true"></i>
<span>Certifications</span>
</a>
</li>
<li class="nav-item">
<a href="#education" class="nav-link">
<i class="nav-icon fas fa-graduation-cap" aria-hidden="true"></i>
<span>Education</span>
</a>
</li>
<li class="nav-item">
<a href="#volunteering" class="nav-link">
<i class="nav-icon fas fa-hands-helping" aria-hidden="true"></i>
<span>Volunteering</span>
</a>
</li>
<li class="nav-item">
<a href="#contact" class="nav-link">
<i class="nav-icon fas fa-envelope" aria-hidden="true"></i>
<span>Contact</span>
</a>
</li>
<li class="nav-item">
<a href="/resume.html" class="nav-link" target="_blank" rel="noopener">
<i class="nav-icon fas fa-file-pdf" aria-hidden="true"></i>
<span>Resume</span>
</a>
</li>
</ul>
</nav>
<!-- Mobile Navigation -->
<nav class="nav-mobile" aria-label="Mobile navigation">
<button class="mobile-menu-toggle" aria-label="Toggle navigation menu" aria-expanded="false">
<i class="fas fa-bars"></i>
</button>
<div class="name-title">
<a href="#intro">Ignasius Wahyu Widodo</a>
<span>Resume</span>
</div>
</nav>
<!-- Mobile Sidebar -->
<aside class="nav-mobile-sidebar" aria-label="Mobile navigation menu">
<ul class="nav-sidebar-list" role="list">
<li class="nav-item">
<a href="#about" class="nav-link">
<i class="nav-icon fas fa-user" aria-hidden="true"></i>
<span>About</span>
</a>
</li>
<li class="nav-item">
<a href="#experience" class="nav-link">
<i class="nav-icon fas fa-briefcase" aria-hidden="true"></i>
<span>Experience</span>
</a>
</li>
<li class="nav-item">
<a href="#projects" class="nav-link">
<i class="nav-icon fas fa-folder-open" aria-hidden="true"></i>
<span>Projects</span>
</a>
</li>
<li class="nav-item">
<a href="#skills" class="nav-link">
<i class="nav-icon fas fa-chart-bar" aria-hidden="true"></i>
<span>Skills</span>
</a>
</li>
<li class="nav-item">
<a href="#certifications" class="nav-link">
<i class="nav-icon fas fa-certificate" aria-hidden="true"></i>
<span>Certifications</span>
</a>
</li>
<li class="nav-item">
<a href="#education" class="nav-link">
<i class="nav-icon fas fa-graduation-cap" aria-hidden="true"></i>
<span>Education</span>
</a>
</li>
<li class="nav-item">
<a href="#volunteering" class="nav-link">
<i class="nav-icon fas fa-hands-helping" aria-hidden="true"></i>
<span>Volunteering</span>
</a>
</li>
<li class="nav-item">
<a href="#contact" class="nav-link">
<i class="nav-icon fas fa-envelope" aria-hidden="true"></i>
<span>Contact</span>
</a>
</li>
<li class="nav-item">
<a href="/resume.html" class="nav-link" target="_blank" rel="noopener">
<i class="nav-icon fas fa-file-pdf" aria-hidden="true"></i>
<span>Resume</span>
</a>
</li>
</ul>
</aside>
<!-- Mobile Overlay -->
<div class="nav-mobile-overlay"></div>
<!-- Main Content -->
<main id="main">
<!-- Hero Section -->
<section id="intro" class="section full-height">
<div class="hero-overlay"></div>
<div class="container">
<div class="hero-content">
<h1 class="hero-title">
Hi, I'm <span class="highlight">Ignasius Wahyu Widodo.</span>
</h1>
<h2 class="hero-subtitle">
A <span class="typing"></span>
</h2>
<p class="hero-description">
Self-driven, quick starter, passionate IT infrastructure professional with a curious mind who enjoys solving complex and challenging real-world problems.
</p>
<!-- Social Links -->
<div class="social-links">
<a href="https://linkedin.com/in/iwewe" target="_blank" rel="noopener noreferrer" class="icon-btn linkedin" aria-label="LinkedIn Profile">
<i class="fab fa-linkedin-in"></i>
</a>
<a href="https://github.com/iwewe" target="_blank" rel="noopener noreferrer" class="icon-btn github" aria-label="GitHub Profile">
<i class="fab fa-github"></i>
</a>
<a href="https://www.iww.my.id" target="_blank" rel="noopener noreferrer" class="icon-btn website" aria-label="Personal Website">
<i class="fas fa-globe"></i>
</a>
</div>
<!-- CTA Buttons -->
<div class="btn-group">
<a href="#about" class="btn btn-primary">Read More</a>
<a href="#contact" class="btn btn-outline">Contact Me</a>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="section">
<h3 class="page-title">About</h3>
<div class="container">
<p>
Distinguished IT Leader with over 15 years of experience in spearheading infrastructure projects, managing comprehensive service delivery, and ensuring the robust and secure functioning of IT systems. Proficient in developing IT policies and integrating quality standards such as ISO 9001, ISO 27001, and the NIST framework for information security, I excel in incident mitigation, detailed documentation, and resource allocation. My extensive expertise covers a wide range of technology systems, including network infrastructure, cloud & SaaS, operating systems, and enterprise applications, and is supported by strong project management skills. I am known for exceptional leadership and effectively use reporting dashboards for performance tracking and decision-making while cultivating and inspiring top-tier teams to meet project objectives within budget and timelines.
</p>
<div class="grid grid-cols-2" style="margin-top: 2rem;">
<div>
<h4 style="margin-bottom: 1rem; color: var(--color-primary);">Technical Skills</h4>
<ul style="list-style-type: disc; padding-left: 1.5rem;">
<li><strong>Languages:</strong> HTML/CSS, Bash, Python, Java, JavaScript, C, C++</li>
<li><strong>Databases:</strong> MySQL, PostgreSQL, Oracle</li>
<li><strong>Operating Systems:</strong> FreeBSD, Red Hat Linux, Slackware Linux, Windows Server, Ubuntu Linux, Kali Linux</li>
<li><strong>Devices:</strong> Cisco, Mikrotik, Checkpoint, Palo Alto, Ruckus, Unifi, Juniper, Aruba</li>
<li><strong>Tools & Technologies:</strong> Git, Docker, AWS, GCP, Azure, JIRA</li>
</ul>
</div>
<div>
<h4 style="margin-bottom: 1rem; color: var(--color-primary);">Professional Skills</h4>
<ul style="list-style-type: disc; padding-left: 1.5rem;">
<li><strong>Project Management:</strong> PMP, Scrum, Asana</li>
<li><strong>Data Visualization:</strong> iDashboard, Tableau, Power BI</li>
<li><strong>Frameworks:</strong> ISO 27001, ISO 9001, NIST, ITIL Foundation v4</li>
</ul>
</div>
</div>
<p style="margin-top: 2rem;">
I am multilingual with a solid comprehension of cultural diversity, which enhances my ability to navigate and manage diverse teams effectively. My skills extend to disaster recovery planning, emergency response, and training, reflecting my commitment to guiding organizations through the complexities of modern technology while promoting efficiency and positive outcomes.
</p>
<p style="margin-top: 1rem;">
Looking for an opportunity to work in a challenging position combining my skills in Governance, Risk, and Compliance, which provides professional development, interesting experiences and personal growth.
</p>
</div>
</section>
<!-- Experience Section -->
<section id="experience" class="section">
<h3 class="page-title">Experience</h3>
<div class="container">
<!-- Experience 1: Combine Resources Institution (Current) -->
<article class="card">
<div class="card-content">
<div class="card-with-logo">
<img src="/assets/img/logo-cri.png" alt="Combine Resources Institution logo" class="card-logo">
<div class="card-body">
<h4 class="card-title">
<a href="#" class="hoverline">Combine Resources Institution</a>
</h4>
<p class="card-subtitle">IT Manager</p>
<ul>
<li>Spearheaded a regional cybersecurity initiative to protect human rights defenders and civil society organizations across Asia, delivering strategic guidance and hands-on technical support in high-risk environments.</li>
<li>Designed and delivered targeted digital security and resilience training programs, building local capacity and strengthening frontline organizational readiness.</li>
<li>Collaborated with regional partners to implement integrated support systems, including secure communication tools, network security protocols, and crisis response strategies.</li>
<li>Led the successful implementation of the Sistem Informasi Desa project across Indonesia, ensuring secure, reliable technology solutions to support community development and field operations.</li>
<li>Championed long-term organizational resilience and digital wellbeing by advancing cybersecurity awareness, infrastructure sustainability, and cross-border collaboration across the Asia-Pacific.</li>
<li>Provided technology support to Emergency Response Units during disaster relief operations, ensuring continuity, secure communications, and rapid IT response in emergency contexts.</li>
</ul>
</div>
</div>
</div>
<div class="card-action">
<span>Oct 2023 - Present | Yogyakarta, Indonesia</span>
</div>
</article>
<!-- Experience 2: Sysmex -->
<article class="card">
<div class="card-content">
<div class="card-with-logo">
<img src="/assets/img/sysmex.png" alt="Sysmex logo" class="card-logo">
<div class="card-body">
<h4 class="card-title">
<a href="https://www.sysmex.com/" target="_blank" rel="noopener" class="hoverline">Sysmex Asia Pacific</a>
</h4>
<p class="card-subtitle">IT Infrastructure Assistant Manager</p>
<ul>
<li>Ensured efficient and effective functioning of IT infrastructure, providing seamless access to end users and management with embedded security measures.</li>
<li>Actively participated in team projects, showcasing collaborative and effective working style.</li>
<li>Showed high level of initiative and creativity when tackling challenging tasks.</li>
<li>Adapted quickly to new technologies and software applications, ensuring seamless integration into organization's infrastructure.</li>
<li>Demonstrated attention to detail by promptly addressing and resolving discrepancies in paperwork.</li>
<li>Delivered exceptional services within specific time frames, meeting and exceeding customer expectations.</li>
<li>Implemented security awareness programs to educate and increase employee awareness of security practices.</li>
<li>Led security incident management, resolution, reporting, and provided recommendations to prevent future incidents.</li>
<li>Participated in planning and execution of disaster recovery and business continuity exercises.</li>
<li>Helped with planning schedules and delegating assignments to meet coverage and service demands.</li>
<li>Supervised day-to-day operations to meet performance, quality and service expectations.</li>
<li>Developed customized policies, procedures and controls, disaster recovery plans and technical documentation for applications, systems and infrastructure.</li>
<li>Planned and executed ISO engagements under direction of management.</li>
<li>Achieved 100% IT infrastructure standard compliance by Asia Regional and Corporate.</li>
<li><strong>Tools and Technologies:</strong> SharePoint, SAP S4/HANA, Windows Server, Ruckus, Juniper, Aruba</li>
</ul>
</div>
</div>
</div>
<div class="card-action">
<span>May 2022 - Nov 2023 | Jakarta, Indonesia</span>
</div>
</article>
<!-- Experience 2: Food for the Hungry - Technical Project Solution Specialist -->
<article class="card">
<div class="card-content">
<div class="card-with-logo">
<img src="/assets/img/fh.png" alt="Food for the Hungry logo" class="card-logo">
<div class="card-body">
<h4 class="card-title">
<a href="https://www.fh.org" target="_blank" rel="noopener" class="hoverline">Food for the Hungry</a>
</h4>
<p class="card-subtitle">Technical Project Solution Specialist</p>
<ul>
<li>Oversaw IT operations in 75 offices across 20+ countries, spanning US, Asia, Africa, Latin America & Caribbean regions.</li>
<li>Provided technical leadership to international IT staff, fostering collaboration and knowledge-sharing.</li>
<li>Conducted thorough IT audits, collecting data from multiple sources and presenting comprehensive results through After Action Reviews.</li>
<li>Developed and implemented common IT standards and policies across all international offices, ensuring consistency and efficiency.</li>
<li>Facilitated regular meetings between global, regional, and field IT staff to align goals and coordinate strategies.</li>
<li>Planned and executed various IT projects, including system evaluations, research, testing, cloud integration, and network infrastructure upgrades.</li>
<li>Assisted Country Directors in defining IT budgets, optimizing resource allocation for maximum impact.</li>
<li>Collaborated with Global Security IT teams to develop, implement, and update IT security systems.</li>
<li>Managed IT security initiatives, including risk assessments, vulnerability management, and security audits.</li>
<li>Conducted security incident investigations, analyzing root causes, and implementing corrective actions.</li>
<li>Identified opportunities for system and security improvements, enhancing performance and supporting business needs.</li>
<li>Conducted compliance testing of Information Security Standard (ISS) controls and implemented necessary measures.</li>
<li><strong>Tools and Technologies:</strong> Python, Odoo, JIRA, Palo Alto, Power BI</li>
</ul>
</div>
</div>
</div>
<div class="card-action">
<span>Oct 2019 - Dec 2020 | Arizona, United States</span>
</div>
</article>
<!-- Experience 3: Food for the Hungry - Asia Regional IT Manager -->
<article class="card">
<div class="card-content">
<div class="card-with-logo">
<img src="/assets/img/fh.png" alt="Food for the Hungry logo" class="card-logo">
<div class="card-body">
<h4 class="card-title">
<a href="https://www.fh.org" target="_blank" rel="noopener" class="hoverline">Food for the Hungry</a>
</h4>
<p class="card-subtitle">Asia Regional IT Manager</p>
<ul>
<li>Successfully managed and supervised a team of 6 Asia IT officers, ensuring their productivity and growth through constructive feedback and guidance.</li>
<li>Developed and maintained IT policies and relevant Standard Operating Procedures (SOP), regularly reviewing and implementing updates.</li>
<li>Expertly handled multiple projects simultaneously, guaranteeing high-quality deliverables within tight deadlines.</li>
<li>Maintained efficient day-to-day IT operations, executing tasks accurately and efficiently.</li>
<li>Improved operations by collaborating with team members and FH Asia staff to identify and implement workable solutions.</li>
<li>Conducted regular visits to Asia's main office to evaluate IT performance, identify needs, provide training, and spearhead special projects.</li>
<li>Achieved cost-savings by developing functional solutions to software license challenges.</li>
<li>Demonstrated leadership by improving work processes and training FH Asia regional staff.</li>
<li>Delivered excellent service and support to 400+ regional staff, both in face-to-face interactions and through virtual meetings.</li>
<li>Created innovative programs that increased productivity and staff satisfaction in FH Asia regional office.</li>
<li>Worked closely with Project Management Officer to ensure effective communication and timely project completion.</li>
<li>Maintained a customer-centric approach, handling challenging situations with ease and offering friendly and efficient service.</li>
<li>Collaborated with cross-functional teams to ensure compliance with regulatory requirements and industry standards.</li>
<li>Communicated and enforced global security standards and procedures to local countries.</li>
<li><strong>Tools and Technology:</strong> JIRA, Ubuntu, Checkpoint, Unifi, OKTA, Synology, Ruckus, Cisco</li>
</ul>
</div>
</div>
</div>
<div class="card-action">
<span>Oct 2018 - Sep 2019 | Kuala Lumpur, Malaysia</span>
</div>
</article>
<!-- Experience 4: Food for the Hungry - Asia Regional IT Administrator -->
<article class="card">
<div class="card-content">
<div class="card-with-logo">
<img src="/assets/img/fh.png" alt="Food for the Hungry logo" class="card-logo">
<div class="card-body">
<h4 class="card-title">
<a href="https://www.fh.org" target="_blank" rel="noopener" class="hoverline">Food for the Hungry</a>
</h4>
<p class="card-subtitle">Asia Regional IT Administrator</p>
<ul>
<li>Collaborated closely with FH Asia country teams to deliver project requirements, develop solutions, and meet deadlines.</li>
<li>Leveraged WorldLink and FHConnect applications to compile and input data from various sources, ensuring accuracy and efficiency.</li>
<li>Led comprehensive project to replace all Microsoft Windows desktops with FH-Ubuntu in several countries, resulting in enhanced security, reduced software piracy, increased computer performance, and extended device life cycles.</li>
<li>Conducted regular visits to field offices across Asia to assess IT performance, identify needs, provide training, and execute special projects.</li>
<li>Actively participated in regional IT coordinator meetings, fostering collaboration and exploring new development opportunities.</li>
<li>Provided top-notch assistance to FH Asia regional staff through approximately 20 calls per day, addressing their questions and concerns.</li>
<li>Contributed to development, planning, and successful completion of project initiatives.</li>
<li>Handled delegated tasks, including staff capacity building and monitoring evaluation processes.</li>
<li>Demonstrated self-reliance by meeting and exceeding workflow needs.</li>
<li>Developed and communicated project plans and deadlines to ensure timely completion.</li>
<li>Acquired new skills quickly, enhancing efficiency and productivity in daily tasks.</li>
<li>Monitored IT inventory to ensure accurate stock levels and updated databases.</li>
<li>Conducted minor preventative maintenance and technical repairs on equipment.</li>
<li>Implemented and maintained security controls and measures to protect company assets and data.</li>
<li>Developed and delivered security awareness training programs for employees.</li>
<li>Prepared and managed budgets and IT plans.</li>
<li><strong>Tools and Technology:</strong> Ubuntu, Mikrotik, Cisco, Windows Server, VMWare, Checkpoint, OrangeHRM, SunSystem</li>
</ul>
</div>
</div>
</div>
<div class="card-action">
<span>Jan 2011 - Sep 2018 | Kuala Lumpur, Malaysia</span>
</div>
</article>
<!-- Experience 5: SATUNAMA - IT Coordinator -->
<article class="card">
<div class="card-content">
<div class="card-with-logo">
<img src="/assets/img/satunama.png" alt="SATUNAMA logo" class="card-logo">
<div class="card-body">
<h4 class="card-title">
<a href="https://www.satunama.org" target="_blank" rel="noopener" class="hoverline">SATUNAMA</a>
</h4>
<p class="card-subtitle">IT Coordinator</p>
<ul>
<li>Provided exceptional service and support to all staff through face-to-face and phone interactions.</li>
<li>Prioritized and organized tasks to efficiently achieve service goals.</li>
<li>Successfully migrated all pirated software to open-source alternatives and conducted user training.</li>
<li>Led migration from Postfix email system to Google Workspace, conducting user training for 70 staff members.</li>
<li>Recognized for delivering exceptional customer service, earning accolades from management.</li>
<li>Performed maintenance and technical repairs on equipment.</li>
<li>Maintained compliance with applicable standards, policies, and regulatory guidelines to ensure a safe working environment.</li>
<li>Developed team communications and information for meetings.</li>
<li>Managed filing systems for electronic and hard copy documents, ensuring organized records.</li>
<li>Led development of server infrastructure, including quality assurance, staging, and production systems.</li>
<li>Provided recommendations for information technology infrastructure improvements.</li>
<li>Maintained a flexible schedule and promptly responded to after-hours and weekend emergencies.</li>
<li>Performed network security design and integration duties.</li>
<li>Monitored networks and network devices, promptly resolving technical problems.</li>
<li>Implemented and tested installation and update of file servers, print servers, and application servers across various departments.</li>
<li><strong>Tools and Technology:</strong> FreeBSD, Slackware, Ubuntu, Mikrotik, Postfix, Google Workspace, Alfresco, SharePoint</li>
</ul>
</div>
</div>
</div>
<div class="card-action">
<span>Jan 2004 - Dec 2010 | Yogyakarta, Indonesia</span>
</div>
</article>
</div>
</section>
<!-- Projects Section -->
<section id="projects" class="section">
<h3 class="page-title">Projects</h3>
<div class="container">
<div class="projects-grid">
<!-- Project 1: Migration Windows to Linux (SATUNAMA) -->
<div class="project-card">
<img src="/assets/img/windows-linux.jpeg" alt="Windows to Linux Migration" class="project-image">
<div class="project-content">
<h4 class="project-title">Migration Windows to Linux in SATUNAMA</h4>
<p class="project-description">
Migration Windows to Knoppix and Ubuntu Linux
</p>
<ul style="list-style-type: disc; padding-left: 1.5rem; font-size: 0.9rem;">
<li><strong>Tools:</strong> Bash, Knoppix, Ubuntu, VirtualBox</li>
<li>Roll out installation Knoppix and Ubuntu Linux to all SATUNAMA computer</li>
<li>Linux user training</li>
<li>Implementation of Opensource software</li>
</ul>
</div>
</div>
<!-- Project 2: Migration Windows to Ubuntu (FH) -->
<div class="project-card">
<img src="/assets/img/windows-linux.png" alt="Windows to Ubuntu Migration" class="project-image">
<div class="project-content">
<h4 class="project-title">Migration Windows to Ubuntu in FH</h4>
<p class="project-description">
Migration Windows to Ubuntu using remastersys
</p>
<ul style="list-style-type: disc; padding-left: 1.5rem; font-size: 0.9rem;">
<li><strong>Tools:</strong> Bash, Ubuntu, Remastersys, VirtualBox</li>
<li>Remaster Ubuntu Linux following standard software</li>
<li>Roll out installation Ubuntu to all FH Asia computer</li>
<li>Ubuntu user training</li>
<li>Implementation of Opensource software</li>
</ul>
</div>
</div>
<!-- Project 3: Owncloud Service -->
<div class="project-card">
<img src="/assets/img/owncloud.png" alt="Owncloud Service" class="project-image">
<div class="project-content">
<h4 class="project-title">Owncloud Service</h4>
<p class="project-description">
Distributed sharing and syncing files across country offices in FH Asia. Main purpose to automatic sync child sponsorship file before upload to Worldlink System.
</p>
<ul style="list-style-type: disc; padding-left: 1.5rem; font-size: 0.9rem;">
<li><strong>Tools:</strong> Ubuntu, Owncloud</li>
<li>Owncloud server installation in field office</li>
<li>Owncloud desktop client installation for respective staff</li>
<li>Administrator and User training</li>
</ul>
</div>
</div>
<!-- Project 4: ClearOS Gateway System -->
<div class="project-card">
<img src="/assets/img/clearos-small.png" alt="ClearOS Gateway" class="project-image">
<div class="project-content">
<h4 class="project-title">ClearOS Gateway System</h4>
<p class="project-description">
Implementing ClearOS Gateway System cross FH Office
</p>
<ul style="list-style-type: disc; padding-left: 1.5rem; font-size: 0.9rem;">
<li><strong>Tools:</strong> ClearOS, Bash</li>
<li>Installation ClearOS in FH field office</li>
<li>Setup firewall, VPN, proxy, samba</li>
<li>Administrator training</li>
</ul>
</div>
</div>
<!-- Project 5: OrangeHRM Implementation -->
<div class="project-card">
<img src="/assets/img/orange.png" alt="OrangeHRM" class="project-image">
<div class="project-content">
<h4 class="project-title">OrangeHRM Implementation</h4>
<p class="project-description">
Implementation Human Resources Management Information System using OrangeHRM
</p>
<ul style="list-style-type: disc; padding-left: 1.5rem; font-size: 0.9rem;">
<li>Initiative for Food for the Hungry Global Human Resources</li>
<li>Working with vendor OrangeHRM</li>
<li>Roll out process field office</li>
</ul>
</div>
</div>
<!-- Project 6: Odoo Implementation -->
<div class="project-card">
<img src="/assets/img/odoo.png" alt="Odoo Implementation" class="project-image">
<div class="project-content">
<h4 class="project-title">Odoo Implementation</h4>
<p class="project-description">
Digitalization and automatization process using Odoo
</p>
<ul style="list-style-type: disc; padding-left: 1.5rem; font-size: 0.9rem;">
<li>Implementation of Odoo for Asia Regional Office</li>
<li>Customize modules for specific needs</li>
<li>Training and deployment</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Skills Section -->
<section id="skills" class="section">
<h3 class="page-title">Skills</h3>
<div class="container">
<!-- Languages and Databases -->
<div class="card">
<div class="card-content">
<h4 style="color: var(--color-primary); margin-bottom: 1.5rem;">Languages and Databases</h4>
<div class="grid grid-cols-3" style="text-align: center; gap: 1.5rem;">
<div>
<img src="/assets/img/python-logo-1-300x300.jpg" alt="Python" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">Python</p>
</div>
<div>
<img src="/assets/img/html5-300x300.jpg" alt="HTML5" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">HTML5</p>
</div>
<div>
<img src="/assets/img/css3-300x300.jpg" alt="CSS3" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">CSS3</p>
</div>
<div>
<img src="/assets/img/mysql-logo-1-300x300.jpg" alt="MySQL" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">MySQL</p>
</div>
<div>
<img src="/assets/img/postgresql-logo.png" alt="PostgreSQL" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">PostgreSQL</p>
</div>
<div>
<img src="/assets/img/shell-logo-1-300x300.jpg" alt="Shell Scripting" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">Shell Scripting</p>
</div>
</div>
</div>
</div>
<!-- Libraries -->
<div class="card">
<div class="card-content">
<h4 style="color: var(--color-primary); margin-bottom: 1.5rem;">Libraries</h4>
<div class="grid grid-cols-3" style="text-align: center; gap: 1.5rem;">
<div>
<img src="/assets/img/numpy-logo-1-500x500.jpg" alt="NumPy" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">NumPy</p>
</div>
<div>
<img src="/assets/img/pandas-logo-2-500x500.jpg" alt="Pandas" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">Pandas</p>
</div>
<div>
<img src="/assets/img/opencv-logo-1-500x500.jpg" alt="OpenCV" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">OpenCV</p>
</div>
<div>
<img src="/assets/img/sk-learn-logo-1-500x500.jpg" alt="scikit-learn" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">scikit-learn</p>
</div>
<div>
<img src="/assets/img/matplotlib-logo-1-500x500.jpg" alt="matplotlib" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">matplotlib</p>
</div>
</div>
</div>
</div>
<!-- Frameworks -->
<div class="card">
<div class="card-content">
<h4 style="color: var(--color-primary); margin-bottom: 1.5rem;">Frameworks</h4>
<div class="grid grid-cols-3" style="text-align: center; gap: 1.5rem; margin-bottom: 2rem;">
<div>
<img src="/assets/img/django-logo.webp" alt="Django" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">Django</p>
</div>
<div>
<img src="/assets/img/flask-logo.png" alt="Flask" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">Flask</p>
</div>
<div>
<img src="/assets/img/bootstrap.png" alt="Bootstrap" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">Bootstrap</p>
</div>
<div>
<img src="/assets/img/keras-logo.png" alt="Keras" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">Keras</p>
</div>
<div>
<img src="/assets/img/tensorflow-logo-1.png" alt="TensorFlow" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">TensorFlow</p>
</div>
<div>
<img src="/assets/img/pytorch-logo.png" alt="PyTorch" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">PyTorch</p>
</div>
</div>
<!-- Compliance Frameworks Skill Bars -->
<h5 style="color: var(--color-primary); margin: 2rem 0 1rem; font-size: 1.1rem;">Compliance & GRC Frameworks</h5>
<div class="skill-item">
<div class="skill-name">
<span>ISO 27001 / ISO 9001</span>
<span>95%</span>
</div>
<div class="skill-bar">
<div class="skill-progress" style="width: 95%"></div>
</div>
</div>
<div class="skill-item">
<div class="skill-name">
<span>NIST Cybersecurity Framework</span>
<span>90%</span>
</div>
<div class="skill-bar">
<div class="skill-progress" style="width: 90%"></div>
</div>
</div>
<div class="skill-item">
<div class="skill-name">
<span>ITIL Foundation v4</span>
<span>85%</span>
</div>
<div class="skill-bar">
<div class="skill-progress" style="width: 85%"></div>
</div>
</div>
</div>
</div>
<!-- Other Tools -->
<div class="card">
<div class="card-content">
<h4 style="color: var(--color-primary); margin-bottom: 1.5rem;">Other Tools & Technologies</h4>
<div class="grid grid-cols-3" style="text-align: center; gap: 1.5rem;">
<div>
<img src="/assets/img/git.png" alt="Git" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">Git</p>
</div>
<div>
<img src="/assets/img/aws.png" alt="AWS" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">AWS</p>
</div>
<div>
<img src="/assets/img/heroku.png" alt="Heroku" class="skill-icon" style="width: 80px; height: 80px; object-fit: contain; margin: 0 auto 0.5rem;">
<p style="font-size: 0.9rem;">Heroku</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Certifications Section -->
<section id="certifications" class="section">
<h3 class="page-title">Certifications</h3>
<div class="container">
<div class="grid grid-cols-2" style="gap: 1.5rem;">
<!-- Cert 1 -->
<div class="card" style="margin-bottom: 0;">
<img src="/assets/img/cert/cert3.png" alt="AWS Cloud Concepts" class="card-image" style="height: 200px;">
<div class="card-content" style="padding: 1rem;">
<p style="color: var(--color-primary); font-weight: 600; font-size: 0.9rem;">Introduction to AWS for Non-Engineers: 1 Cloud Concepts</p>
</div>
</div>
<!-- Cert 2 -->
<div class="card" style="margin-bottom: 0;">
<img src="/assets/img/cert/cert1.png" alt="AWS Security" class="card-image" style="height: 200px;">
<div class="card-content" style="padding: 1rem;">
<p style="color: var(--color-primary); font-weight: 600; font-size: 0.9rem;">Introduction to AWS for Non-Engineers: 2 Security</p>
</div>
</div>
<!-- Cert 3 -->
<div class="card" style="margin-bottom: 0;">
<img src="/assets/img/cert/cert2.png" alt="CISSP Basics" class="card-image" style="height: 200px;">
<div class="card-content" style="padding: 1rem;">
<p style="color: var(--color-primary); font-weight: 600; font-size: 0.9rem;">CISSP Cert Prep: The Basics</p>
</div>
</div>
<!-- Cert 4 -->
<div class="card" style="margin-bottom: 0;">
<img src="/assets/img/cert/cert4.png" alt="ITIL Foundation" class="card-image" style="height: 200px;">
<div class="card-content" style="padding: 1rem;">
<p style="color: var(--color-primary); font-weight: 600; font-size: 0.9rem;">ITIL® Foundation 4 First Look</p>
</div>
</div>
<!-- Cert 5 -->
<div class="card" style="margin-bottom: 0;">
<img src="/assets/img/cert/cert5.png" alt="Learning Jira" class="card-image" style="height: 200px;">
<div class="card-content" style="padding: 1rem;">
<p style="color: var(--color-primary); font-weight: 600; font-size: 0.9rem;">Learning Jira (Cloud Edition) (2020)</p>
</div>
</div>
<!-- Cert 6 -->
<div class="card" style="margin-bottom: 0;">
<img src="/assets/img/cert/cert6.png" alt="CCSP" class="card-image" style="height: 200px;">
<div class="card-content" style="padding: 1rem;">
<p style="color: var(--color-primary); font-weight: 600; font-size: 0.9rem;">Certified Cloud Security Professional (CCSP)</p>
</div>
</div>
<!-- Cert 7 -->
<div class="card" style="margin-bottom: 0;">
<img src="/assets/img/cert/cert8.png" alt="AWS Certified" class="card-image" style="height: 200px;">
<div class="card-content" style="padding: 1rem;">
<p style="color: var(--color-primary); font-weight: 600; font-size: 0.9rem;">AWS Certified Cloud Practitioner</p>
</div>
</div>
<!-- Cert 8 -->
<div class="card" style="margin-bottom: 0;">
<img src="/assets/img/cert/cert9.png" alt="Azure Policies" class="card-image" style="height: 200px;">
<div class="card-content" style="padding: 1rem;">
<p style="color: var(--color-primary); font-weight: 600; font-size: 0.9rem;">Azure Policies</p>
</div>
</div>
<!-- Cert 9 -->
<div class="card" style="margin-bottom: 0;">
<img src="/assets/img/cert/cert10.png" alt="CGEIT" class="card-image" style="height: 200px;">
<div class="card-content" style="padding: 1rem;">
<p style="color: var(--color-primary); font-weight: 600; font-size: 0.9rem;">Certified in the Governance of Enterprise IT (CGEIT)</p>
</div>
</div>
<!-- Cert 10 -->
<div class="card" style="margin-bottom: 0;">
<img src="/assets/img/cert/cert11.png" alt="Check Point" class="card-image" style="height: 200px;">
<div class="card-content" style="padding: 1rem;">
<p style="color: var(--color-primary); font-weight: 600; font-size: 0.9rem;">Check Point Jump Start</p>
</div>
</div>
<!-- Cert 11 -->
<div class="card" style="margin-bottom: 0;">
<img src="/assets/img/cert/cert12.png" alt="CISCO Security" class="card-image" style="height: 200px;">
<div class="card-content" style="padding: 1rem;">
<p style="color: var(--color-primary); font-weight: 600; font-size: 0.9rem;">CISCO IT Security Makeover</p>
</div>
</div>
<!-- Cert 12 -->
<div class="card" style="margin-bottom: 0;">
<img src="/assets/img/cert/cert13.png" alt="CISSP" class="card-image" style="height: 200px;">
<div class="card-content" style="padding: 1rem;">
<p style="color: var(--color-primary); font-weight: 600; font-size: 0.9rem;">Certified Information Systems Security Professional (CISSP)</p>
</div>
</div>
</div>
</div>
</section>
<!-- Education Section -->
<section id="education" class="section">
<h3 class="page-title">Education</h3>
<div class="container">
<article class="card">
<div class="card-content">
<h4 class="card-title">
<a href="https://www.usd.ac.id/" target="_blank" rel="noopener" class="hoverline">Sanata Dharma University</a>
</h4>
<p class="card-subtitle">Yogyakarta, Indonesia</p>
<div style="margin-top: 1rem;">
<p><strong>Degree:</strong> Bachelor of Science</p>
<p><strong>GPA:</strong> 3.5/4.0</p>
</div>
<div style="margin-top: 1rem;">
<p><strong>Relevant Courseworks:</strong></p>
<ul style="list-style-type: disc; padding-left: 1.5rem; margin-top: 0.5rem;">
<li>Data Structures and Algorithms</li>
<li>Database Management Systems</li>
<li>Operating Systems</li>
<li>Machine Learning</li>
<li>Computer Vision</li>
</ul>
</div>
</div>
<div class="card-action">
<span>1994 - 1998</span>
</div>
</article>
</div>
</section>
<!-- Volunteering Section -->
<section id="volunteering" class="section">
<h3 class="page-title">Volunteering</h3>
<div class="container">
<!-- Volunteering 1: ATII -->
<article class="card">
<div class="card-content">
<div class="card-with-logo">
<img src="https://followmoneyfightslavery.org/wp-content/uploads/2022/11/ATII-long-logo.png" alt="ATII logo" class="card-logo">
<div class="card-body">
<h4 class="card-title">
<a href="https://followmoneyfightslavery.org/" target="_blank" rel="noopener" class="hoverline">Anti-Human Trafficking Intelligence Initiative</a>
</h4>
<ul>
<li>A non-profit focused on the sharing of intelligence, best practices and the development of tools to fight trafficking.</li>
<li>Human Trafficking and Child Sexual Exploitation are human crimes exploiting our most vulnerable. These human crimes are financially motivated and facilitated.</li>
<li>Supporting mission with OSINT techniques</li>
</ul>
</div>
</div>
</div>
<div class="card-action">
<span>Currently</span>
</div>
</article>
<!-- Volunteering 2: UN Volunteers -->
<article class="card">
<div class="card-content">
<div class="card-with-logo">
<img src="/assets/img/unv_logo_en.svg" alt="UN Volunteers logo" class="card-logo">
<div class="card-body">
<h4 class="card-title">
<a href="https://www.unv.org/" target="_blank" rel="noopener" class="hoverline">United Nations Volunteers Programme</a>
</h4>
<ul>
<li>A United Nations organization dedicated to promoting peace and development globally through volunteerism.</li>
<li>Participate in Online Volunteering Services.</li>
<li>Project assignments involve tasks such as web development, remote installations, and bug fixes for assigned NGO partners.</li>
</ul>
</div>
</div>
</div>
<div class="card-action">
<span>Aug 2009 - Dec 2011</span>
</div>
</article>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="section full-height">
<h3 class="page-title">Contact</h3>
<div class="container">
<div class="contact-list">
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-phone"></i>
</div>
<div class="contact-info">
<p><strong>Phone</strong></p>
<p><a href="tel:+6281919755758">+62 819 1975 5758</a></p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-envelope"></i>
</div>
<div class="contact-info">
<p><strong>Email</strong></p>
<p><a href="mailto:iwewe@iww.my.id">iwewe@iww.my.id</a></p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">
<i class="fas fa-globe"></i>
</div>
<div class="contact-info">
<p><strong>Website</strong></p>
<p><a href="https://www.iww.my.id" target="_blank" rel="noopener">www.iww.my.id</a></p> <br> <p><a href="https://www.iwewe.web.id" target="_blank" rel="noopener">www.iwewe.web.id</a></p> </br>
</div>
</div>
<div class="contact-item">
<div class="contact-icon">
<i class="fab fa-github"></i>
</div>
<div class="contact-info">
<p><strong>GitHub</strong></p>