This repository has been archived by the owner on Nov 20, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
351 lines (349 loc) · 11.7 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
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="author" content="SheCodes Vietnam" />
<meta
name="description"
content="SheCodes Vietnam là một chương trình phi lợi nhuận, nhằm khuyến khích phái nữ tham gia vào lĩnh vực Công nghệ thông tin, qua đó dần dần xóa bỏ khoảng cách giới tính trong lĩnh vực này."
/>
<meta property="og:image" content="images/logo/logo_shecodesgirl.png" />
<meta
property="og:description"
content="SheCodes Vietnam là một chương trình phi lợi nhuận, nhằm khuyến khích phái nữ tham gia vào lĩnh vực Công nghệ thông tin, qua đó dần dần xóa bỏ khoảng cách giới tính trong lĩnh vực này."
/>
<meta property="og:title" content="SheCodes Vietnam" />
<link rel="icon" href="assets/favicon.ico" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link
rel="stylesheet"
href="css/fontawesome-free-5.13.0-web/css/all.min.css"
type="text/css"
/>
<title>SheCodes Vietnam</title>
</head>
<body>
<header class="header">
<div class="header__nav u-padding-top-small">
<div class="header__nav-box">
<div class="header__logo-box">
<a href="" class="navigation__link"
><img
src="assets/logo-2020.png"
alt="SheCodes Logo"
class="header__logo"
/></a>
</div>
<div class="navigation">
<input
type="checkbox"
class="navigation__checkbox"
id="navi-toggle"
/>
<label for="navi-toggle" class="navigation__button">
<span class="navigation__icon"> </span>
</label>
<nav class="navigation__nav-box">
<ul class="navigation__list u-padding-top-extra-small">
<li class="navigation__item">
<a
href="https://hackathon.shecodesvietnam.tech/"
class="navigation__link"
>Hackathon 2020</a
>
</li>
<li class="navigation__item">
<a
href="https://techmarathon.shecodesvietnam.tech/"
class="navigation__link"
>Tech Marathon</a
>
</li>
<li class="navigation__item">
<a
href="https://events.shecodesvietnam.tech"
class="navigation__link"
>Sự kiện khác</a
>
</li>
<li class="navigation__item">
<a
href="https://blog.shecodesvietnam.tech/"
class="navigation__link"
>Blog</a
>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="header__image-box">
<div class="heading__text-box">
<h1 class="code typewriter heading-primary--code">
<p>Code like a girl</p>
</h1>
</div>
</div>
</header>
<main>
<article class="article-about">
<div class="u-center-text u-margin-bottom-medium">
<h2 class="heading-secondary">
Giới thiệu
</h2>
</div>
<div class="row">
<p class="paragraph u-size-20">
SheCodes Vietnam là một chương trình phi lợi nhuận, nhằm khuyến
khích phái nữ tham gia vào lĩnh vực Công nghệ thông tin, qua đó dần
dần xóa bỏ khoảng cách giới tính trong lĩnh vực này. Năm 2018,
SheCodes được triển khai lần đầu tiên tại thành phố Hà Nội, Việt Nam
với sự kiện tiên phong mang tên SheCodes Hackathon. Đây là sân chơi
hackathon dành riêng cho phái nữ đầu tiên tại Việt Nam với sự thu
hút của gần 200 người tham dự chỉ tại Hà Nội.
</p>
</div>
</article>
<article class="article-quotes">
<div class="row">
<div class="col-1-of-3">
<div class="card">
<div class="card__shape">
<img
class="card__image"
src="assets/maiphuongthuytien.png"
alt="Mai Phuong Thuy Tien"
/>
</div>
<blockquote class="card__text">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Voluptatum tempora corporis optio vero? Modi quo optio beatae
sapiente qui necessitatibus! Ad iusto, qui laudantium dicta
eligendi illum quibusdam voluptate dolorum?
</p>
<footer class="quote__footer">- M. P. Thủy Tiên</footer>
</blockquote>
</div>
</div>
<div class="col-1-of-3">
<div class="card">
<div class="card__shape">
<img
class="card__image"
src="assets/maiphuongthuytien.png"
alt="Mai Phuong Thuy Tien"
/>
</div>
<blockquote class="card__text">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Voluptatum tempora corporis optio vero? Modi quo optio beatae
sapiente qui necessitatibus! Ad iusto, qui laudantium dicta
eligendi illum quibusdam voluptate dolorum?
</p>
<footer class="quote__footer">- M. P. Thủy Tiên</footer>
</blockquote>
</div>
</div>
<div class="col-1-of-3">
<div class="card">
<div class="card__shape">
<img
class="card__image"
src="assets/maiphuongthuytien.png"
alt="Mai Phuong Thuy Tien"
/>
</div>
<blockquote class="card__text">
<p>
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Voluptatum tempora corporis optio vero? Modi quo optio beatae
sapiente qui necessitatibus! Ad iusto, qui laudantium dicta
eligendi illum quibusdam voluptate dolorum?
</p>
<footer class="quote__footer">- M. P. Thủy Tiên</footer>
</blockquote>
</div>
</div>
</div>
</article>
<article class="article-features">
<div class="u-center-text u-margin-bottom-big">
<h2 class="heading-secondary">
Điểm nổi bật
</h2>
</div>
<div class="row">
<div class="col-1-of-2">
<div class="feature">
<h3 class="heading-tertiary u-margin-bottom-small">
<i class="feature__icon icon-basic-laptop"></i>Lớp Coding bài
bản
</h3>
<p class="paragraph">
Trước sự kiện chính, SheCodes đã cung cấp một lớp học precoding
bài bản để chuẩn bị tốt nhất cho các ứng viên cũng như khán giả
nói chung quan tâm đến lập trình. Lớp học nhằm trang bị cho
người tham gia kiến thức cơ bản về HTML, CSS, JavaScripts và các
khung liên quan. Kết thúc lớp học, sinh viên đã có thể hoàn
thành một sản phẩm nhỏ của riêng mình.
</p>
</div>
</div>
<div class="col-1-of-2">
<div class="feature">
<h3 class="heading-tertiary u-margin-bottom-small">
<i class="feature__icon icon-basic-female"></i>SheCodes
Hackathon
</h3>
<p class="paragraph">
Trong thời gian chẵn, để tăng cơ hội cho người tham gia kết nối
và học hỏi từ những phụ nữ thành công khác trong lĩnh vực công
nghệ, chương trình Sự kiện bao gồm các phần sau:
</p>
<ul class="feature-list">
<li>Không gian hack truyền thống</li>
<li>Chương trình hội thảo & thảo luận với các diễn giả</li>
<li>Không gian mạng</li>
<li>Hội thảo</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-1-of-2">
<div class="feature">
<h3 class="heading-tertiary u-margin-bottom-small">
<i class="feature__icon icon-basic-share"></i>Talkshow phụ nữ
trong tech và phụ nữ trong thương mại điện tử
</h3>
<p class="paragraph">
Các nữ khách mời hiện đang làm việc trong lĩnh vực công nghệ đã
đến để chia sẻ kinh nghiệm của họ với những người tham gia. Họ
trả lời các câu hỏi liên quan đến các cuộc đấu tranh mà phụ nữ
phải đối mặt khi bắt đầu khởi nghiệp công nghệ và tại sao họ
nghĩ phụ nữ nên bắt kịp công nghệ trong thời đại kỹ thuật số
này.
</p>
</div>
</div>
<div class="col-1-of-2">
<div class="feature">
<h3 class="heading-tertiary u-margin-bottom-small">
<i class="feature__icon icon-basic-world"></i>Không gian mạng và
các hội thảo khác
</h3>
<p class="paragraph">
Nhiều hội thảo đã được tổ chức để dạy kỹ năng mã hóa cơ bản cho
người tham gia và giúp họ xây dựng các sản phẩm của họ, như:
giới thiệu về HTML và CSS, lập trình cơ bản với JavaScript và
React Native, xây dựng bố cục web với Pingendo, Điện toán đám
mây với AWS. Hội thảo được tổ chức bởi các công ty, đối tác và
cá nhân có chuyên môn trong chủ đề được chọn.
</p>
</div>
</div>
</div>
</article>
<article class="article-register">
<div class="u-center-text register-box">
<div class="u-margin-bottom-medium">
<h2 class="heading-tertiary register-heading">
Tham gia Hackathon
</h2>
</div>
<div class="register-button">
<a
href="https://hackathon.shecodesvietnam.tech/#register"
class="btn btn--white"
>Đăng ký tham gia</a
>
</div>
</div>
</article>
</main>
<footer class="footer u-center-text">
<div class="footer__logo-box">
<img src="assets/logo-2020.png" alt="SheCodes Logo" />
</div>
<div class="row u-margin-bottom-small u-margin-top-big">
<div class="col-1-of-2">
<nav class="footer__navigation">
<ul class="footer__list">
<li class="footer__item">
<a
href="https://staffs.shecodesvietnam.tech/"
class="navigation__link"
>Đội ngũ</a
>
</li>
<li class="footer__item">
<a
href="https://contact.shecodesvietnam.tech/"
class="navigation__link"
>Liên hệ</a
>
</li>
<li class="footer__item">
<a
href="https://about.shecodesvietnam.tech/"
class="navigation__link"
>Giới thiệu</a
>
</li>
<li class="footer__item">
<a
href="https://sponsor.shecodesvietnam.tech/"
class="navigation__link"
>
Nhà tài trợ
</a>
</li>
<li class="footer__item">
<a
href="https://faqs.shecodesvietnam.tech/"
class="navigation__link"
>FAQs</a
>
</li>
</ul>
</nav>
</div>
<div class="col-1-of-2">
<div class="footer__social-media u-margin-bottom-medium">
<p>Follow us</p>
<ul class="footer__social-media-list">
<li class="footer__item">
<a
href="https://www.facebook.com/shecodesvietnam/"
class="navigation__link"
><i class="fab fa-facebook"></i
></a>
</li>
<li class="footer__item">
<a
href="https://www.instagram.com/shecodes.vietnam/?hl=en"
class="navigation__link"
><i class="fab fa-instagram"></i
></a>
</li>
<li class="footer__item">
<a
href="https://www.linkedin.com/company/shecodeshackathon/"
class="navigation__link"
><i class="fab fa-linkedin"></i
></a>
</li>
</ul>
</div>
</div>
</div>
<p class="footer__copyright">
Thiết kế và phát triển với 💖 bởi SheCodes Hà Nội
</p>
</footer>
</body>
</html>