-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (123 loc) · 4.14 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta tags -->
<meta charset="UTF-8" />
<meta name="description" content="Maher Alkendi Profile Website" />
<meta name="keywords" content="Maher, Alkendi, Profile" />
<meta name="author" content="Maher Alkendi" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="WAS" content="626e4bd6bc7b43822f9e92548efc0c54">
<title>Maher Alkendi</title>
<link rel="icon" href="./favicon.ico" type="image/x-icon" />
<!-- we defer the loading of font as it was delaying critical rendering -->
<link
rel="preload"
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap"
as="style"
onload="this.onload=null;this.rel='stylesheet'"
/>
<noscript
><link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap"
/></noscript>
<link rel="stylesheet" type="text/css" href="./src/css/styles.css" />
</head>
<body dir="auto">
<div class="rocket launch">🚀</div>
<div class="float">
<div class="speech-bubble">👋</div>
<img
src="./src/images/icons8-astronaut-16.png"
alt="astronaut"
class="astronaut"
/>
</div>
<div class="star star-1"></div>
<div class="star star-2"></div>
<div class="star star-3"></div>
<div class="star star-4"></div>
<div class="star star-5"></div>
<div class="star star-6"></div>
<div class="star star-7"></div>
<div class="star star-8"></div>
<div class="star star-9"></div>
<div class="star star-10"></div>
<div class="star star-11"></div>
<div class="star star-12"></div>
<div class="star star-13"></div>
<form>
<label>
<select class="lang-select" name="language">
<option value="en">English</option>
<option value="ar">Arabic</option>
</select>
</label>
</form>
<h1 class="title bob-on-hover">MAHER ALKENDI</h1>
<div class="paragraph-container bob-on-hover">
<p class="paragraph">
Software Developer from Muscat, Oman. Passionate about building web
based applications.
</p>
</div>
<div class="link-container bob-on-hover">
<div class="icon-link" title="Portfolio: Github">
<a
href="https://github.com/Ma7eer"
class="link"
id="github"
style="font-size: 30px; text-decoration: underline"
>
<!-- <i class="fab fa-github-square hidden"></i> -->
<i class="fab fa-github"></i>
<span id="github-text">Portfolio</span>
</a>
</div>
<div class="icon-link" title="Blog: Dev.to">
<a
href="https://dev.to/ma7eer"
class="link"
id="devto"
style="font-size: 30px; text-decoration: underline"
>
<i class="fab fa-dev"></i>
<span id="devto-text">Blog</span>
</a>
</div>
<div class="icon-link" title="Social Media: Twitter">
<a
href="https://twitter.com/maheralkendi"
class="link"
id="twitter"
style="font-size: 30px; text-decoration: underline"
>
<!-- <i class="fab fa-twitter-square hidden"></i> -->
<i class="fab fa-twitter"></i>
<span id="twitter-text">Twitter</span>
</a>
</div>
<div class="icon-link" title="Email: Gmail">
<a
href="mailto:[email protected]"
class="link"
id="email"
style="font-size: 30px; text-decoration: underline"
>
<!-- <i class="fas fa-envelope-square hidden"></i> -->
<i class="far fa-envelope"></i> <span id="email-text">Email</span>
</a>
</div>
</div>
<!-- font awesome -->
<script
src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/js/all.min.js"
integrity="sha256-KzZiKy0DWYsnwMF+X1DvQngQ2/FxF7MF3Ff72XcpuPs="
crossorigin="anonymous"
></script>
<!-- my scripts -->
<!-- <script src="./src/js/main.js"></script> -->
<script src="./src/js/translate.js" async></script>
</body>
</html>