-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (83 loc) · 2.84 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="This website contains my consciousness and a collection of my essays. Currently work in progress."
/>
<meta name="keywords" content="HTML, CSS, JavaScript" />
<meta name="author" content="Prasaja" />
<link rel="stylesheet" href="styles.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"
/>
<title>Nice to meet you here - I'm Prasaja</title>
<script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
</head>
<body>
<div class="container">
<h1
class="crt-text"
data-text="Hi, nice to meet you! My name is Prasaja and welcome to my website. I'm an experienced product writer, and designing things on the web."
>
Hi, nice to meet you! My name is Prasaja and welcome to my website. I'm
an experienced product writer, and designing things on the web.
</h1>
<br />
<p
class="crt-text"
data-text="This website will be modernized along the way and filled with my
writings. If you want to get any updates or getting to know me better, just visit my presences in
various platform (linked below)."
>
This website will be modernized along the way and filled with my
writings. If you want to get any updates or getting to know me better,
just visit my presences in various platform (linked below).
</p>
<p class="crt-text" data-text="Thanks in advance, my new friend!">
Thanks in advance, my new friend!
</p>
<div class="social-links">
<!-- X (Twitter) -->
<a
href="https://x.com/orepras"
class="social-icon"
aria-label="Follow me on X (formerly Twitter)"
target="_blank"
rel="noopener noreferrer"
>
<i class="fab fa-x-twitter"></i>
</a>
<!-- LinkedIn -->
<a
href="https://www.linkedin.com/in/prasaja-mukti/"
class="social-icon"
aria-label="Connect with me on LinkedIn"
target="_blank"
rel="noopener noreferrer"
>
<i class="fab fa-linkedin-in"></i>
</a>
<!-- Email -->
<a
href="mailto:prasaja@hey.com"
class="social-icon"
aria-label="Send me an email"
>
<i class="far fa-envelope"></i>
</a>
<!-- Github -->
<a
href="https://github.com/orepras"
class="social-icon"
aria-label="View my Github repositories"
>
<i class="fa-brands fa-github"></i>
</a>
</div>
</div>
</body>
</html>