-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
354 lines (354 loc) · 19.6 KB
/
index.html
File metadata and controls
354 lines (354 loc) · 19.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Adly Fahreza Personal Website</title>
<meta name="description" content="Adly Fahreza Personal Website">
<meta name="keywords" content="Adly Fahreza, Adly, Fahreza, adeli, adeleeeeyyyy, adeley, adeleeeeyyyy">
<link rel="stylesheet" href="https://unpkg.com/lenis@1.1.20/dist/lenis.css">
<script src="https://unpkg.com/lenis@1.1.20/dist/lenis.min.js"></script>
<!--
- meta tag
-->
<!-- Open Graph -->
<meta property="og:title" content="Adly Fahreza Personal Website">
<meta property="og:description" content="Back-End Developer at SynchronizeTeams ">
<meta property="og:image" content="https://adeli.my.id/assets/images/thumbnail.png">
<meta property="og:url" content="https://adeli.my.id">
<meta property="og:type" content="website">
<meta name="google-site-verification" content="googleb1b4d4ba0b832e56.html">
<!--
- favicon
-->
<link rel="shortcut icon" href="./assets/images/icons8-circled-a-100.png" type="image/x-icon">
<!--
- custom css link
-->
<link rel="stylesheet" href="./assets/css/style.css">
<!--
- google font link
-->
<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=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet">
</head>
<body>
<!--
- #MAIN
-->
<main>
<!--
- #SIDEBAR
-->
<aside class="sidebar" data-sidebar>
<div class="sidebar-info">
<figure class="avatar-box">
<img src="./assets/images/propil.jpg" style="border-radius: 20%;" alt="Adly" width="80">
</figure>
<div class="info-content">
<h1 class="name" title="Adly Fahreza">Adly Fahreza</h1>
<p class="title">Software Engineer</p>
</div>
<button class="info_more-btn" data-sidebar-btn>
<span>Show Contacts</span>
<ion-icon name="chevron-down"></ion-icon>
</button>
</div>
<div class="sidebar-info_more">
<div class="separator"></div>
<ul class="contacts-list">
<li class="contact-item">
<div class="icon-box">
<ion-icon name="mail-outline"></ion-icon>
</div>
<div class="contact-info">
<p class="contact-title">Email</p>
<a href="mailto:mitsuhaadly@gmail.com" class="contact-link">mitsuhaadly@gmail.com</a>
</div>
</li>
<li class="contact-item">
<div class="icon-box">
<ion-icon name="location-outline"></ion-icon>
</div>
<div class="contact-info">
<p class="contact-title">Location</p>
<address>Indonesia</address>
</div>
</li>
</ul>
<div class="separator"></div>
<ul class="social-list">
<li class="social-item">
<a href="https://github.com/adeleeeeyyyy" class="social-link" target="_blank" rel="nofollow">
<ion-icon name="logo-github"></ion-icon>
</a>
</li>
<li class="social-item">
<a href="https://instagram.com/adeleeeeyyyy" class="social-link" target="_blank" rel="nofollow">
<ion-icon name="logo-instagram"></ion-icon>
</a>
<li class="social-item" style=" background-color: #FFDB6E; width: 10rem; height: 2rem; border-radius: 16px; display: flex; align-items: center; justify-content: center;">
<a href="/.files/mycv.pdf" style="
color: black;
font-size: small;
">Download my CV</a>
</li>
</li>
</ul>
</div>
</aside>
<!--
- #main-content
-->
<div class="main-content">
<!--
- #ABOUT
-->
<article class="about active" data-page="about">
<header>
<h2 class="h2 article-title">About Me</h2>
</header>
<section class="about-text">
<p>
I am a vocational school student majoring in Software Engineering. I have a great interest in technology, especially software technology.
</p>
<p>
I have expertise in the field of Cyber Security as a Penetration Tester, Vulnerability Researcher, and Application security. I also have expertise in building websites as a Fullstack Developer.
</p>
</section>
<!--
- service
-->
<section class="service">
<h3 class="h3 service-title">What am I doing</h3>
<ul class="service-list">
<li class="service-item">
<div class="service-icon-box">
<img src="./assets/images/icon-dev.svg" alt="Web development icon" width="40">
</div>
<div class="service-content-box">
<h4 class="h4 service-item-title">Web development</h4>
<p class="service-item-text">
Professional website development for personal and commercial needs
</p>
</div>
</li>
<li class="service-item">
<div class="service-icon-box">
<img src="./assets/images/cyber.png" alt="mobile app icon" width="40">
</div>
<div class="service-content-box">
<h4 class="h4 service-item-title">Cyber Security</h4>
<p class="service-item-text">
Protects internet-connected systems such as hardware, software, and data from cyber threats.
</p>
</div>
</li>
</section>
<header>
<h2 class="h2 article-title">Projects</h2>
</header>
<section class="projects">
<ul class="project-list">
<li class="project-item active" data-filter-item data-category="web development">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/New Project 12 [BBD8FF8].png" alt="finance" loading="lazy">
</figure>
<h3 class="project-title">Linux dotfiles</h3>
<p class="project-category">Linux dotfiles for customizing and enchanting looks of linux operating system</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web development">
<a href="https://github.com/adeleeeeyyyy/sn0int" rel="nofollow">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/New Project 14 [9C07239].png" alt="finance" loading="lazy">
</figure>
<h3 class="project-title">OSINT TOOLS</h3>
<p class="project-category">Osint tools for gathering social information.
</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web development">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/keylogger.png" alt="finance" loading="lazy">
</figure>
<h3 class="project-title">Keylogger</h3>
<p class="project-category">
Keylogger is a software tool that records every keystroke on a computer keyboard. It is used to capture sensitive information such as passwords, credit card numbers, and other personal data.
</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web development">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/evoting.png" alt="finance" loading="lazy">
</figure>
<h3 class="project-title">PENUS E-VOTING</h3>
<p class="project-category">
PENUS E-VOTING is an application that allows users to vote in elections. It provides a secure and user-friendly platform for conducting online voting.w
</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web development">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/password.png" alt="finance" loading="lazy">
</figure>
<h3 class="project-title">PASSWORD CHECKER TOOL</h3>
<p class="project-category">
Password checker tool is a software tool that checks if a password is strong enough. It checks for the presence of uppercase and lowercase letters, numbers, and special characters.
</p>
</a>
</li>
<li class="project-item active" data-filter-item data-category="web development">
<a href="#">
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/bot telegram.png" alt="finance" loading="lazy">
</figure>
<h3 class="project-title">TELEGRAM BOT</h3>
<p class="project-category">
Telegram bot is a software tool that allows users to send messages to a Telegram chatbot. It provides a secure and user-friendly platform for conducting online voting.
</p>
</a>
</li>
</section>
</article>
<br>
</header>
<section class="timeline">
<h2 class="h2 article-title">Education</h2>
<figure class="project-img">
<div class="project-item-icon-box">
<ion-icon name="eye-outline"></ion-icon>
</div>
<img src="./assets/images/Gedung Utama.jpg" alt="finance">
</figure>
<h3 class="project-title">SMK PLUS PELITA NUSANTARA</h3>
</section>
<section class="timeline">
<div class="title-wrapper">
<div class="icon-box">
<ion-icon name="book-outline"></ion-icon>
</div>
<h3 class="h3">Organizational and training experience</h3>
</div>
<ol class="timeline-list">
<li class="timeline-item">
<h4 class="h4 timeline-item-title">web server • devaccto TKJ</h4>
<span>September 2023 - Now</span>
<p class="timeline-text">
Following the lesson on setting up a Web Server using the Linux operating system (Debian 11). I have gained a deeper understanding of server configuration and management. With this knowledge, I am ready to implement and manage Web Servers more efficiently and professionally. Thank you for the opportunity to expand my knowledge in this area.
</p>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">Devaccto RPL • SMK PLUS PELITA NUSANTARA</h4>
<span>July 2023 - Now</span>
<p class="timeline-text">
• As Deputy Chair of Devaccto RPL, I am responsible for coordinating members and providing support to those facing difficulties </br>
• I am actively involved in various activities and tasks related to Software Engineering at Devaccto</br>
• I play a role in the development of projects implemented by Devaccto RPL</br>
• My ability to collaborate with colleagues at Devaccto RPL has resulted in projects that have benefited all members
</p>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">DevFest 2023 • Google Developer Group Depok</h4>
<span>December, 03, 2023</span>
<p class="timeline-text">
Sharing activities held by GDG Depok members discussed topics relevant to the latest technological developments, including Firebase, PalmAI, Flutter, Keras, TensorFlow, View Transition API, and Amper. This event is a forum for professionals and technology activists to share knowledge and experience to increase understanding and skills in the field of information technology. It is hoped that this activity can provide great benefits for the participants and support the development of the technology industry in Indonesia.
</p>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">Ethical Hacking Class • jadihacker.id</h4>
<span>April 2024 - Now</span>
<p class="timeline-text">
I took the Certified Ethical Hacking class which studied various important topics such as Sniffing, Hacking Web Servers, Social Engineering, Vulnerability Analysis, Scanning Networks Enumeration, and Denial-Of-Service. These materials are very important for understanding and mastering the information security techniques needed in the professional world.
</p>
</li>
<li class="timeline-item">
<h4 class="h4 timeline-item-title">AWS Back-end Academy • AWS Training and Certification </h4>
<span>May 2024 - Now</span>
<p class="timeline-text">
My experience in participating in a scholarship program to increase competency in the field of Back-End development for Amazon Web Services (AWS) has become a strong foundation in my mastery of key tools in the AWS platform for cloud computing purposes and other aspects. Through this program, I not only deepened my conceptual understanding, but also honed my practical skills in applying relevant AWS technologies in Back-End development projects.
</p>
</li>
</ol>
</section>
<section>
<h2 class="h2 article-title">Fun Stats</h2>
<div class="stats">
<!-- Grup pertama -->
<div class="first-stats">
<img src="https://github-readme-stats.vercel.app/api?username=adeleeeeyyyy&show_icons=true&theme=dracula" height="150" alt="stats graph"/>
<img src="https://github-readme-stats.vercel.app/api/top-langs?username=adeleeeeyyyy&locale=en&hide_title=false&layout=compact&card_width=320&langs_count=5&theme=dracula&hide_border=false&order=2" height="150" alt="languages graph" />
</div>
<!-- Grup kedua -->
<div class="second-stats">
<img src="https://github-readme-activity-graph.vercel.app/graph?username=adeleeeeyyyy&radius=16&theme=react&area=true&order=5" height="300" alt="activity-graph graph" />
</div>
</div>
</section>
</article>
<!--
- #CONTACT
-->
<article class="contact" data-page="contact">
<header>
<h2 class="h2 article-title">Contacts</h2>
</header>
<section class="mapbox" data-mapbox>
<figure>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d199666.5651251294!2d-121.58334177520186!3d38.56165006739519!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x809ac672b28397f9%3A0x921f6aaa74197fdb!2sSacramento%2C%20CA%2C%20USA!5e0!3m2!1sen!2sbd!4v1647608789441!5m2!1sen!2sbd"
width="400" height="300" loading="lazy"></iframe>
</figure>
</section>
<section class="contact-form">
<h3 class="h3 form-title">Contact Form</h3>
<form action="#" class="form" data-form>
<div class="input-wrapper">
<input type="text" name="fullname" class="form-input" placeholder="Full name" required data-form-input>
<input type="email" name="email" class="form-input" placeholder="Email address" required data-form-input>
</div>
<textarea name="message" class="form-input" placeholder="Your Message" required data-form-input></textarea>
<button class="form-btn" type="submit" disabled data-form-btn>
<ion-icon name="paper-plane"></ion-icon>
<span>Send Message</span>
</button>
</form>
</section>
</article>
</div>
</main>
<!--
- custom js link
-->
<script src="./assets/js/script.js"></script>
<!--
- ionicon link
-->
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</body>
</html>