-
Notifications
You must be signed in to change notification settings - Fork 0
/
aboutme.html
151 lines (143 loc) · 7.37 KB
/
aboutme.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Resume</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:image" content="https://raw.githubusercontent.com/chite/Resume/master/resources/icon1.png">
<link rel="shortcut icon" type="image/png" href="./resources/icon1.png">
<link rel="image_src" type="image/png" href="./resources/icon1.png">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
</head>
<body class="bg">
<header>
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
<a class="navbar-brand" href="#"><img id="logo" src="./resources/icon.png" alt="logo"><span class="about_me"> ABOUT ME</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-expanded="false"><span class="navbar-toggler-icon"></span></button>
<!--navbar-toggler：用來折疊內容和套用其他樣式 -->
<!--data-toggle="collapse": 導覽列以摺疊這個事件觸發 -->
<!--data-target="#navbarNav":事件目標 -->
<!--aria-expanded="false"：當前狀態不打開 -->
<div class="collapse navbar-collapse" id="navbarNav">
<!--collapse：隱藏導覽列內容 -->
<!--navbar-collapse：設定子選單(折疊後導覽列)樣式 -->
<ul class="navbar-nav ml-auto">
<!--navbar-nav:套用導覽列和選單樣式 -->
<li class="nav-item">
<a class="nav-link text-danger btn m-2 ani_btn" href="#"><i class="far fa-user"></i></a>
</li>
<li class="nav-item">
<a class="nav-link text-white btn m-2 ani_btn" href="#"><i class="far fa-file-alt"></i></a>
</li>
<li class="nav-item">
<a class="nav-link text-white btn m-2 ani_btn" href="#"><i class="far fa-folder-open"></i></a>
</li>
</ul>
</div>
</nav>
</header>
<section>
<div class="container section_spacing">
<div class="row">
<div class="col-12 col-md-3">
<img src="./resources/photo.png" class="img-fluid mt-5 mb-4">
</div>
<div class="col-12 col-md-8 table_style">
<h2><strong>陳昱丞（Chen, Yu-Cheng）</strong></h2>
<hr>
<table class="table table-hover table-striped table_outline">
<tr>
<td>性別</td>
<td>男</td>
<td>出生日期</td>
<td>1998 / 02 / 14</td>
</tr>
<tr>
<td>籍貫</td>
<td>台灣新竹市</td>
<td>電話</td>
<td>0956963XXX</td>
</tr>
<tr>
<td>電子信箱</td>
<td colspan="3">[email protected]</td>
</tr>
</table>
<h5 class="table_caption"><strong>學歷</strong></h5>
<table class="table table-hover table-striped">
<tr>
<td>新竹市立培英國中</td>
</tr>
<tr>
<td>新竹市立成德高中</td>
</tr>
<tr>
<td>政治大學中文系三年級</td>
</tr>
<tr>
<td>政治大學數位內容學程</td>
</tr>
</table>
<h5 class="table_caption"><strong>社團經驗</strong></h5>
<table class="table table-hover">
<tr>
<td>英文辯論社（大一下）</td>
</tr>
<tr>
<td>美術社（大一下）</td>
</tr>
</table>
<h5 class="table_caption"><strong>工讀經驗</strong></h5>
<table class="table table-hover table-striped">
<tr>
<td>教學助理（學英補習班）</td>
</tr>
<tr>
<td>打工換宿（台東知本秘境民宿）</td>
</tr>
</table>
<h5 class="table_caption"><strong>研習與課外活動</strong></h5>
<table class="table table-hover table-striped">
<tr>
<td>課程股股員（2017年政大兒童文藝營）</td>
</tr>
<tr>
<td>2017年海山地區文化觀光英語研習營（國立臺北大學）</td>
</tr>
<tr>
<td>2017年「蜀道行-遇見熊貓」研習營（賢德惜福文教基金會）</td>
</tr>
<tr>
<td>文編組組長（2018年中文系系刊「凝視」）</td>
</tr>
<tr>
<td>2018年青年壯遊臺灣 ── 尋找感動地圖實踐計畫（教育部青年發展署）</td>
</tr>
</table>
<h5 class="table_caption"><strong>測驗與證照</strong></h5>
<table class="table table-hover table_outline">
<tr>
<td>多益</td>
<td>8XX</td>
</tr>
<tr>
<td>全民中檢</td>
<td>高級</td>
</tr>
</table>
</div>
</div>
</div>
</section>
<footer>
<div class="bg-dark mt-5">
<p class="text-white text-right mb-0 pb-1">2019. 3 updated </p>
</div>
</footer>
</body>
</html>