-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·218 lines (196 loc) · 11.1 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
<!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">
<meta name="description" content="">
<meta name="author" content="Vanhensy from Madeezi team">
<title>GDG Vietnam - Mobile Hackathon 2016</title>
<!-- Bootstrap Core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="shortcut icon" href="img/favicon/favicon-72.png">
<link rel="shortcut icon" sizes="32x32" href="img/favicon/favivon-32.png">
<!-- Custom Fonts -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Roboto&subset=latin-ext,vietnamese" rel="stylesheet">
<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
<!-- Theme CSS -->
<link href="css/creative.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top">
<nav id="mainNav" class="navba navbar-default navbar-fixed-top">
<div class="container-fluid nav-container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<img src="img/gdg-vietnam.svg" alt="gdg-vietnam-logo" class="logo">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="#about">Giới thiệu</a>
</li>
<li>
<a class="page-scroll" href="#services">Thể lệ</a>
</li>
<li>
<a class="page-scroll" href="#contact">Liên hệ</a>
</li>
<!-- <li>
<a class="btn btn-sm btn-primary nav-btn"> Đăng ký</a>
</li> -->
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<header>
<div class="header-content">
<div class="header-content-inner">
<h1 id="homeHeading">
<img src="img/logo-hackathon.svg" alt="" class="logo-hackathon">
</h1>
<hr>
<p>Hackathon không phải là một sự kiện mà những người tham gia sẽ tìm cách "hack" một cái gì đó, mà tại đây các lập trình viên, cùng những người liên quan trong ngành phát triển phần mềm như các nhà thiết kế đồ họa, thiết kế giao diện, quản lý dự án sẽ hợp tác với nhau trong thời gian ngắn để hoàn thành một dự án phần mềm.</p>
<a href="#about" class="btn btn-primary btn-xl page-scroll">Đăng ký tham dự</a>
</div>
</div>
</header>
<section class="bg-primary" id="about">
<div class="container">
<div class="row">
<div class="col-lg-10 col-lg-offset-1 text-center">
<h2 class="section-heading">Mobile Hackathon là gì ?</h2>
<hr class="light">
<p class="">Mobile Hackathon là một cuộc thi thú vị dành cho các lập trình viên, nơi các lập trình viên sẽ ở lại cả đêm để tạo ra một sản phẩm hoàn toàn mới. Trong vòng 24 tiếng không nghỉ, các lập trình viên sẽ “Phát triển ứng dụng trên di động” và sử dụng các công nghệ của Google.</p>
<p>
Mobile Hackathon sẽ có 3 vòng gồm Selection Round - Hacking Day - Demo Day. Cụ thể như sau:
</p>
<div class="text-center host">
<div class="row">
<div class="col-lg-offset-2 col-lg-4 col-md-12">
<h4>TP. HỒ CHÍ MINH</h4>
<h5 class="date">28 - 30/10/2016</h5>
<p class="location">
Updating <br> ...
</p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSdL_ccF8ioGNobr9Ka6MXViGLkqN8U0yR5sloTlO20bzXAnvg/viewform
" class="page-scroll btn btn-default sr-button btn-regis">Đăng ký dự thi</a>
</div>
<div class="col-lg-4 col-md-12">
<h4>TP. Đà Nẵng</h4>
<h5 class="date">04 - 06/11/2016</h5>
<p class="location">
Vườn ươm doanh nghiệp Đà Nẵng - Số 31 Trần Phú
</p>
<a href="http://bit.ly/2ckec5P" class="page-scroll btn btn-default sr-button btn-regis">Đăng ký dự thi</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="services">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h3 class="section-heading">Mobile Hackathon bao gồm 3 vòng thi đấu</h3>
<hr class="primary">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-12 text-center">
<div class="service-box">
<img src="img/qualify.svg" alt="qualify-round" class="svg-icon">
<h3>Selection Round</h3>
<p class="text-muted">Đăng ký thông tin trên website, ban tổ chức sẽ chọn ra 150 hồ sơ tốt nhất để tham gửi thư mời tham Hacking Day.</p>
</div>
</div>
<div class="col-lg-4 col-md-12 text-center">
<div class="service-box">
<img src="img/hacking.svg" alt="qualify-round" class="svg-icon">
<h3>Hacking Day</h3>
<p class="text-muted">Tại đây, bạn sẽ lập nhóm từ 4 - 5 người để hoàn bài thi, cả nhóm sẽ hoàn thành sản phẩm trong 24h liên tục (Xuyên đêm) với sự hỗ trự từ các Mentor là những Google Developer Expert tại Việt Nam.</p>
</div>
</div>
<div class="col-lg-4 col-md-12 text-center">
<div class="service-box">
<img src="img/demo-day.svg" alt="qualify-round" class="svg-icon">
<h3>Demo Day</h3>
<p class="text-muted">Sau khi hoàn thành sản phẩm, các đội sẽ cử đại diện lên giới thiệu sản phẩm cho ban giám khảo và khách tham gia bình chọn, đánh giá.</p>
</div>
</div>
</div>
</div>
</section>
<aside class="bg-dark">
<div class="container text-center">
<div class="call-to-action">
<p>Tham gia Mobile Hackathon là hoàn toàn miễn phí, người tham gia sẽ không phải bỏ ra bất kì chi phí gì trong suốt quá trình tham gia cuộc thi. Google Developer Group Việt Nam sẽ hỗ trợ toàn bộ chi phí ăn uống, giải thưởng, quà tặng … với sự hỗ trợ tối đa từ Google, Mobiistar, IPP và 1 số đơn vị đồng hành khác.</p>
<a href="https://docs.google.com/a/twenty.vn/forms/d/e/1FAIpQLSeFx6UECNktnpCj8tRe5f9Mi75No7WtF7F1tu66nCbOIFPPeA/viewform
" class="btn btn-default btn-xl sr-button">Đăng ký tài trợ</a>
</div>
</div>
</aside>
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<h2 class="section-heading">Thông tin liên hệ</h2>
<hr class="primary">
<p>Nếu bạn cần trợ giúp hoặc có thắc mắc liên quan đến Mobile Hackathon có thể liên hệ trực tiếp với ban tổ chức thông qua:</p>
</div>
<div class="col-lg-4 col-lg-offset-2">
<div class="panel panel-default">
<div class="panel-body">
<h4 class="text-center">Tại TP.Hồ Chí Minh</h4>
<div class="divider"></div>
<p>0902 827 049</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="panel panel-default">
<div class="panel-body">
<h4 class="text-center">Tại Đà Nẵng</h4>
<div class="divider"></div>
<p>0938 275 699</p>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- jQuery -->
<script src="vendor/jquery/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="vendor/scrollreveal/scrollreveal.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Theme JavaScript -->
<script src="js/creative.min.js"></script>
</body>
</html>