-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
216 lines (210 loc) · 11.3 KB
/
index.html
File metadata and controls
216 lines (210 loc) · 11.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ahmad Azfa Bio</title>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>
<body>
<div class="topnav">
<a class="active" href="#home">Home</a>
<a href="#About Me">About Me</a>
<a href="#Bio">Bio</a>
<a href="#Activities">Activites</a>
</div>
<header class="flex-column">
<img src="assets/image/profile picture.jpeg" class="rounded-image center">
<h2 class="header-text center m-t-5px">Ahmad Azfa Dzulfaqar</h2>
<p class="detail-header-text center m-t-5px">Informatics Engineering at Bakrie University</p>
<div class="social center">
<ul>
<li><a href="https://www.facebook.com/ahmadazfa.dzulfaqar/"><i class="fab fa-facebook fa-lg"></i> Follow My facebook</a></li>
<li><a href="https://www.instagram.com/azfa_dzulfaqar/"><i class="fab fa-instagram fa-lg"></i> Follow My instagram</a></li>
</ul>
</div>
</header>
<main>
<div class="flex-horizontal-75">
<div class="flex-column">
<article class="first-content" id="About Me">
<h1 class="title-content center">About Me</h1>
<p class="align-left">Hi!, My name is Azfa. I live in Jakarta, I was born on July 17, 2002,
I studied at Bakrie University majoring in informatics engineering,
I like computers since I was small, I have been disassembling and assembling PC components,
then I want to continue my desire to become a programmer,
and I also like playing games like valorant , apex, genshin impact, and so on,
and I also like watching anime.
</p>
<div class="flex-project">
<div class="project center">
<figure class="card">
<img src="assets/image/jett.jpg" class="image-project" style="background-image: none;">
<figcaption>Jett my Love</figcaption>
</figure>
</div>
</div>
</article>
<article class="content" id="Bio">
<h1 class="title-content center">Bio</h1>
<ul class="top-set-10">
<li class="bolder">Work Experiences</li>
<ul>
<p class="bolder"> PT SWM MEDICAL</p>
<P><i>(Administration Staff) Feb 2019 - Aug 2019</i></P>
<P>Provision of hospital equipment for Indonesian work areas, both tender and non-tender and private</P>
<li>Perform Office Automation and Management</li>
<li>Correspondence</li>
<li>Record Keeping</li>
<li>Office petty cash Handling</li>
<li>and Other Office Administration</li>
</ul>
</ul>
<ul class="top-set-10">
<li class="bolder">Education Level</li>
<ul>
<p class="bolder"> Bakrie University</p>
<P><i>(Bachelor Degree in Informatics, 3.63/4.00) Sep 2020 - Sep 2024 (Expected)</i></P>
<li>HTML, CSS, JavaScript</li>
<li>Simple Java Coding NetBeans</li>
<li>Relational Database Management System(RDBMS)</li>
<li>PHP, MySQL, MariaDB</li>
<li>Developed Science Research Program Kreatifitas Mahasiswa(PKM) LLDIKTI 6</li>
</ul>
</ul>
<ul class="top-set-10">
<li class="bolder">Skills, Achievements & Other Experiences</li>
<ul>
<p class="bolder"></p>
<li><a href="https://learndigital.withgoogle.com/digitalgarage/validate-certificate-code">
Achievements (2022): Google Digital Garage : The Fundamental of Digital Marketing</a> (Code : 9HE GWP JPL)</li>
<li><a href="https://www.dicoding.com/certificates/N9ZO4LRJYZG5">
Achievements (2023): Dicoding : Belajar Dasar Git dengan GitHub</a></li>
<li><a href="https://www.dicoding.com/certificates/0LZ0GNM7NX65">
Achievements (2023): Dicoding : Memulai Dasar Pemrograman untuk Menjadi Pengembang Software</a></li>
<li><a href="https://www.dicoding.com/certificates/72ZD9D6J6PYW">
Achievements (2023): Dicoding : Pengenalan ke Logika Pemrograman (Programming Logic 101)</a></li>
<li><a href="https://www.linkedin.com/in/ahmad-azfa-dzulfaqar/overlay/1635510556430/single-media-viewer/?profileId=ACoAADphaSoB2P26gY7hyWpZOtttTbbat8hKoM4">
Hard Skills (2018): Certificate of competency on Qualification 2 Automation and Management of Offices</a></li>
<li><a href="https://skillshop.exceedlms.com/student/award/eM6mTJuiKcHdH8nuCbkNguKS">
Interest (2022): Google Ads Search Certification</a></li>
</ul>
</ul>
</article>
<article class="content" id="Activities">
<h1 class="title-content center">Top 4 Favorite Activites</h1>
<div class="flex-project">
<div class="project">
<figure class="card">
<img src="assets/image/Valorant.png" class="image-project" style="background-image: none;">
<figcaption>Valorant</figcaption>
</figure>
</div>
<div class="project">
<figure class="card">
<img src="assets/image/Suzume.jpg" class="image-project">
<figcaption>Anime</figcaption>
</figure>
</div>
<div class="project">
<figure class="card">
<img src="assets/image/hu tao.jpg" class="image-project">
<figcaption>Genshin Impact</figcaption>
</figure>
</div>
<div class="project">
<figure class="card">
<img src="assets/image/gta.png" class="image-project">
<figcaption>GTA V</figcaption>
</figure>
</div>
</div>
</article>
<article class="content" id="Bio">
<h1 class="title-content center">My Favorite Anime</h1>
<ul class="top-set-10">
<li class="bolder">Favorite anime years to years</li>
<ul>
<p class="bolder"></p>
<li>Attack On Titan</li>
<div class="flex-project">
<div class="project">
<img src="assets/image/Mikasa.jpg" class="image-project">
</div>
</div>
<li>Sword art Online : Alicization</li>
<div class="flex-project">
<div class="project">
<img src="assets/image/Alice.jpg" class="image-project">
</div>
</div>
<li>Lycoris Recoil</li>
<div class="flex-project">
<div class="project">
<img src="assets/image/Chisato.png" class="image-project">
</div>
</div>
<li>Kimetsu No Yaiba</li>
<div class="flex-project">
<div class="project">
<img src="assets/image/Giyuu.jpg" class="image-project">
</div>
</div>
<li>Fate : Series</li>
<div class="flex-project">
<div class="project">
<img src="assets/image/saber.jpg" class="image-project">
</div>
</div>
<li>Suzume No Tojimari</li>
<div class="flex-project">
<div class="project">
<img src="assets/image/Suzume.jpg" class="image-project">
</div>
</div>
</ul>
</ul>
</article>
</div>
</div>
<aside class="flex-horizontal-25 m-r-l-10px">
<div class="card">
<div class="flex-column m-tbpx">
<article class="first-content">
<h1 class="title-content unset center">My Profile</h1>
</article>
<img src="assets/image/profile picture.jpeg" class="rounded-image center">
<table class="center m-t-b-15px">
<tr>
<th>Name :</th>
<td>Ahmad Azfa Dzulfaqar</td>
</tr>
<tr>
<th>Live in :</th>
<td>Jakarta</td>
</tr>
<tr>
<th>Nickname :</th>
<td>Musketeer</td>
</tr>
<tr>
<th>All Social Media :</th>
<td><a href="https://linktr.ee/MusketeerHD">My Linktree</a></td>
</tr>
<tr>
<th>Currently Play :</th>
<td>Valorant, Apex</td>
</tr>
</table>
</div>
</div>
</aside>
</main>
<footer>
<p class="center">Copyright © 2023, Ahmad Azfa Dzulfaqar</p>
<p class="center">All Right Reserved</p>
</footer>
</body>
</html>