-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
318 lines (301 loc) · 12 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
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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Zahra Aulia</title>
<link rel="stylesheet" href="assets/style/styles.css">
<link rel="icon" href="assets/icon/favicon.ico">
<link rel="preconnect" href="https://fonts.gstatic.com">
<!-- google font -->
<link href="https://fonts.googleapis.com/css2?family=Mitr:wght@200;300;400;500&family=Sacramento&display=swap"
rel="stylesheet">
<!-- fontawesome -->
<script src="https://kit.fontawesome.com/8aea9081f6.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<div class="jumbotron">
<h1>Zahra Aulia Rahmadianti</h1>
<p>Undergraduate Information Systems Student</p>
</div>
<nav>
<ul>
<li><a href="#AboutZahra">About Zahra</a></li>
<li><a href="#Experience">Experience</a></li>
<li><a href="#Leadership">Leadership</a></li>
<li><a href="#Education">Education</a></li>
<li><a href="#Accomplishments">Accomplishments</a></li>
</ul>
</nav>
</header>
<main>
<div id="content">
<article class="card" id="AboutZahra">
<h2>About Zahra</h2>
<section>
<h4>Who Is Zahra?</h4>
<p>
Zahra Aulia Rahmadianti is a student of Information Systems at
University of Brawijaya, Faculty of Computer Science.
Zahra is currently in her 3rd year of college, so she focusing on preparing herself for the future.
</p>
</section>
<hr>
<section>
<h4>Early Life</h4>
<p>
Zahra was born in Jakarta, Indonesia in May of 2001. Zahra moved to Bogor when she was 8 years old and continues to live in Bogor until now.
As a child, Zahra loved reading books and painting. However, in terms of education, Zahra noticed that she liked something logical and practical, that's why she chose to study Computer Science.
Growing up, Zahra used to be an introvert person but as she often moved to a new environment she became more open to new people and new things.
Zahra learned a lot of new things after she began to be more welcome to new people, so she decided to participate in certain activities that require more of social skills to improve her self-esteem.
</p>
</section>
</article>
<article class="card" id="Experience">
<h2>Experience</h2>
<section>
<table>
<th>
<div class="container-img">
<img
src="https://media-exp1.licdn.com/dms/image/C510BAQGhheLi3RMCmg/company-logo_100_100/0/1554288978201?e=1662595200&v=beta&t=_ppMpesOW6DPV1E5gL5uxX9mNca7FqQkKLBgIqWgKuA"
class="featured-image" alt="bpps">
</div>
</th>
<td>
<h4>Member of Designer Division</h4>
<p>Raion Community</p>
<h5>Mar 2021 - Present</h5>
<ul>
<li>Work closely with UI Designer and programmer</li>
<li> Engaging in development projects (requirements analysis, mock up design, product support)</li>
<li> Collect requirements, provide product support, create user flow and mock up design</li>
</ul>
</td>
</table>
</section>
<hr>
<section>
<table>
<th>
<img
src="https://media-exp1.licdn.com/dms/image/C560BAQGZmpgt9fKblg/company-logo_100_100/0/1652255293857?e=1662595200&v=beta&t=t2ubGkluK67-QHog2aGhCaKxTTlKwSDJ70SOFSH1f2c"
class="featured-image" alt="bpps">
</th>
<td>
<h4>Frontend Engineer Scholarship Awardee</h4>
<p>SYNRGY Academy (Main Bootcamp)</p>
<h5>Aug 2021 - Dec 2021</h5>
<ul>
<li>Developing new user-facing features in React JS environment</li>
<li> Implementing the front-end logic that defines the behavior of the visual elements of a web
application</li>
<li> Collaborating with designers to ensure designs were efficient and technically sound</li>
<li> Worked closely with SCRUM team of 10 members</li>
</ul>
</td>
<td>
<h4>Fullstack Web Development Scholarship Awardee</h4>
<p>SYNRGY Academy (Pre-Bootcamp)</p>
<h5>Jun 2021 - Aug 2021</h5>
<ul>
<li>Implement new features and optimize existing ones from front-end to back-end.</li>
<li> Work closely with, and incorporate feedback from UI/UX designers.</li>
<li> Integrate web applications with external APIs to complement certain features</li>
<li> Rapidly fix bugs and solve problems.</li>
</ul>
</td>
</table>
</section>
<hr>
<section>
<table>
<th>
<img
src="https://media-exp1.licdn.com/dms/image/C4E0BAQG-FO7nOawetA/company-logo_100_100/0/1519868042491?e=1662595200&v=beta&t=PkhY_8hKFMk0BTWKHh1O1OXaHwWqg3revsrNJxwnVfI"
class="featured-image" alt="bpps">
</th>
<td>
<h4>Basic Database Lab Assistant</h4>
<p>Faculty of Computer Science (FILKOM) University of Brawijaya</p>
<h5>Feb 2021 - Jun 2019</h5>
<ul>
<li>Directed the practice of lectures to more than 30 students on basic database subjects.</li>
<li>Delivered practicum material with a total of 8 modules.</li>
</ul>
</td>
</table>
</section>
<hr>
<section>
<table>
<th>
<img
src="https://media-exp1.licdn.com/dms/image/C510BAQEoRCKre-rKQA/company-logo_100_100/0/1531304792272?e=1662595200&v=beta&t=jWDQzNMtA4aLHfHOJ6wlCHK7laDhAJX0aaay3lzcjtQ"
class="featured-image" alt="bpps">
</th>
<td>
<h4>Staff of Research and Study Development Department</h4>
<p>Eksekutif Mahasiswa Sistem Informasi</p>
<h5>Mar 2021 - Dec 2021</h5>
</td>
</table>
</section>
</article>
<article class="card" id="Leadership">
<h2>Leadership</h2>
<section>
<table>
<th>
<img
src="https://media-exp1.licdn.com/dms/image/C560BAQGZmpgt9fKblg/company-logo_100_100/0/1652255293857?e=1662595200&v=beta&t=t2ubGkluK67-QHog2aGhCaKxTTlKwSDJ70SOFSH1f2c"
class="featured-image" alt="bpps">
</th>
<td>
<h4>Scrum Master</h4>
<p>SYNRGY Academy (Main Bootcamp)</p>
<h5>Oct 2021 – Des 2021 </h5>
<ul>
<li> Sprint planning: Help Product Owner in product backlog maintenance</li>
<li> Daily monitoring: Stand‑up: facilitate the scrum team to report status updates and solve
impediments</li>
<li> Review: Setting up the team for sprint review.</li>
<li> Sprint Retrospectives: facilitate the team's search for improvements.</li>
<li> Participated in Project review meetings & discussions</li>
</ul>
</td>
<td>
<h4>Tech Leader</h4>
<p>SYNRGY Academy (Pre-Bootcamp)</p>
<h5>Aug 2021</h5>
<ul>
<li>Drive technical projects and provide leadership in an innovative and fast-paced environment.</li>
<li>Gather and validate requirements to obtain unambiguous technical requirement and establish a
consistent feedback loop.</li>
<li>Manage git repository according to git flow.</li>
</ul>
</td>
</table>
</section>
</article>
<article class="card" id="Education">
<h2>Education</h2>
<section>
<table>
<th>
<img
src="https://media-exp1.licdn.com/dms/image/C4D0BAQF39HHlC_CDBg/company-logo_100_100/0/1519910280375?e=1662595200&v=beta&t=p6HvhLaqX5teiegU4kSRv0xw2FSwo-LL-49vwKw-Q-I"
class="featured-image" alt="bpps">
</th>
<td>
<h4>University of Brawijaya</h4>
<p>Bachelor's degree</p>
<h5>2019 - 2022</h5>
</td>
</table>
</section>
<hr>
<section>
<table>
<th>
<img
src="https://media-exp1.licdn.com/dms/image/C510BAQFCR61gxvRvUw/company-logo_100_100/0/1551375570403?e=1662595200&v=beta&t=6G63HUhHvx0MD46eWulZBYZ-1tvWp3uCO3AzY-D9Ea8"
class="featured-image" alt="bpps">
</th>
<td>
<h4>SMA Negeri 1 Bogor</h4>
<p>Natural Sciences</p>
<h5>2016 - 2019</h5>
</td>
</table>
</section>
</table>
</article>
<article class="card" id="Accomplishments">
<h2>Accomplishments</h2>
<section>
<table>
<th>
<img
src="https://media-exp1.licdn.com/dms/image/C4D0BAQF39HHlC_CDBg/company-logo_100_100/0/1519910280375?e=1662595200&v=beta&t=p6HvhLaqX5teiegU4kSRv0xw2FSwo-LL-49vwKw-Q-I"
class="featured-image" alt="bpps">
</th>
<td>
<h4>2nd Winner Isometrix Business IT Case Competition</h4>
<p>University of Brawijaya</p>
<h5>Sep 2019</h5>
</td>
</table>
</section>
<section>
<table>
<th>
<img
src="https://media-exp1.licdn.com/dms/image/C4E0BAQG-FO7nOawetA/company-logo_100_100/0/1519868042491?e=1662595200&v=beta&t=PkhY_8hKFMk0BTWKHh1O1OXaHwWqg3revsrNJxwnVfI"
class="featured-image" alt="bpps">
</th>
<td>
<h4>2nd Winner PKM FILKOM 2019, PKM-K Category</h4>
<p>Faculty of Computer Science (FILKOM) - University of Brawijaya</p>
<h5>Nov 2019</h5>
</td>
</table>
</section>
</article>
</div>
<aside>
<article class="profile card">
<header>
<h2>Profile</h2>
<figure>
<img src="assets/image/me.png">
</figure>
</header>
<section>
<h4>General</h4>
<table>
<tr>
<th><i class="fas fa-user"></i></th>
<td> Zahra Aulia Rahmadianti</td>
</tr>
<tr>
<th><i class="fas fa-birthday-cake"></i></th>
<td> Jakarta, 16 Mei 2001</td>
</tr>
<tr>
<th><i class="fas fa-home"></i></th>
<td> Bogor</td>
</tr>
</table>
</section>
<section>
<h4>Contact Details</h4>
<table>
<tr>
<th><i class="fas fa-mobile-alt"></i></th>
<td><a href="tel:+62 812 8757 5739">+62 812 8757 5739</a></td>
</tr>
<tr>
<th><i class="fas fa-envelope"></i></th>
<td><a href="mailto:zhraulia16@gmail.com">zhraulia16@gmail.com</a></td>
</tr>
<tr>
<th><i class="fab fa-linkedin-in"></i></th>
<td><a href="https://www.linkedin.com/in/zahraauliar/" target="_blank">linkedin.com/in/zahraauliar</a>
</td>
</tr>
</table>
</section>
</article>
</aside>
<div class="darkBtn" id="theme">
<div onclick="setDarkMode(true)" id="darkBtn" class=""> <span>Dark</span></div>
<div onclick="setDarkMode(false)" id="lightBtn" class="is-hidden"> <span>Light</span> </div>
</div>
</main>
<footer>
<p>Belajar Dasar Pemrograman Web © 2022, Zahra Aulia</p>
</footer>
<script src="assets/script/index.js"></script>
</body>
</html>