-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathorganization.html
150 lines (144 loc) · 6.5 KB
/
organization.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
<!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/himatika.png" width="40px" style="float:left; margin-right:10px">
<b>Himpunan Mahasiswa Matematika</b>
<br>Faculty of Mathematics and Science
<br>Universitas Sebelas Maret
<ul>
<li>
<b>General Secretary</b>
<br>January - December 2017
<table>
<tr>
<td>Job desc</td>
<td>:</td>
<td>Second leader of organization</td>
</tr>
<tr>
<td></td>
<td></td>
<td>Manage 2 divisions, i.e. administration and consolidation</td>
</tr>
<tr>
<td>Skills</td>
<td>:</td>
<td>Leadership</td>
</tr>
<tr>
<td></td>
<td></td>
<td>Teamwork</td>
</tr>
<tr>
<td>Achievements</td>
<td>:</td>
<td>Steering committee of Aplikasi Ilmu Matematika dan Pelantikan Anggota Aktif HIMATIKA FMIPA UNS 2018</td>
</tr>
<tr>
<td></td>
<td></td>
<td>Licensing coordinator of Science, Technology, and Art Festival of Mathematics 2017</td>
</tr>
</table>
</li>
<li>
<b>Secretary of Development Organization</b>
<br>January - December 2016
<table>
<tr>
<td>Job desc</td>
<td>:</td>
<td>Manage administration</td>
</tr>
<tr>
<td></td>
<td></td>
<td>Coordinate with other organizations or institutions</td>
</tr>
<tr>
<td>Skills</td>
<td>:</td>
<td>Good communication skills</td>
</tr>
<tr>
<td></td>
<td></td>
<td>Time management</td>
</tr>
<tr>
<td>Achievements</td>
<td>:</td>
<td>The best staff on March 2016</td>
</tr>
<tr>
<td></td>
<td></td>
<td>Sponsorship coordinator of Mathlete Futsal Cup Competition 2016</td>
</tr>
</table>
</li>
</ul>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.nav_btn').click(function(){
$('.mobile_nav_items').toggleClass('active');
});
});
</script>
</body>
</html>