-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
552 lines (522 loc) · 41.9 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap"
rel="stylesheet"
/>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.1/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css">
<link rel="stylesheet" href="css/style.css" />
<link rel=" shortcut icon" type="image/png" href="img/fav-icon.png" />
<title>Abod1960</title>
</head>
<body>
<div class="container">
<!-- header -->
<section class="intro" id="intro">
<div class="header-con">
<header class="header">
<a href="index.html" class="home-logo-text">
<img alt="home" src="img/my logopng.png" width="84rem" />
<div id="hometext" class="home-text ">Abod1960</div>
</a>
<div class="header__end">
<button id="men" class="menu-toggler ">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</button>
<nav id="hed" class="header__navigation sp">
<a href="#intro" class="header__navigation-link">Home</a>
<a href="#about" class="header__navigation-link">About</a>
<a href="#projects" class="header__navigation-link">Projects</a>
<a href="find-me.html" class="header__navigation-link">Find Me</a>
<button class="header__navigation-button" id="themeButton">
<i id="bicon" data-feather="moon"></i>
</button>
</nav>
</div>
</header>
</div>
</section>
<!-- About columns -->
<section class="about_cols">
<div class="about_cols__container">
<div class=" about_col">
<h2 class="about_title">
Biography
</h2>
<p class="par_style">
I'm a
<span class="txt-type" data-wait="1800"
data-words='["student Digital Artist.", "student Programmer.", "student Graphic Designer.", "Blogger.", "Translator.", "Customization Enthusiast.", "Film Maker."]'></span><br>
who is interested in learning and love teamwork, I love the gaming industry, and I usually keep up with the latest art and design trends, and I also
watch and follow the coding community's top news.
I usually involve myself in others' projects and help them with something. 😅<br>
</p>
<button class="about__button" id="themeButton">
<a class="about__button-link" href="./assets/CV-black-and-white.pdf">
<i class="about__button-icon" id="bicon" data-feather="download"></i>Rusme</a>
</button>
<h2 class="about_title">
Work
</h2>
<p class="par_style">
As I'm still a student I have literally 0 experience, And didn't work anywhere so far, but it's just a bit of time and I will establish a studio with some of my friends, it is going to be a kind of small business.
</p>
</div>
<div class=" about_col">
<h2 class="about_title">
Projects
</h2>
<p class="par_style">
Well, my projects actually are in every single sector that I found myself interested in,
but the most focused ones are in art and coding, and here are some links that would take
you to some pages* that contain a group of my projects in:<br>
 <strong><a class="about_special_link" href="coding.html">   Coding</a></strong><br>
 <strong><a class="about_special_link" href="digital-art.html">   Digital Art</a></strong><br>
 <strong><a class="about_special_link" href="customizing.html">   Customizing</a></strong><br>
 <strong><a class="about_special_link" href="404.html">   Translating</a></strong><br>
 <strong><a class="about_special_link" href="coding.html">   Coding</a></strong><br>
 <strong><a class="about_special_link" href="coding.html">   Coding</a></strong><br>
