This repository was 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
Expand file tree
/
Copy pathabout.html
More file actions
203 lines (201 loc) · 7.16 KB
/
about.html
File metadata and controls
203 lines (201 loc) · 7.16 KB
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
<!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" />
<title>Giới thiệu | 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="index.html" 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="#about-us" class="navigation__link">Về chúng tôi</a>
</li>
<li class="navigation__item">
<a href="#about-hackathon" class="navigation__link"
>Về hackathon</a
>
</li>
<li class="navigation__item">
<a href="#mission" class="navigation__link">Sứ mệnh</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="header__about-box">
<div class="heading__text-box u-center-text u-padding-top-huge">
<h1 class="heading-primary--main">
Chúng tôi tạo ra một không gian nơi mà phụ nữ có thể thể hiện hết
khả năng về công nghệ của mình
</h1>
</div>
</div>
</header>
<main>
<article class="article-about__us" id="about-us">
<div class="row">
<div class="col-1-of-2">
<h2 class="heading-secondary--white u-margin-bottom-small">
Về chúng tôi
</h2>
<p class="paragraph">
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>
<div class="col-1-of-2">
<img
src="assets/ava2020-full.png"
alt="SheCodes Logo"
class="article-about__image"
/>
</div>
</div>
</article>
<article class="article-about__hackathon" id="about-hackathon">
<div class="row">
<div class="col-1-of-2">
<img
src="assets/hackathon-team-2018.jpg"
alt="SheCodes Hackathon 2018 Staffs"
class="article-about__image"
/>
</div>
<div class="col-1-of-2">
<h2 class="heading-secondary--white u-margin-bottom-small">
Về Hackathon
</h2>
<p class="paragraph">
SheCodes Vietnam Hackathon là một cuộc thi giúp phái nữ nhận thức
được tầm quan trọng của công nghệ thông tin trong việc giải quyết
những vấn đề xã hội và sức mạnh của công nghệ trong việc tạo nên
ảnh hưởng tích cực tới cộng đồng.
</p>
<div>
<a href="#" class="btn btn--primary"
>Đăng ký tham gia Hackathon</a
>
</div>
</div>
</div>
</article>
<article class="article-about__mission" id="mission">
<div class="row u-center-text">
<h2 class="heading-secondary--white u-margin-bottom-small">
Sứ mệnh
</h2>
<p class="paragraph u-size-20">
Chúng tôi muốn thay đổi tư duy của mọi người về phái nữ trong Công
nghệ thông tin và tạo ra một môi trường dám thử sức - dám thất bại
để phái nữ có thể thoải mái sáng tạo, học hỏi về công nghệ. Chúng
tôi hi vọng chính những người tham dự của SheCodes sẽ tạo nên một
tương lai “lập trình như những người phụ nữ” cho nền công nghệ tại
Việt Nam.
</p>
</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="staffs.html" class="navigation__link">Đội ngũ</a>
</li>
<li class="footer__item">
<a href="contact.html" class="navigation__link">Liên hệ</a>
</li>
<li class="footer__item">
<a href="#" class="navigation__link">Giới thiệu</a>
</li>
<li class="footer__item">
<a href="sponsor.html" class="navigation__link">
Nhà tài trợ
</a>
</li>
<li class="footer__item">
<a href="faqs.html" 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>