-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
135 lines (135 loc) · 9.12 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>TCIRC 40th 幹部</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body class="d-flex flex-column">
<main class="flex-shrink-0">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container px-5">
<a class="navbar-brand" href="index.html">TCIRC 40th</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link" href="index.html">首頁</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">幹部</a></li>
<li class="nav-item"><a class="nav-link" href="portfolio-overview.html">成發</a></li>
<li class="nav-item"><a class="nav-link" href="blog-home.html">活動</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">聯絡我們</a></li>
<li class="nav-item"><a class="nav-link" href="https://judge.tcirc.tw" target="_blank">Judge</a></li>
</ul>
</div>
</div>
</nav>
<!-- Team members section-->
<section class="py-5 bg-light">
<div class="container px-5 my-5">
<div class="text-center">
<h2 class="fw-bolder">社團幹部</h2>
<p class="lead fw-normal text-muted mb-5"></p>
</div>
<div class="row gx-5 row-cols-1 row-cols-sm-2 row-cols-xl-4 justify-content-center">
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="photo/tcirc_predisent.jpg" alt="..." />
<h5 class="fw-bolder"><a href="https://www.instagram.com/p/CiSUNvnp3xk/" target="_blank" style="text-decoration: none; color: black;">龔德恩</a> </h5>
<div class="fst-italic text-muted">社長</div>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="photo/tcitc_vice_prseident.jpg" alt="..." />
<h5 class="fw-bolder"><a href="https://www.instagram.com/p/CiWSTi9pPZB/" target="_blank" style="text-decoration: none; color: black;">常興宥</a> </h5>
<div class="fst-italic text-muted">副社&總務</div>
</div>
</div>
<div class="col mb-5 mb-5 mb-sm-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="photo/tcirc_grandtiger.jpg" alt="..." />
<h5 class="fw-bolder"><a href="https://tcirc.tw/fukingtroller" target="_blank" style="text-decoration: none; color: black;">蔡兆豐</a> </h5>
<div class="fst-italic text-muted">教學長</div>
</div>
</div>
<div class="col mb-5">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="photo/tcirc_flower.jpg" alt="..." />
<h5 class="fw-bolder"><a href="https://www.instagram.com/p/CiWT3RCpTMp/" target="_blank" style="text-decoration: none; color: black;">劉以翔</a> </h5>
<div class="fst-italic text-muted">教學</div>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="photo/tcirc_yee.jpg" alt="..." />
<h5 class="fw-bolder"><a href="https://www.instagram.com/p/Ci4dMLJOHWA/" target="_blank" style="text-decoration: none; color: black;">陳俊邑</a> </h5>
<div class="fst-italic text-muted">教學</div>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="photo/tcirc_country_hand.png" alt="..." />
<h5 class="fw-bolder"><a href="https://www.instagram.com/p/CiZ2cwvp0uG/" target="_blank" style="text-decoration: none; color: black;">張皓晴</a> </h5>
<div class="fst-italic text-muted">教學</div>
</div>
</div>
<div class="col mb-5 mb-5 mb-sm-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="photo/tcirc_redBook.jpg" alt="..." />
<h5 class="fw-bolder"><a href="troller.html" target="_blank" style="text-decoration: none; color: black;">林孟寬</a> </h5>
<div class="fst-italic text-muted">教學</div>
</div>
</div>
<div class="col mb-5">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="photo/tcirc_paperwork.jpg" alt="..." />
<h5 class="fw-bolder"><a href="https://www.instagram.com/p/CiZ3X8Pp2k5/" target="_blank" style="text-decoration: none; color: black;">紀京亞</a> </h5>
<div class="fst-italic text-muted">文書</div>
</div>
</div>
<div class="col mb-5 mb-5 mb-xl-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="photo/tcirc_between.jpg" alt="..." />
<h5 class="fw-bolder"><a href="https://www.instagram.com/p/CimAI9jJKkF/" target="_blank" style="text-decoration: none; color: black;">紀立竺</a> </h5>
<div class="fst-italic text-muted">公關</div>
</div>
</div>
<div class="col mb-5 mb-5 mb-sm-0">
<div class="text-center">
<img class="img-fluid rounded-circle mb-4 px-4" src="photo/tcirc_hahaitsme.jpg" alt="..." />
<h5 class="fw-bolder"><a href="https://www.instagram.com/p/CiZ18hDJwes/" target="_blank" style="text-decoration: none; color: black;">邱胤齊</a> </h5>
<div class="fst-italic text-muted">網管</div>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer-->
<footer class="bg-dark py-4 mt-auto">
<div class="container px-5">
<div class="row align-items-center justify-content-between flex-column flex-sm-row">
<div class="col-auto"><div class="small m-0 text-white">Copyright © TCFSH-CIRC</div></div>
<div class="col-auto">
<a class="link-light small" href="https://www.instagram.com/tcirc_40th/">Instagram</a>
<span class="text-white mx-1">·</span>
<a class="link-light small" href="https://github.com/tcirc/">Github</a>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>