-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwork.html
137 lines (131 loc) · 5.41 KB
/
work.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Curriculum Vitae</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="responsive.css">
<script src="https://kit.fontawesome.com/533b9c4f79.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" charset="utf-8"></script>
</head>
<body>
<input type="checkbox" id="check">
<!-- header start -->
<header>
<label for="check">
<i class="fas fa-bars" id="sidebar_btn"></i>
</label>
<div class="left_area">
<h3>Curriculum Vitae</h3>
</div>
<!-- <div class="right_area">
<a href="#" class="logout_btn">Logout</a>
</div> -->
</header>
<!-- header end -->
<!-- mobile navigation bar start -->
<div class="mobile_nav">
<div class="nav_bar">
<img src="img/profile.jpg" class="mobile_profile_image" alt="">
<i class="fa fa-bars nav_btn"></i>
</div>
<div class="mobile_nav_items">
<a href="index.html"><i class="fas fa-info-circle"></i><span>About</span></a>
<a href="education.html"><i class="fas fa-university"></i><span>Education</span></a>
<a href="work.html"><i class="fas fa-briefcase"></i><span>Work Experiences</span></a>
<a href="organization.html"><i class="fas fa-sitemap"></i><span>Organization</span></a>
<a href="skills.html"><i class="fas fa-cogs"></i><span>Skills</span></a>
</div>
</div>
<!-- mobile navigation bar end -->
<!-- sidebar start -->
<div class="sidebar">
<div class="profile_info">
<img src="img/profile.jpg" class="profile_image" alt="">
</div>
<a href="index.html"><i class="fas fa-info-circle"></i><span>About</span></a>
<a href="education.html"><i class="fas fa-university"></i><span>Education</span></a>
<a href="work.html"><i class="fas fa-briefcase"></i><span>Work Experiences</span></a>
<a href="organization.html"><i class="fas fa-sitemap"></i><span>Organization</span></a>
<a href="skills.html"><i class="fas fa-cogs"></i><span>Skills</span></a>
</div>
<!-- sidebar end -->
<div class="content">
<div class="card">
<img src="img/bukopin.png" width="200px">
<br><b>Customer Service Staff (Frontliner)</b>
<br>November 2019 - November 2020
<table>
<tr>
<td>Job desc</td>
<td>:</td>
<td>Serving customers for transactions using AS/400</td>
</tr>
<tr>
<td></td>
<td></td>
<td>Monthly reports</td>
</tr>
<tr>
<td>Skills</td>
<td>:</td>
<td>Able to work quickly and precisely</td>
</tr>
<tr>
<td></td>
<td></td>
<td>Able to work underpressure</td>
</tr>
<tr>
<td></td>
<td></td>
<td>Good communication and negotiation skills</td>
</tr>
<td>Achievement</td>
<td>:</td>
<td>The best frontliner for handling customers</td>
</tr>
</table>
<br>
<img src="img/pudam.png" width="230px">
<br><b>Research and Development Intern</b>
<br>January - February 2018
<table>
<tr>
<td>Job desc</td>
<td>:</td>
<td>Entry data using Microsoft Excel</td>
</tr>
<tr>
<td></td>
<td></td>
<td>Check and compare data</td>
</tr>
<tr>
<td>Skills</td>
<td>:</td>
<td>Able to use Microsoft Excel</td>
</tr>
</tr>
<td>Achievements</td>
<td>:</td>
<td>Create a new file to recap data</td>
</tr>
</tr>
<td></td>
<td></td>
<td>Always come first to the office</td>
</tr>
</table>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.nav_btn').click(function(){
$('.mobile_nav_items').toggleClass('active');
});
});
</script>
</body>
</html>