-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (107 loc) · 6.13 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<meta content="text/html" http-equiv="Content-Type"/>
<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=Arima:wght@300;500;700&family=Bree+Serif&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css"
integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g=="
crossorigin="anonymous" referrerpolicy="no-referrer"/>
<meta charset="utf-8">
<link rel="icon" href="images/favicon.png"/>
<title>Elbay Malik Portfolio</title>
<meta name="description" content="Elbay Malik Portfolio">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<nav class="navbar">
<div class="navbar-container">
<h1 class="navbar-brand"><strong>Elbay Malik</strong> <span class="navbar-brand-muted"><i>a.k.a.</i> <strong>EleoXDA</strong></span></h1>
<div class="theme-toggle">
<img id="theme-toggle-img" src="images/lamp_on2.png"></img>
<div class="tooltip" id="tooltip">Click to toggle the theme</div>
</div>
</div>
</nav>
<body>
<div class="top-section">
<figure class="profile">
<img class="profile-picture" id="profpic" src="images/profpicb.png" alt="EleoXDA profile picture" width="200">
</figure>
<div class="info">
<h3 id="find-me-text">Find me in:</h3>
<div class="icon-row">
<a class="icon-btn" style="text-decoration: none;" href="https://github.com/EleoXDA" target="_blank">
<i class="fa-brands fa-github fa-3x"></i>
</a>
<a class="icon-btn" style="text-decoration: none;" href="https://www.linkedin.com/in/elbay-malik/" target="_blank">
<i class="fa-brands fa-linkedin-in fa-3x"></i>
</a>
<a class="icon-btn" style="text-decoration: none;" href="https://forum.xda-developers.com/m/eleo.4598795" target="_blank">
<img src="images/xda-muted.png" style="width: 48px;" class="xda" id="xda"></img>
</a>
<a class="icon-btn" style="text-decoration: none;" href="https://developers.google.com/profile/u/elbaymalik" target="_blank">
<img src="images/google-developers-muted.png" style="height: 40px;" class="googledev" id="googledev"></img>
</a>
<a class="icon-btn" style="text-decoration: none;" href="https://www.codewars.com/users/EleoXDA" target="_blank">
<img src="images/codewars-muted.png" style="width: 48px;" class="codewars" id="codewars"></img>
</a>
</div>
<div class="contact-me">
<h3 id="contact-me-text">Contact me:</h3>
</div>
<div class="contact-row">
<a class="mail" style="text-decoration: none;" href="mailto:[email protected]"><i class="fa-solid fa-envelope-open fa-3x"></i></a>
</div>
</div>
</div>
<div class="navbar-brand navigation" id="navbar">
<button><a class="navbar-shortcuts" href="#" onclick="handleClick(event, 'home')">About Me</a></button>
<button><a class="navbar-shortcuts" href="#" onclick="handleClick(event, 'projects')">Projects</a></button>
<button><a class="navbar-shortcuts" href="#" onclick="handleClick(event, 'experience')">Experience</a></button>
<button><a class="navbar-shortcuts" href="#" onclick="handleClick(event, 'education')">Education</a></button>
<button><a class="navbar-shortcuts" href="#" onclick="handleClick(event, 'soft')">Software Proficiency</a></button>
<button><a class="navbar-shortcuts" href="#" onclick="handleClick(event, 'skills')">Skills and Tools</a></button>
<button><a class="navbar-shortcuts" href="#" onclick="handleClick(event, 'lang')">Language Proficiency</a></button>
</div>
<div class="row">
<div id="home" class="column content active"></div>
<div id="projects" class="column content"></div>
<div id="experience" class="column content"></div>
<div id="education" class="column content"></div>
<div id="soft" class="column content"></div>
<div id="skills" class="column content"></div>
<div id="lang" class="column content"></div>
</div>
<button onclick="topFunction()" id="back-to-top" title="Go to top"><i class="fa-solid fa-chevron-up"></i></button>
<div id="myModal" class="modal">
<div class="modal-content">
<div class="modal-header">
<div class="button-group">
<button class="modalbtn" id="project-link-btn">Open Project</button>
<button class="modalbtn" id="repo-link-btn">Link to Repo</button>
</div>
<span class="close" style="cursor: pointer;"><i class="fa-regular fa-circle-xmark fa-2xl"></i></span>
</div>
<p id="readme-content"></p>
</div>
</div>
<footer>
<div class="row">
<div class="column footer">
<hr>
<p style="margin:0px"><i class="fa-solid fa-file-signature fa-2xl"></i> <a id="resume" target="_blank" href="https://drive.google.com/file/d/1CXEcx6G-WmU9oueHVYoHZeLixtbEOkog/view">Download my Resume</a> <i class="fa-regular fa-circle-down fa-beat fa-lg"></i>
<div id="footer-group">
<p>Contact me: <a href="mailto:[email protected]">Email</a>, <a target="_blank" href="https://www.linkedin.com/in/elbay-malik/">LinkedIn</a>, <a target="_blank" href="https://www.github.com/EleoXDA">GitHub</a>, <a target="_blank" href="https://forum.xda-developers.com/m/eleo.4598795">XDA</a>, <a target="_blank" href="https://developers.google.com/profile/u/elbaymalik">Google Developers</a>, <a target="_blank" href="https://www.codewars.com/users/EleoXDA">Codewars</a></p>
</div>
<hr>
<p id="footer">© 2024 Elbay Malik. All rights reserved</p>
</div>
</div>
</footer>
<script defer src="script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js"></script>
</body>
</html>