as I'm working on all of these things, I really like cooperating with others to get these projects done.<br>
*<span class="footnote">some of the pages are still under maintenance</span>
</p>
</div>
<div class=" about_col">
<h2 class="about_title">
Skills And learning
</h2>
<p class="par_style">
Along the journey of studying in school I learned things much more important than math and physics, and these lessons actually somehow shaped my personality and changed the way I look at the world. and the skills I gained helped me a lot in many life twists and turns, from the way of successful communication to the understanding of teamwork and group thinking. but I can say that the most important skill anyone should have is positivity, and too optimistic about the results.
</p>
<!-- <h2 class="about_title">
Awards & Certifcates
</h2>
<p class="par_style">
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
</p> -->
</div>
</div>
</section>
<!-- find me -->
<section class="projects" id="find me">
<div class="projects__title">Find me in</div>
<div class="allprojects__container">
<a class="projects__project projects__project-1" href="https://github.com/Abod1960" target="_blank">
<div class="project__image find-me__image-1"></div>
</a>
<a class="projects__project projects__project-2" href="https://www.deviantart.com/abod1960" target="_blank">
<div class="project__image find-me__image-2"></div>
</a>
<a class="projects__project projects__project-3" href="https://www.artstation.com/abod1960" target="_blank">
<div class="project__image find-me__image-3"></div>
</a>
<a class="projects__project projects__project-4" href="https://www.instagram.com/abod1960_/" target="_blank">
<div class="project__image find-me__image-4"></div>
</a>
<a class="projects__project projects__project-5"
href="https://www.redbubble.com/people/Abod1960/explore?asc=u&page=1&sortOrder=recent" target="_blank">
<div class="project__image find-me__image-5"></div>
</a>
<a class="projects__project projects__project-6" href="https://crowdin.com/profile/abod1960" target="_blank">
<div class="project__image find-me__image-6"></div>
</a>
<a class="projects__project projects__project-7" href="https://hashnode.com/@Abod1960" target="_blank">
<div class="project__image find-me__image-7"></div>
</a>
<a class="projects__project projects__project-8" href="https://abod1960.blogspot.com" target="_blank">
<div class="project__image find-me__image-8"></div>
</a>
<a class="projects__project projects__project-9" href="https://vimeo.com/user143393985" target="_blank">
<div class="project__image find-me__image-9"></div>
</a>
<a class="projects__project projects__project-10" href="https://gumroad.com/abod1960" target="_blank">
<div class="project__image find-me__image-10"></div>
</a>
<a class="projects__project projects__project-11" href="https://500px.com/p/abod1960?view=photos"
target="_blank">
<div class="project__image find-me__image-11"></div>
</a>
<a class="projects__project projects__project-12" href="[email protected]" target="_blank">
<div class="project__image find-me__image-12"></div>
</a>
<a class="projects__project projects__project-13" href="https://discord.com/users/750369816279253083"
target="_blank">
<div class="project__image find-me__image-13"></div>
</a>
<a class="projects__project projects__project-14" href="https://www.reddit.com/user/Gold_wolf_1960/"
target="_blank">
<div class="project__image find-me__image-14"></div>
</a>
<a class="projects__project projects__project-15" href="https://www.behance.net/aljumaili236bf" target="_blank">
<div class="project__image find-me__image-15"></div>
</a>
<a class="projects__project projects__project-16" href="https://www.flickr.com/people/193161433@N06/"
target="_blank">
<div class="project__image find-me__image-16"></div>
</a>
</div>
</section>
<!-- join us -->
<section class="projects" id="join us">
<div class="projects__title">Join us on</div>
<div class="allprojects__container">
<a class="projects__project projects__project-1" href="https://discord.gg/cnsXXEmyUX" target="_blank">
<div class="project__image join-us__image-1"></div>
</a>
<a class="projects__project projects__project-2" href="https://www.reddit.com/r/Abod1960/" target="_blank">
<div class="project__image join-us__image-2"></div>
</a>
</section>
<!-- news letter -->
<section class="newsletter" id="newsletter">
<div style="text-align: center">
<a class="typeform-share button about__button about__button-link" onMouseOver="this.style.color='#68769B'"
onMouseOut="this.style.color='#353D4F'"
href="https://form.typeform.com/to/mWMxTZ9V?typeform-medium=embed-snippet" data-mode="popup" style="
text-decoration: none;
background-color: var(--bg-card);
color: #353d4f;
cursor: pointer;
font-family: 'Rubik', sans-serif;
font-size: 20px;
line-height: 50px;
text-align: center;
margin: 0;
height: 50px;
padding: 0px 33px;
border-radius: 3px;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
" data-size="70" data-hide-headers="true" target="_blank"><span class=" down newsletter__button-icon"><i id="bicon" data-feather="inbox"></i></span> Subscribe to my newsletter!
</a>
</div>
<script>
(function () {
var qs,
js,
q,
s,
d = document,
gi = d.getElementById,
ce = d.createElement,
gt = d.getElementsByTagName,
id = "typef_orm_share",
b = "https://embed.typeform.com/";
if (!gi.call(d, id)) {
js = ce.call(d, "script");
js.id = id;
js.src = b + "embed.js";
q = gt.call(d, "script")[0];
q.parentNode.insertBefore(js, q);
}
})();
</script>
</section>
<!-- waves separator -->
<section>
<div>
<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
<defs>
<path fill="var(--fg-light)" id="gentle-wave"
d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
<path fill="var(--fg-light1)" id="gentle-wave1"
d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
<path fill="var(--fg-light2)" id="gentle-wave2"
d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
<path fill="var(--fg-light3)" id="gentle-wave3"
d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
</defs>
<g class="parallax">
<use xlink:href="#gentle-wave" x="48" y="0" />
<use xlink:href="#gentle-wave1" x="48" y="3" />
<use xlink:href="#gentle-wave2" x="48" y="5" />
<use xlink:href="#gentle-wave3" x="48" y="7" />
</g>
</svg>
</div>
<!--Waves end-->
<!--Header ends-->
</section>
<!-- footer -->
<section class="footer" id="footer">
<div class="footer-container">
<div class="item1">
<img src="./img/fav-icon.png" alt="index-photo" class="center" style="width: 40%; padding-bottom: 3rem;"/>
<div class="links-container">
<a href="https://github.com/Abod1960" target="_blank">
<div class="footer_link-1 svg_links-github center">
<svg viewBox="0 0 512 512" class="svg_links">
<path
d="M179.858,392.884c0,1.855-2.133,3.339-4.822,3.339c-3.062,0.277-5.193-1.205-5.193-3.339c0-1.854,2.132-3.34,4.823-3.34 C177.448,389.267,179.858,390.75,179.858,392.884z M151.017,388.709c-0.649,1.857,1.205,3.988,3.987,4.544 c2.411,0.928,5.194,0,5.75-1.853c0.558-1.856-1.205-3.988-3.987-4.824C154.355,385.929,151.666,386.855,151.017,388.709 L151.017,388.709z M192.008,387.133c-2.689,0.65-4.544,2.411-4.267,4.544c0.279,1.854,2.69,3.063,5.473,2.413 c2.69-0.65,4.544-2.413,4.266-4.267C197.201,388.06,194.698,386.855,192.008,387.133z M253.032,31.747 c-128.634,0-227.031,97.656-227.031,226.291c0,102.851,64.732,190.862,157.197,221.839c11.871,2.133,16.044-5.194,16.044-11.223 c0-5.75-0.277-37.469-0.277-56.942c0,0-64.921,13.911-78.554-27.639c0,0-10.572-26.988-25.782-33.944 c0,0-21.238-14.56,1.484-14.281c0,0,23.094,1.856,35.799,23.928c20.31,35.799,54.346,25.505,67.607,19.383 c2.134-14.839,8.162-25.133,14.84-31.254c-51.843-5.75-104.149-13.263-104.149-102.479c0-25.504,7.048-38.302,21.888-54.625 c-2.411-6.028-10.295-30.882,2.411-62.972c19.383-6.028,63.99,25.041,63.99,25.041c18.55-5.194,38.489-7.883,58.242-7.883 c19.755,0,39.694,2.689,58.241,7.883c0,0,44.611-31.161,63.993-25.041c12.705,32.181,4.822,56.944,2.412,62.972 c14.84,16.415,23.926,29.212,23.926,54.625c0,89.496-54.625,96.636-106.466,102.479c8.532,7.325,15.765,21.238,15.765,43.032 c0,31.253-0.277,69.928-0.277,77.531c0,6.028,4.266,13.355,16.044,11.223c92.742-30.79,155.62-118.802,155.62-221.652 C485.999,129.403,381.665,31.747,253.032,31.747z M116.146,351.614c-1.206,0.927-0.928,3.061,0.647,4.82 c1.484,1.485,3.617,2.133,4.823,0.93c1.205-0.93,0.927-3.061-0.649-4.823C119.484,351.057,117.352,350.408,116.146,351.614z M106.129,344.102c-0.648,1.205,0.278,2.688,2.134,3.616c1.483,0.929,3.339,0.649,3.988-0.649 c0.648-1.205-0.278-2.688-2.133-3.617C108.263,342.895,106.777,343.174,106.129,344.102z M136.178,377.116 c-1.483,1.206-0.927,3.989,1.205,5.75c2.133,2.134,4.822,2.413,6.028,0.927c1.205-1.204,0.649-3.987-1.206-5.748 C140.165,375.912,137.383,375.633,136.178,377.116z M125.605,363.485c-1.484,0.926-1.484,3.337,0,5.47 c1.484,2.134,3.988,3.061,5.193,2.134c1.483-1.206,1.483-3.617,0-5.75C129.5,363.207,127.09,362.278,125.605,363.485 L125.605,363.485z">
</path>
</svg>
</div>
</a>
<a href="https://www.deviantart.com/abod1960" target="_blank">
<div class="footer_link-2 svg_links-deviantart center">
<svg viewBox="0 0 512 512" class="svg_links">
<path
d="M399.806,109.679L311.544,270.65l6.651,8.539h81.61v114.774H255.19l-12.133,8.269l-39.277,75.497 c-0.27,0-7.729,7.73-8.268,8.27h-83.317v-83.767l83.767-161.241l-6.651-8.271h-77.115V118.037h140.21l12.134-8.269l39.276-75.499 c0.271,0,7.729-7.729,8.27-8.269h87.722V109.679z">
</path>
</svg>
</div>
</a>
<a href="https://www.artstation.com/abod1960" target="_blank">
<div class="footer_link-3 svg_links-artstation center">
<svg viewBox="0 0 512 512" class="svg_links">
<path
d="M26,365.896l38.925,67.261c7.695,15.208,23.354,25.617,41.55,25.617h258.357l-53.591-92.878H26z M478.44,341.094L327.989,77.938c-7.785-14.664-23.265-24.713-41.099-24.713h-80.023l232.919,405.186l36.843-63.818 C478.35,391.697,495.64,367.706,478.44,341.094z M273.131,299.903L168.576,118.856L64.02,299.903H273.131z">
</path>
</svg>
</div>
</a>
<a href="https://www.behance.net/aljumaili236bf" target="_blank">
<div class="footer_link-4 svg_links-behance center">
<svg viewBox="0 0 512 512" class="svg_links">
<path
d="M211.278,241.026c25.396-12.139,38.651-30.507,38.651-59.097 c0-56.381-42.007-70.118-90.481-70.118H26.001V394.84h137.201c51.43,0,99.747-24.678,99.747-82.178 C262.949,277.123,246.097,250.85,211.278,241.026z M88.213,160.127h58.378c22.441,0,42.646,6.309,42.646,32.343 c0,24.039-15.732,33.702-37.934,33.702h-63.09V160.127z M154.737,346.764H88.213v-77.945h67.802 c27.393,0,44.722,11.42,44.722,40.41C200.736,337.818,180.054,346.764,154.737,346.764z">
</path>
<rect xmlns="http://www.w3.org/2000/svg" height="27.872" width="114.759" x="326.278" y="126.666" />
<path
d="M485.999,295.334c0-60.618-35.458-111.168-99.746-111.168 c-62.451,0-104.858,46.958-104.858,108.452c0,63.809,40.172,107.572,104.858,107.572c48.954,0,80.66-22.041,95.914-68.92h-49.675 c-5.35,17.49-27.393,26.752-44.481,26.752c-32.982,0-50.313-19.324-50.313-52.146h147.822 C485.761,302.521,485.999,298.928,485.999,295.334z M337.776,270.416c1.838-26.915,19.726-43.765,46.72-43.765 c28.27,0,42.486,16.61,44.881,43.765H337.776z" />
</svg>
</div>
</a>
<a href="https://www.flickr.com/people/193161433@N06" target="_blank">
<div class="footer_link-5 svg_links-flicker center">
<svg viewBox="0 0 362.68 362.68" class="svg_links">
<g class="flicker1">
<circle cx="85.8" cy="181.34" r="85.8" />
</g>
<g class="flicker2">
<circle cx="276.88" cy="181.34" r="85.8" />
</g>
</svg>
</div>
</a>
<a href="https://vimeo.com/user143393985" target="_blank">
<div class="footer_link-6 svg_links-vimeo center">
<svg viewBox="0 0 512 512" class="svg_links">
<path
d="M485.785,149.001c-2.053,44.766-33.267,106.063-93.846,183.893 c-62.529,81.32-115.408,121.98-158.736,121.98c-26.8,0-49.491-24.747-68.075-74.236 c-36.143-132.658-51.545-210.384-81.422-210.384c-3.492,0-15.505,7.29-36.143,21.665L26,163.991 C78.981,117.479,129.602,65.73,161.328,62.855c35.836-3.491,57.808,21.049,66.125,73.414 c29.467,186.359,42.506,214.491,96.103,130.093c19.202-30.394,29.572-53.497,31.009-69.411 c4.929-47.128-36.757-43.946-64.993-31.831c22.59-74.03,65.814-109.966,129.577-107.912 C466.176,58.439,488.456,89.14,485.785,149.001L485.785,149.001z">
</path>
</svg>
</div>
</a>
<a href="https://abod1960.tumblr.com" target="_blank">
<div class="footer_link-7 svg_links-tumblr center">
<svg viewBox="0 0 512 512" class="svg_links">
<path
d="M321.2,396.3c-11.8,0-22.4-2.8-31.5-8.3c-6.9-4.1-11.5-9.6-14-16.4c-2.6-6.9-3.6-22.3-3.6-46.4V224h96v-64h-96V48h-61.9 c-2.7,21.5-7.5,44.7-14.5,58.6c-7,13.9-14,25.8-25.6,35.7c-11.6,9.9-25.6,17.9-41.9,23.3V224h48v140.4c0,19,2,33.5,5.9,43.5 c4,10,11.1,19.5,21.4,28.4c10.3,8.9,22.8,15.7,37.3,20.5c14.6,4.8,31.4,7.2,50.4,7.2c16.7,0,30.3-1.7,44.7-5.1 c14.4-3.4,30.5-9.3,48.2-17.6v-65.6C363.2,389.4,342.3,396.3,321.2,396.3z">
</path>
</svg>
</div>
</a>
<a href="https://crowdin.com/profile/abod1960" target="_blank">
<div class="footer_link-8 svg_links-crowdin center">
<svg viewBox="0 0 80 80" class="svg_links">
<path class="st1" d="M43.5,40.5c0-0.2,0-0.7,0-1c1.3-3.8,5.4-6.9,13.1-7c1.6,0,0.3,0.7-1.1,1c-4,1-7.5,3.7-7.5,10
c0,3.5,1.6,6.2,3.5,7.5l0,0c1,1,1.5,1.5,0,1.5c-3.9-0.1-8-2-8-7h2v-2.2c0-0.3,0-1.3,0-1.7L43.5,40.5z" />
<path class="st1" d="M30.5,40.5c-0.6-0.1-1.9-0.8-3-1c1-13.8,22.5-15.5,27-14c1.3,0.4-1.8,0.9-3,1C45,27.3,36,31.1,36,43
c0,9.1,4.1,12.6,7.5,13.4c2,1.1,0,2.1-2,2.1c-6.2,0-13-1.7-14-13h3C30.5,43.8,30.4,42.2,30.5,40.5z" />
<path class="st1" d="M9.5,30.5C13,18.6,31.5,16,42.5,16c7.9-0.1,14,0.7,21,2.5c2,0.5,1,1-1,1C53.4,19.1,39,20,30.5,26
C19.4,33.7,18.3,52.7,28,59.5c5,3.5,5.7,2.9,8.8,2.9c0.1,0,0.1,0,0.2,0.1c0.1,0,0.1,0.1,0.1,0.2c0,0.1,0,0.1,0,0.2
c0,0.1-0.1,0.1-0.1,0.1c-3.8,1.4-4.8,0.5-8.9,0.5c-10.1,0-19.6-3-19.6-21c1.2,0.3,2.8,0.7,4,1c0-2.6,0-5.4,0-8
c-0.9-0.1-3.9-1-3.9-1S9.4,31,9.5,30.5z" />
<path class="st2" d="M64.1,32.2c-1.9-0.2-3.8-0.4-5.6-0.3c-5.9,0-16,1.9-16,9.6l1.9,0.4c0,0.3,0,0.7,0,1c0,0.6,0,1.2,0,1.8
l-1.9-0.1c0.5,7,4.7,8.9,8.6,9c1.9,0,3.6-0.2,5.4-1c0.1,0,0.1-0.1,0.1-0.1c0-0.1,0-0.1,0-0.2c0-0.1-0.1-0.1-0.1-0.2
c-0.1,0-0.1-0.1-0.2-0.1c-3.6,0.5-7.3-2.4-7.3-8.5c0-7.8,6.3-10.8,15.2-10.8C64.4,32.8,64.5,32.3,64.1,32.2z M44.5,46
c1,0,1.8,0,3,0c0.2,2.1,2,5,4,6C48,52.1,44.8,49.5,44.5,46z M47.8,39.5c0,0.3-0.2,0.7-0.3,1.2h-1.2c-0.6,0-1.3-0.1-1.9-0.2
c0-0.1,0-0.1,0-0.2c0.8-4.2,4.8-5.9,8.7-6.6c-1.3,0.5-2.4,1.3-3.3,2.3C48.9,36.9,48.2,38.1,47.8,39.5z" />
<path class="st2" d="M68.2,26C60.3,23.8,27,21,27,40c1.1,0.2,1.9,0.4,2.5,0.5c-0.1,1.4,0,3,0,4.5l-3-0.5c0,11,7.8,14.5,14,14.5
c1,0,2-0.1,3.1-0.2c2.5-0.3,5-1.1,7.3-2.3c0,0,0.1-0.1,0.1-0.1c0-0.1,0-0.1,0-0.2c0-0.1-0.1-0.1-0.1-0.2c0,0-0.1-0.1-0.2-0.1
c-5.2,1.1-12.4-0.4-12.4-13.1c0-17,23.2-15.9,30-16.1c0.1,0,0.1-0.1,0.1-0.1c0-0.1,0-0.1,0-0.2c0-0.1,0-0.1-0.1-0.2
C68.3,26.1,68.3,26,68.2,26z M32.3,54.7c-2.3-2-3.7-4.9-4-8c2,0.3,4.5,0.5,6.6,0.6c0.1,2.1,0.8,4.2,1.9,6c1.1,1.8,2.7,3.3,4.5,4.2
C37.9,57.5,34.9,57,32.3,54.7z M35.7,37c-0.2,0.6-0.4,1.7-0.6,2.6L32,39.2l-3.2-0.4c0-9.9,15.7-13.3,22.7-12.8
C43.4,28,37,31.5,35.7,37L35.7,37z" />
<path class="st2" d="M72.3,20.4c-9.6-3.4-20.6-5-30.8-4.9c-14.8,0-33.5,4.5-34,20l4,1c-0.5,2-0.5,6-0.5,6s-2.3-0.7-3.5-1
c0,18.3,10.5,23,20.6,23c4.1,0,8.1-0.7,11.9-2.1c0.1,0,0.1-0.1,0.1-0.1c0-0.1,0-0.1,0-0.2c0-0.1-0.1-0.1-0.1-0.2s-0.1-0.1-0.2-0.1
c-3.1,0-5.6,1-10.6-2.6c-9.7-6.9-8.5-25,2.6-32.9c11.4-8.3,36.1-5.7,40.3-5.5c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1,0c0,0,0.1,0,0.1-0.1
c0,0,0-0.1,0-0.1c0,0,0-0.1,0-0.1c0,0,0-0.1,0-0.1C72.4,20.5,72.4,20.5,72.3,20.4C72.4,20.4,72.3,20.4,72.3,20.4z M28.2,63
c-12,0-18.1-6.7-18.7-19.4c3.3,0.8,6.3,1.7,9.7,2.1c-0.2,5,1.5,9.9,4.9,13.7c1.7,1.7,3.8,2.9,6.1,3.6L28.2,63z M55.3,18.4
c-14.6,0-31.5,1.8-34.8,18.1c0,0-9-1.5-11-2c2.5-20.5,37-19,51-16.1H55.3z" />
</svg>
</div>
</a>
<a href="https://abod1960.blogspot.com" target="_blank">
<div class="footer_link-9 svg_links-blogger center">
<svg viewBox="0 0 512 512" class="svg_links">
<path
d="M484.563,221.759c-1.849-8.215-6.982-15.813-12.837-18.997c-1.848-1.026-13.35-2.259-25.672-2.772 c-20.638-0.924-22.896-1.334-29.47-5.134c-10.37-6.059-13.143-12.63-13.246-30.292c-0.102-33.886-14.17-65.411-41.998-93.751 c-19.818-20.229-41.997-33.886-67.258-41.587c-6.059-1.85-19.613-2.465-64.999-2.98c-71.263-0.82-87.077,0.617-111.311,10.27 C73.105,54.177,41.068,91.759,29.361,139.815c-2.157,9.036-2.67,23.515-3.183,106.691c-0.616,104.223,0.102,119.525,6.572,140.164 c16.019,50.932,61.509,88.617,107.203,96.829c15.198,2.775,202.597,3.391,221.799,0.823c33.372-4.518,59.557-17.968,84.099-43.025 c17.765-18.175,28.854-37.786,36.145-63.766C487.027,359.459,486.615,230.897,484.563,221.759L484.563,221.759z M153.816,156.451 c8.009-8.111,10.269-8.421,60.378-8.421c45.079,0,46.62,0.104,53.189,3.492c9.552,4.825,13.762,11.604,13.762,22.488 c0,9.754-3.901,16.635-12.63,22.18c-4.725,2.979-7.496,3.184-51.65,3.388c-27.211,0.206-48.981-0.409-52.164-1.23 C147.654,193.521,141.288,169.082,153.816,156.451z M350.764,361.614l-15.3,2.466l-79.58,0.923 c-69.928,0.821-89.643-0.41-93.34-2.054c-7.291-3.184-14.171-12.014-15.301-19.92c-1.13-7.496,2.67-17.764,8.42-23.001 c7.291-6.573,10.474-6.779,99.913-6.88c92.006-0.104,91.491-0.104,100.22,8.009C368.221,332.762,365.552,353.195,350.764,361.614 L350.764,361.614z">
</path>
</svg>
</div>
</a>
<a href="https://hashnode.com/@Abod1960" target="_blank">
<div class="footer_link-10 svg_links-hashnode center">
<svg viewBox="0 0 337 337" class="svg_links">
<rect x="113" y="113" width="111" height="111" rx="55.5" fill="none"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23.155 112.598c-30.873 30.874-30.873 80.93 0 111.804l89.443 89.443c30.874 30.873 80.93 30.873 111.804 0l89.443-89.443c30.873-30.874 30.873-80.93 0-111.804l-89.443-89.443c-30.874-30.873-80.93-30.873-111.804 0l-89.443 89.443zm184.476 95.033c21.612-21.611 21.612-56.651 0-78.262-21.611-21.612-56.651-21.612-78.262 0-21.612 21.611-21.612 56.651 0 78.262 21.611 21.612 56.651 21.612 78.262 0z"/>
</svg>
</div>
</a>
<a href="https://gumroad.com/abod1960" target="_blank">
<div class="footer_link-11 svg_links-gumroad center">
<svg viewBox="0 0 24 24" class="svg_links">
<rect x="113" y="113" width="111" height="111" rx="55.5" fill="none"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.826 15.069a1.018 1.018 0 1 1-.001 2.036 1.018 1.018 0 0 1 0-2.036zM21.327 1.11a1.018 1.018 0 1 1 .001 2.036 1.018 1.018 0 0 1 0-2.036zM3.322 3.107h16.116a2.13 2.13 0 0 0 1.89 1.151c1.174 0 2.129-.955 2.129-2.13A2.131 2.131 0 0 0 21.327 0c-.89 0-1.654.55-1.97 1.329H3.321C1.764 1.329.543 2.51.543 4.019v17.156C.543 22.706 1.816 24 3.322 24h17.155c1.51 0 2.738-1.267 2.738-2.825V10.998c0-1.532-1.228-2.78-2.738-2.78H10.3c-1.553 0-2.866 1.274-2.866 2.78v3.198c0 1.484 1.286 2.691 2.866 2.691h3.554a2.132 2.132 0 0 0 1.972 1.329c1.174 0 2.129-.956 2.129-2.13s-.955-2.129-2.13-2.129a2.13 2.13 0 0 0-1.889 1.152H10.3c-.523 0-1.088-.349-1.088-.913v-3.198c0-.524.519-1 1.088-1h10.177c.538 0 .96.439.96 1v10.177c0 .567-.44 1.047-.96 1.047H3.322c-.533 0-1-.49-1-1.047V4.02c0-.52.43-.912 1-.912"/>
<defs>
<linearGradient id="MyGradient">
<stop offset="5%" stop-color="#18998E" />
<stop offset="95%" stop-color="#E86736" />
</linearGradient>
</defs>
</svg>
</div>
</a>
<a href="https://www.redbubble.com/people/Abod1960/" target="_blank">
<div class="footer_link-12 svg_links-redbubble center">
<svg viewBox="0 0 13 13" class="svg_links">
<path d="m 1.0171625,10.454429 c -0.01588,-0.042 -0.02182,-1.6243005 -0.0132,-3.5175005 l 0.01568,-3.442 1.751202,0 c 1.711437,0 1.759429,0 2.113519,0.1459 0.708806,0.2854 1.089496,0.68 1.276486,1.3233 0.134293,0.4619 0.09157,1.3869 -0.08186,1.7721 -0.154643,0.3435 -0.559333,0.7946 -0.803635,0.8958 -0.0988,0.041 -0.179642,0.094 -0.179642,0.1179 0,0.024 0.407608,0.581 0.905794,1.2382 0.498187,0.6571 0.905794,1.2203005 0.905794,1.2515005 0,0.031 -0.02813,0.1093 -0.06251,0.1735 -0.06046,0.113 -0.156808,0.1168 -2.93063,0.1168 -2.238836,0 -2.874455,-0.017 -2.896997,-0.075 z m 6.594644,0.035 c -0.02214,-0.022 -0.04026,-1.5977005 -0.04026,-3.5012005 l 0,-3.461 0.145752,-0.037 c 0.08016,-0.02 0.86141,-0.026 1.736105,-0.014 1.5879015,0.022 1.5909125,0.023 1.9520615,0.1895 0.44596,0.2059 0.60155,0.3475 0.80671,0.7345 0.14752,0.2782 0.16008,0.3588 0.16008,1.0265 0,0.6465 -0.0146,0.7482 -0.13587,0.9432 -0.0747,0.1201 -0.13586,0.2343 -0.13586,0.2537 0,0.019 0.11651,0.1154 0.25891,0.2134 0.15761,0.1084 0.32682,0.3029 0.43242,0.4969 0.14767,0.2713 0.17767,0.4054 0.20152,0.9006 0.0359,0.7463 -0.0704,1.1401 -0.41276,1.5291 -0.29881,0.3395005 -0.8385,0.6124005 -1.387063,0.7014005 -0.425274,0.069 -3.5160605,0.09 -3.5817475,0.024 z"/>
</svg>
</div>
</a>
<a href="https://500px.com/p/abod1960?view=photos" target="_blank">
<div class="footer_link-12 svg_links-500px center">
<svg viewBox="0 0 128 128" class="svg_links">
<g id="_x32__stroke"><g id="_x35_00px_1_"><rect clip-rule="evenodd" fill="none" fill-rule="evenodd" height="128" width="128"/><path clip-rule="evenodd" d="M31.426,84.104 c0.028,0.078,0.695,1.911,1.082,2.82c2.122,4.987,5.16,9.467,9.031,13.315c3.868,3.845,8.375,6.865,13.396,8.976 c5.197,2.186,10.717,3.294,16.406,3.294c5.688,0,11.208-1.108,16.406-3.294c5.019-2.11,9.526-5.131,13.395-8.978 c3.869-3.846,6.908-8.327,9.031-13.316c2.199-5.168,3.313-10.655,3.313-16.31c0-5.655-1.115-11.143-3.313-16.31 c-2.123-4.989-5.161-9.47-9.031-13.317c-3.868-3.846-8.375-6.866-13.395-8.978c-5.198-2.186-10.718-3.294-16.406-3.294 c-5.756,0-11.507,1.139-16.633,3.294c-4.097,1.723-11.031,6.158-15.09,10.32l-0.024,0.024V7.869l58.266,0 c2.12-0.023,2.12-2.967,2.12-3.934c0-0.967,0-3.91-2.127-3.934L34.852,0c-1.715,0-2.777,1.418-2.777,2.732v48.535 c0,1.566,1.962,2.696,3.785,3.084c3.56,0.756,4.383-0.375,5.255-1.572l0.116-0.159c1.331-1.966,5.491-6.128,5.532-6.169 c6.491-6.453,15.171-10.007,24.44-10.007c9.224,0,17.88,3.554,24.371,10.007c6.513,6.476,10.101,15.055,10.101,24.159 c0,9.137-3.569,17.717-10.049,24.159c-6.397,6.36-15.335,10.007-24.52,10.007c-6.221,0-12.227-1.648-17.371-4.766l0.022-29.511 c0-3.935,1.718-8.212,4.595-11.443c3.29-3.693,7.823-5.726,12.765-5.726c4.786,0,9.257,1.806,12.588,5.086 c3.307,3.257,5.128,7.596,5.128,12.218c0,9.862-7.801,17.587-17.759,17.587c-1.92,0-5.41-0.843-5.553-0.878 c-2.011-0.595-2.866,2.18-3.148,3.095c-1.082,3.518,0.544,4.215,0.881,4.319c3.205,0.989,5.306,1.176,8.062,1.176 c14.058,0,25.495-11.375,25.495-25.357c0-13.87-11.43-25.154-25.479-25.154c-6.88,0-13.343,2.615-18.199,7.362 c-4.624,4.521-7.277,10.549-7.277,16.538l-0.003,0.149c-0.022,0.747-0.037,18.438-0.041,24.244l-0.026-0.029 c-2.642-2.909-5.254-7.361-6.986-11.91c-0.679-1.783-2.212-1.467-4.304-0.827c-0.914,0.28-3.694,1.131-3.079,3.13L31.426,84.104z M61.373,77.17c0.009,0.848,0.79,1.592,1.256,2.036l0.147,0.141c0.8,0.782,1.562,1.179,2.264,1.179 c0.582,0,0.94-0.273,1.067-0.391c0.352-0.325,4.338-4.34,4.718-4.723l4.445,4.404c0.412,0.461,0.859,0.692,1.38,0.706 c0.71,0,1.483-0.42,2.299-1.247c1.918-1.947,0.958-2.997,0.494-3.504l-4.503-4.478l4.697-4.702 c1.03-1.108,0.121-2.285-0.787-3.187c-1.317-1.31-2.588-1.648-3.403-0.901l-4.67,4.65l-4.723-4.696 c-0.25-0.238-0.566-0.364-0.913-0.364c-0.629,0-1.374,0.423-2.213,1.257c-1.452,1.444-1.764,2.441-1.008,3.238l4.724,4.682 l-4.696,4.677C61.562,76.329,61.368,76.741,61.373,77.17z M71.665,13.714c-7.549,0-15.58,1.515-21.48,4.052 c-0.631,0.246-1.008,0.749-1.091,1.457c-0.078,0.667,0.104,1.548,0.555,2.694c0.366,0.93,1.338,3.399,3.219,2.685 c6.039-2.29,12.714-3.551,18.796-3.551c6.892,0,13.577,1.341,19.868,3.986c4.999,2.102,9.715,5.139,14.843,9.556 c0.374,0.322,0.771,0.486,1.179,0.486c1,0,1.959-0.976,2.779-1.891c1.369-1.527,2.31-2.796,0.961-4.067 c-4.897-4.612-10.263-8.057-16.887-10.841C87.203,15.25,79.551,13.714,71.665,13.714z M112.345,106.391L112.345,106.391 c-0.908-0.901-1.68-1.432-2.359-1.626c-0.688-0.197-1.303-0.05-1.778,0.423l-0.447,0.443c-4.679,4.652-10.128,8.304-16.195,10.855 c-6.279,2.64-12.95,3.978-19.829,3.978c-6.879,0-13.551-1.339-19.829-3.978c-6.067-2.551-11.515-6.203-16.194-10.855 c-4.875-4.846-8.549-10.263-10.919-16.098c-2.311-5.69-3.066-9.97-3.314-11.376c-0.023-0.132-0.041-0.236-0.056-0.311 c-0.318-1.656-1.851-1.772-4.055-1.437c-0.916,0.139-3.705,0.563-3.439,2.558l0.006,0.046c0.738,4.617,2.042,9.144,3.877,13.455 c2.948,6.929,7.167,13.15,12.541,18.491c5.373,5.342,11.632,9.536,18.601,12.466c7.216,3.035,14.88,4.574,22.781,4.574 c7.896,0,15.561-1.54,22.781-4.576c6.967-2.929,13.226-7.124,18.602-12.469c0.012-0.012,0.306-0.302,0.467-0.476 C114.179,109.839,114.693,108.719,112.345,106.391z" fill-rule="evenodd" id="_x35_00px"/></g></g>
</svg>
</div>
</a>
<a href="https://www.linkedin.com/in/abdullah-omar-12056b228/" target="_blank">
<div class="footer_link-12 svg_links-linkedin center">
<svg viewBox="0 0 24 24" class="svg_links">
<g id="_x32__stroke"><g id="_x35_00px_1_"><rect clip-rule="evenodd" fill="none" fill-rule="evenodd" height="24" width="24"/><path clip-rule="evenodd" d="M4.98 3.5c0 1.381-1.11 2.5-2.48 2.5s-2.48-1.119-2.48-2.5c0-1.38 1.11-2.5 2.48-2.5s2.48 1.12 2.48 2.5zm.02 4.5h-5v16h5v-16zm7.982 0h-4.968v16h4.969v-8.399c0-4.67 6.029-5.052 6.029 0v8.399h4.988v-10.131c0-7.88-8.922-7.593-11.018-3.714v-2.155z" fill-rule="evenodd" id="_x35_00px"/></g></g>
</svg>
</div>
</a>
<a href="https://www.reddit.com/user/Gold_wolf_1960" target="_blank">
<div class="footer_link-12 svg_links-reddit center">
<svg viewBox="0 0 24 22" class="svg_links">
<g id="_x32__stroke"><g id="_x35_00px_1_"><rect clip-rule="evenodd" fill="none" fill-rule="evenodd" height="24" width="24"/><path clip-rule="evenodd" d="M24 11.779c0-1.459-1.192-2.645-2.657-2.645-.715 0-1.363.286-1.84.746-1.81-1.191-4.259-1.949-6.971-2.046l1.483-4.669 4.016.941-.006.058c0 1.193.975 2.163 2.174 2.163 1.198 0 2.172-.97 2.172-2.163s-.975-2.164-2.172-2.164c-.92 0-1.704.574-2.021 1.379l-4.329-1.015c-.189-.046-.381.063-.44.249l-1.654 5.207c-2.838.034-5.409.798-7.3 2.025-.474-.438-1.103-.712-1.799-.712-1.465 0-2.656 1.187-2.656 2.646 0 .97.533 1.811 1.317 2.271-.052.282-.086.567-.086.857 0 3.911 4.808 7.093 10.719 7.093s10.72-3.182 10.72-7.093c0-.274-.029-.544-.075-.81.832-.447 1.405-1.312 1.405-2.318zm-17.224 1.816c0-.868.71-1.575 1.582-1.575.872 0 1.581.707 1.581 1.575s-.709 1.574-1.581 1.574-1.582-.706-1.582-1.574zm9.061 4.669c-.797.793-2.048 1.179-3.824 1.179l-.013-.003-.013.003c-1.777 0-3.028-.386-3.824-1.179-.145-.144-.145-.379 0-.523.145-.145.381-.145.526 0 .65.647 1.729.961 3.298.961l.013.003.013-.003c1.569 0 2.648-.315 3.298-.962.145-.145.381-.144.526 0 .145.145.145.379 0 .524zm-.189-3.095c-.872 0-1.581-.706-1.581-1.574 0-.868.709-1.575 1.581-1.575s1.581.707 1.581 1.575-.709 1.574-1.581 1.574z" fill-rule="evenodd" id="_x35_00px"/></g></g>
</svg>
</div>
</a>
<a href="https://discord.com/users/750369816279253083" target="_blank">
<div class="footer_link-12 svg_links-discord center">
<svg viewBox="0 -28.5 256 256" class="svg_links">
<g id="_x32__stroke"><g id="_x35_00px_1_"><rect clip-rule="evenodd" fill="none" fill-rule="evenodd" height="128" width="128"/><path clip-rule="evenodd" d="M216.856339,16.5966031 C200.285002,8.84328665 182.566144,3.2084988 164.041564,0 C161.766523,4.11318106 159.108624,9.64549908 157.276099,14.0464379 C137.583995,11.0849896 118.072967,11.0849896 98.7430163,14.0464379 C96.9108417,9.64549908 94.1925838,4.11318106 91.8971895,0 C73.3526068,3.2084988 55.6133949,8.86399117 39.0420583,16.6376612 C5.61752293,67.146514 -3.4433191,116.400813 1.08711069,164.955721 C23.2560196,181.510915 44.7403634,191.567697 65.8621325,198.148576 C71.0772151,190.971126 75.7283628,183.341335 79.7352139,175.300261 C72.104019,172.400575 64.7949724,168.822202 57.8887866,164.667963 C59.7209612,163.310589 61.5131304,161.891452 63.2445898,160.431257 C105.36741,180.133187 151.134928,180.133187 192.754523,160.431257 C194.506336,161.891452 196.298154,163.310589 198.110326,164.667963 C191.183787,168.842556 183.854737,172.420929 176.223542,175.320965 C180.230393,183.341335 184.861538,190.991831 190.096624,198.16893 C211.238746,191.588051 232.743023,181.531619 254.911949,164.955721 C260.227747,108.668201 245.831087,59.8662432 216.856339,16.5966031 Z M85.4738752,135.09489 C72.8290281,135.09489 62.4592217,123.290155 62.4592217,108.914901 C62.4592217,94.5396472 72.607595,82.7145587 85.4738752,82.7145587 C98.3405064,82.7145587 108.709962,94.5189427 108.488529,108.914901 C108.508531,123.290155 98.3405064,135.09489 85.4738752,135.09489 Z M170.525237,135.09489 C157.88039,135.09489 147.510584,123.290155 147.510584,108.914901 C147.510584,94.5396472 157.658606,82.7145587 170.525237,82.7145587 C183.391518,82.7145587 193.761324,94.5189427 193.539891,108.914901 C193.539891,123.290155 183.391518,135.09489 170.525237,135.09489 Z" fill-rule="evenodd" id="_x35_00px"/></g></g>
</svg>
</div>
</a>
</div>
</div>
<div class="item2">
<div class="footer_grid">
<div class="footer_col-1 about_col">
<h2 class="footer_title">Index</h2>
<div class="footer-items-con">
<a href="#about" class="footer-links">
<li class="footer-item">About</li>
</a>
<a href="#projects" class="footer-links">
<li class="footer-item">Projects</li>
</a>
<a href="#footer" class="footer-links">
<li class="footer-item">Contact</li>
</a>
</div>
</div>
<div class="footer_col-2 about_col">
<h2 class="footer_title">Projects</h2>
<div class="footer-items-con">
<a href="coding.html" class="footer-links">
<li class="footer-item">Coding</li>
</a>
<a href="customizing.html" class="footer-links">
<li class="footer-item">Customizing</li>
</a>
<a href="./digital-art.html" class="footer-links">
<li class="footer-item">Art</li>
</a>
<a href="./translation.html" class="footer-links">
<li class="footer-item">Translating</li>
</a>
</div>
</div>
<div class="footer_col-3 about_col">
<h2 class="footer_title">Blogs</h2>
<div class="footer-items-con">
<a href="https://hashnode.com/@Abod1960" class="footer-links">
<li class="footer-item">Hashnode</li>
</a>
<a href="https://abod1960.blogspot.com" class="footer-links">
<li class="footer-item">Blogger</li>
</a>
<a href="https://abod1960.tumblr.com" class="footer-links">
<li class="footer-item">Tumblr</li>
</a>
</div>
</div>
<div class="footer_col-4 about_col">
<h2 class="footer_title">Shop</h2>
<div class="footer-items-con">
<a href="https://gumroad.com/abod1960" class="footer-links">
<li class="footer-item">Gumroad</li>
</a>
<a href="https://www.redbubble.com/people/Abod1960/explore" class="footer-links">
<li class="footer-item">RedBubble</li>
</a>
</div>
</div>
<div class="footer_col-5 about_col">
<h2 class="footer_title">Contact</h2>
<div class="footer-items-con">
<a href="https://twitter.com/abod1960_" class="footer-links">
<li class="footer-item">Twitter</li>
</a>
<a href="https://www.instagram.com/abod1960_/" class="footer-links">
<li class="footer-item">Instagram</li>
</a>
<a href="https://discord.com/users/750369816279253083" class="footer-links">
<li class="footer-item">Discord</li>
</a>
<a href="mailto:[email protected]" class="footer-links">
<li class="footer-item">[email protected]</li>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- gotop btn -->
<a href="#intro">
<button class="goTop fas fa-arrow-up" style="
display: inline-block;"></button></a>
<!-- kofi btn -->
<a href="https://ko-fi.com/abod1960" target="_blank">
<img class="kofi" src="./img/kofi_s_logo_nolabel.webp" style="display: inline-block;">
</a>
</div>
<!-- scripts -->
<script src="js/stars.js"></script>
<script src="js/type.js"></script>
<script src="js/theme.js"></script>
<script src="js/cube.js"></script>
<script src="js/scripts.js"></script>
<script>feather.replace();</script>
</body>
</html>