-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (80 loc) · 3.76 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ICON - Danh sách thành viên</title>
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<header>
<div class="navbar shadow-sm">
<div class="container">
<a href="./" class="navbar-brand d-flex align-items-center">
<img src="./assets/images/logo.png" alt="logo" width="40px">
<span>ICON</span>
</a>
</div>
</div>
</header>
<main>
<div class="container">
<div class="row mt-5">
<h2>Tuyển thành viên câu lạc bộ học thuật ICON Khoa CNTT</h2>
<h6 class="text-muted">Thứ ba, ngày 18 tháng 3 năm 2021</h6>
</div>
<div class="row mt-4">
<p>Câu lạc bộ học thuật ICON xin thông báo. Hiện tại câu lạc bộ đang mở đợt tuyển thành viên HK2 năm 2020-2021.
Có 2 vị trí mà bạn có thể tham gia, đó là thành viên và thành viên chủ chốt. Mô tả chi tiết hơn về 2 vị trí
này, các bạn có thể tham khảo văn bản ở dưới.</p>
</div>
<div class="row mt-2 info">
<div>
<h3 class="my-3">Mô tả hoạt động</h3>
<iframe src="https://drive.google.com/file/d/1dln3QZD6PlBkHDp06adrjgQVr9VWZoSd/preview" width="100%"
height="500px"></iframe>
</div>
<div>
<h3 class="my-3">Danh sách thành viên hiện tại</h3>
<iframe
src="https://docs.google.com/spreadsheets/d/e/2PACX-1vRFqxbSu_woADg9v3wqmNIa9xfxGwpml_8N3V8XLaTL8KOFbzJZkYkf_hvKOXqa4frBC9A8pezFNOTm/pubhtml?gid=1212024281&single=true&widget=true&headers=false&chrome=false"
width="100%" height="500px"></iframe>
</div>
</div>
<hr>
<div class="row my-3 recruit">
<div class="col recruit__info">
<h3 class="recruit__title">Về hình thức tuyển thành viên</h3>
<ul>
<li>Form đăng ký sẽ được mở liên tục quanh năm và không giới hạn số lượng thành viên.</li>
<li>Các bạn sẽ nhận được mail xác nhận đăng ký thành công sau 1 đến 2 tuần.</li>
</ul>
<div class="col">
<a href="https://forms.gle/53FVTKCM3aDQW4Ln9" class="btn btn-primary btn-block recruit__button">Tham gia</a>
</div>
</div>
<div class="col recruit__info">
<h3 class="recruit__title">Về hình thức tuyển thành viên chủ chốt</h3>
<ul>
<li>Các bạn đăng ký qua form, form sẽ được mở mỗi học kỳ 1 lần.</li>
<li>Đạt đủ điểm yêu cầu vòng test kiểm tra năng lực về nhóm học thuật mình chọn (Lập trình giải thuật và lập
trình ứng dụng).</li>
<li>Vượt qua buổi phỏng vấn trực tiếp.</li>
</ul>
<div class="col">
<a href="https://forms.gle/fgJxG1hjNRrw1h7C7" class="btn btn-primary recruit__button">Ứng tuyển</a>
</div>
</div>
</div>
</div>
</main>
</body>
</html>