-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathHome.php
421 lines (420 loc) · 29.3 KB
/
Home.php
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
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
<?php
include("navigation.php");
?>
<title>SIT Thăng Hoa Cuộc Sống Từ Đây!</title>
<section class="bg-half-170 bg-primary d-table w-100 mt-2" style="background: url('images/software/bg.png') center center;">
<div class="bg-overlay"></div>
<div class="container">
<div class="row align-items-center position-relative" style="z-index: 1;">
<div class="col-lg-6 col-md-12">
<div class="title-heading mt-4 text-center text-lg-left">
<h1 class="heading mb-2 title-dark text-white">Sản phẩm tốt nhất cho cuộc sống của bạn</h1>
<p class="para-desc text-white-50">Mỗi sản phẩm đều giúp bạn xây dựng một nền tảng vững chắc cho cuộc sống chất lượng hơn.<br><span class="font-weight-bold">- Hoàng Sang -</span> </p>
</div>
</div>
<div class="col-lg-6 col-md-12">
<img src="images\software\SITM.png" class="w-100" alt="">
</div>
</div>
</div>
</section>
<div class="position-relative">
<div class="shape overflow-hidden text-white">
<svg viewBox="0 0 2880 250" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M720 125L2160 0H2880V250H0V125H720Z" fill="currentColor"></path>
</svg>
</div>
</div>
<section class="section mt-2">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mb-4 pb-2">
<h4 class="title mb-4">Chúng tôi làm gì?</h4>
<p class="text-muted para-desc mx-auto mb-0">Tại <span class="text-primary font-weight-bold">SIT</span>, chúng tôi cung cấp các dịch vụ với hầu hết các nhu cầu của người dùng.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4 col-12 mt-5">
<div class="features text-center">
<div class="image position-relative d-inline-block">
<img src="images/icon/pen.svg" class="avatar avatar-small" alt="">
</div>
<div class="content mt-4">
<h4 class="title-2">Phân tích & Thiết kế</h4>
<p class="text-muted mb-0">Từ Hệ thống phần mềm đến các sản phẩm đồ họa chất lượng cáo.</p>
</div>
</div>
</div>
<div class="col-md-4 col-12 mt-5">
<div class="features text-center">
<div class="image position-relative d-inline-block">
<img src="images/icon/video.svg" class="avatar avatar-small" alt="">
</div>
<div class="content mt-4">
<h4 class="title-2">Quảng cáo</h4>
<p class="text-muted mb-0">Cung cấp dịch vụ quảng cáo tối ưu khiến doanh thu của bạn tăng đột biến.</p>
</div>
</div>
</div>
<div class="col-md-4 col-12 mt-5">
<div class="features text-center">
<div class="image position-relative d-inline-block">
<img src="images/icon/intellectual.svg" class="avatar avatar-small" alt="">
</div>
<div class="content mt-4">
<h4 class="title-2">Bản quyền sáng chế</h4>
<p class="text-muted mb-0">Chúng tôi sẽ giúp bạn hoàn tất các thủ tục rắc rối để đăng ký bằng sáng chế.</p>
</div>
</div>
</div>
<div class="col-md-4 col-12 mt-5">
<div class="features text-center">
<div class="image position-relative d-inline-block">
<img src="images/icon/user.svg" class="avatar avatar-small" alt="">
</div>
<div class="content mt-4">
<h4 class="title-2">Hỗ trợ 24/7</h4>
<p class="text-muted mb-0">Tự hào là 1 Google thứ 2, chúng tôi có tát cả các chuyên gia về mọi lĩnh vực.</p>
</div>
</div>
</div>
<div class="col-md-4 col-12 mt-5">
<div class="features text-center">
<div class="image position-relative d-inline-block">
<img src="images/icon/calendar.svg" class="avatar avatar-small" alt="">
</div>
<div class="content mt-4">
<h4 class="title-2">Báo cáo hằng ngày</h4>
<p class="text-muted mb-0">SIT To Do có thể kiểm soát công việc của bạn thật tốt.</p>
</div>
</div>
</div>
<div class="col-md-4 col-12 mt-5">
<div class="features text-center">
<div class="image position-relative d-inline-block">
<img src="images/icon/sand-clock.svg" class="avatar avatar-small" alt="">
</div>
<div class="content mt-4">
<h4 class="title-2">Giáo dục</h4>
<p class="text-muted mb-0">Buổi học trở nên thật là hấp dẫn đối với mỗi người.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-100 mt-60">
<div class="row align-items-center">
<div class="col-lg-7 col-md-6 order-2 order-md-1 mt-4 mt-sm-0 pt-2 pt-sm-0">
<div class="section-title">
<h4 class="title mb-4"><span class="text-primary">SIT </span>To Do</h4>
<p class="text-muted">Bạn đang bận tâm về điều gì đó? Hãy sử dụng SIT To Do. Dù bạn muốn tăng năng suất, giảm mức độ căng thẳng hay chỉ là giải phóng bớt gánh nặng trong tâm trí, SIT To Do đều có thể dễ dàng giúp bạn lập kế hoạch trong ngày và quản lý cuộc sống của bạn.</p>
<ul class="list-unstyled text-muted">
<li class="mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>Duy trì tập trung với Ngày của tôi, một trình lập kế hoạch hàng ngày cá nhân hóa với các nhiệm vụ được đề xuất</li>
<li class="mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>Xem danh sách của bạn ở mọi nơi, trên mọi thiết bị</li>
<li class="mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>Thêm ghi chú cho nhiệm vụ bất kỳ</li>
</ul>
<a href="introtodo.html" class="mt-3 h6 text-primary">Tìm Hiểu Thêm <i class="mdi mdi-chevron-right"></i></a>
</div>
</div>
<div class="col-lg-5 col-md-6 order-1 order-md-2">
<div class="rounded border-0 ml-lg-5">
<div class="my-4">
<img src="images/illustrator/Mobile_notification_SVG.svg" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section" style="background:url('images/software/partner1.svg');">
<div class="bg-overlay"></div>
<div class="container">
<div class="row py-5 justify-content-center">
<div class="col-lg-8 text-center">
<div id="owl-fade" class="owl-carousel owl-theme">
<div class="customer-testi text-center mx-4">
<img src="https://instagram.fdad1-1.fna.fbcdn.net/v/t51.2885-15/e35/p1080x1080/120459535_709537279915239_5188818910957577201_n.jpg?_nc_ht=instagram.fdad1-1.fna.fbcdn.net&_nc_cat=103&_nc_ohc=jWWfTD33Mk8AX-ZThcn&_nc_tp=19&oh=8e54742f6506503d787c1682d2db3ce6&oe=5FA03393" class="img-fluid avatar avatar-small rounded-circle mx-auto shadow" alt="">
<p class="text-light para-dark h5 font-weight-normal font-italic mt-4">" Ứng dụng tuyệt vời và hữu ích! Nhưng vẫn còn thiếu tính năng thiết lập tác vụ theo mức ưu tiên khác nhau (Có 4 mức ưu tiên) và theo dõi tiến trình hoàn thành của project!. "</p>
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<h6 class="text-light title-dark"> PHÚC NGUYÊN TRƯƠNG </h6>
</div>
<div class="customer-testi text-center mx-4">
<img src="https://instagram.fdad1-1.fna.fbcdn.net/v/t51.2885-15/sh0.08/e35/p750x750/120339060_2777089842557993_9014946352528820439_n.jpg?_nc_ht=instagram.fdad1-1.fna.fbcdn.net&_nc_cat=105&_nc_ohc=bbArrXS2GNcAX_ybs7X&oh=6d23179fecdd0c133068e5b68d36fe22&oe=5FA06EFF" class="img-fluid avatar avatar-small rounded-circle mx-auto shadow" alt="">
<p class="text-light para-dark h5 font-weight-normal font-italic mt-4">" Tiện lợi vô cùng, vừa sử dụng chung với PC và điện thoại luôn, có thể tạo list và có nhắc nhở giờ giấc và ngày tháng.. "</p>
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<h6 class="text-light title-dark"> Lạc Trần </h6>
</div>
<div class="customer-testi text-center mx-4">
<img src="https://instagram.fdad1-1.fna.fbcdn.net/v/t51.2885-15/e35/p1080x1080/120740342_157392709363536_6682600453927945912_n.jpg?_nc_ht=instagram.fdad1-1.fna.fbcdn.net&_nc_cat=100&_nc_ohc=wxR61Y1FPTAAX9KDAN8&_nc_tp=19&oh=56694f28130fcaeabfb9b9a5c19960d5&oe=5FA30970" class="img-fluid avatar avatar-small rounded-circle mx-auto shadow" alt="">
<p class="text-light para-dark h5 font-weight-normal font-italic mt-4">"Ứng dụng đơn giản, đẹp, đồng bộ ngon. Nói chung là yêu. "</p>
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<h6 class="text-light title-dark"> Minh Nguyễn </h6>
</div>
<div class="customer-testi text-center mx-4">
<img src="https://instagram.fdad2-1.fna.fbcdn.net/v/t51.2885-15/sh0.08/e35/s750x750/120336957_2491542857810960_7347779970525781929_n.jpg?_nc_ht=instagram.fdad2-1.fna.fbcdn.net&_nc_cat=108&_nc_ohc=tIObtRUjhQ0AX97-yrN&oh=488e75eadcb9ed78add08e9d98923f51&oe=5FA3491C" class="img-fluid avatar avatar-small rounded-circle mx-auto shadow" alt="">
<p class="text-light para-dark h5 font-weight-normal font-italic mt-4">" App rất tuyệt. Đơn giản, dễ sử dụng, đáp ứng đúng nhu cầu cần thiết. Cảm ơn. "</p>
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<h6 class="text-light title-dark"> Long Nguyễn Nghĩa </h6>
</div>
<div class="customer-testi text-center mx-4">
<img src="https://instagram.fdad2-1.fna.fbcdn.net/v/t51.2885-15/e35/p1080x1080/120539112_729532531243474_7538132093741593041_n.jpg?_nc_ht=instagram.fdad2-1.fna.fbcdn.net&_nc_cat=110&_nc_ohc=b_4SHDgWsQUAX_1JqYs&_nc_tp=19&oh=0003c773b6e897abadd31b542bff4548&oe=5FA050CB" class="img-fluid avatar avatar-small rounded-circle mx-auto shadow" alt="">
<p class="text-light para-dark h5 font-weight-normal font-italic mt-4">" The best app, some time it hard to find a paper when we working, but with to do, i can remember all task and ideas for work, thanks microsoft team, hope you all have health! "</p>
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<h6 class="text-light title-dark"> Do Xu </h6>
</div>
<div class="customer-testi text-center mx-4">
<img src="https://instagram.fdad1-1.fna.fbcdn.net/v/t51.2885-15/sh0.08/e35/s750x750/120413938_337619590800603_1933693377047244286_n.jpg?_nc_ht=instagram.fdad1-1.fna.fbcdn.net&_nc_cat=103&_nc_ohc=rzpIX-FCuv8AX_eFF2O&oh=226e51c6deba09d42dccf3a2cb5403b7&oe=5FA19FE0" class="img-fluid avatar avatar-small rounded-circle mx-auto shadow" alt="">
<p class="text-light para-dark h5 font-weight-normal font-italic mt-4">" Rất nhiều thứ của tôi đã hoàn thành hoặc sắp hoàn thành đều nằm ngay ngắn trong ứng dụng này 5 sao là cảm nhận của tôi. "</p>
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<h6 class="text-light title-dark"> Định Hà </h6>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="position-relative">
<div class="shape overflow-hidden text-white">
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
</svg>
</div>
</div>
<section class="section">
<div class="container" id="price">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mb-4 pb-2">
<h4 class="title mb-4">Thay đổi cách sáng tạo của bạn</h4>
<p class="text-muted para-desc mb-0 mx-auto">Bắt đầu ngay với <span class="text-primary font-weight-bold">SIT Create Edu</span></p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-6 col-12 mt-4 pt-2">
<div class="card pricing-rates business-rate shadow bg-light border-0 rounded">
<div class="card-body">
<h2 class="title text-uppercase mb-4">Free</h2>
<div class="d-flex mb-4">
<span class="h4 mb-0 mt-2">$</span>
<span class="price h1 mb-0">0</span>
<span class="h4 align-self-end mb-1">/mo</span>
</div>
<ul class="list-unstyled mb-0 pl-0">
<li class="h6 text-muted mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>SIT To Do</li>
<li class="h6 text-muted mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>1 Bài học/ ngày</li>
</ul>
<a href="javascript:void(0)" class="btn btn-primary mt-4">Mua Ngay</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12 mt-4 pt-2">
<div class="card pricing-rates business-rate shadow bg-white border-0 rounded">
<div class="card-body">
<h2 class="title text-uppercase text-primary mb-4">Starter</h2>
<div class="d-flex mb-4">
<span class="h4 mb-0 mt-2">$</span>
<span class="price h1 mb-0">39</span>
<span class="h4 align-self-end mb-1">/mo</span>
</div>
<ul class="list-unstyled mb-0 pl-0">
<li class="h6 text-muted mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>SIT To Do</li>
<li class="h6 text-muted mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>10 Bài học/ ngày</li>
<li class="h6 text-muted mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>Hỗ trợ miễn phí</li>
</ul>
<a href="javascript:void(0)" class="btn btn-primary mt-4">Bắt Đầu</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12 mt-4 pt-2">
<div class="card pricing-rates business-rate shadow bg-light border-0 rounded">
<div class="card-body">
<h2 class="title text-uppercase mb-4">Professional</h2>
<div class="d-flex mb-4">
<span class="h4 mb-0 mt-2">$</span>
<span class="price h1 mb-0">59</span>
<span class="h4 align-self-end mb-1">/mo</span>
</div>
<ul class="list-unstyled mb-0 pl-0">
<li class="h6 text-muted mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>SIT To Do</li>
<li class="h6 text-muted mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>25 Bài học/ ngày</li>
<li class="h6 text-muted mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>Hỗ trợ miễn phí</li>
<li class="h6 text-muted mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>Bản tin đặc biệt</li>
</ul>
<a href="javascript:void(0)" class="btn btn-primary mt-4">Thử Ngay</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-12 mt-4 pt-2">
<div class="card pricing-rates business-rate shadow bg-light border-0 rounded">
<div class="card-body">
<h2 class="title text-uppercase mb-4">Ultimate</h2>
<div class="d-flex mb-4">
<span class="h4 mb-0 mt-2">$</span>
<span class="price h1 mb-0">79</span>
<span class="h4 align-self-end mb-1">/mo</span>
</div>
<ul class="list-unstyled mb-0 pl-0">
<li class="h6 text-muted mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>SIT To Do</li>
<li class="h6 text-muted mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>100 Bài học/ ngày</li>
<li class="h6 text-muted mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>Hỗ trợ miễn phí</li>
<li class="h6 text-muted mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>Bản tin đặc biệt</li>
<li class="h6 text-muted mb-0"><span class="text-primary h5 mr-2"><i class="uim uim-check-circle"></i></span>Phần mềm bảo mật</li>
</ul>
<a href="javascript:void(0)" class="btn btn-primary mt-4">Tư Vấn</a>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-100 mt-60">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mb-4 pb-2">
<h4 class="title mb-4">Tin Tức Mới Nhất</h4>
<p class="text-muted para-desc mx-auto mb-0">Đừng bỏ lớp bất kì bản tin nào từ <span class="text-primary font-weight-bold">SIT</span>, chúng tôi sẽ thay đổi cuộc sống của bạn.</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 mt-4 pt-2">
<div class="card blog rounded border-0 shadow">
<div class="position-relative">
<img src="assets/images/BlogEdu.jpg" class="card-img-top rounded-top" alt="...">
<div class="overlay rounded-top bg-dark"></div>
</div>
<div class="card-body content">
<h5><a href="javascript:void(0)" class="card-title title text-dark">Mệt mỏi với cuộc sống hiện tại</a></h5>
<div class="post-meta d-flex justify-content-between mt-3">
<ul class="list-unstyled mb-0">
<li class="list-inline-item mr-2 mb-0"><a href="javascript:void(0)" class="text-muted like"><i class="mdi mdi-heart-outline mr-1"></i>247</a></li>
<li class="list-inline-item"><a href="javascript:void(0)" class="text-muted comments"><i class="mdi mdi-comment-outline mr-1"></i>08</a></li>
</ul>
<a href="page-blog-detail.html" class="text-muted readmore">Xem thêm <i class="mdi mdi-chevron-right"></i></a>
</div>
</div>
<div class="author">
<small class="text-light user d-block"><i class="mdi mdi-account"></i> Hoàng Sang</small>
<small class="text-light date"><i class="mdi mdi-calendar-check"></i> 13th October, 2020</small>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-4 pt-2">
<div class="card blog rounded border-0 shadow">
<div class="position-relative">
<img src="assets/images/BlogToDo.jpg" class="card-img-top rounded-top" alt="...">
<div class="overlay rounded-top bg-dark"></div>
</div>
<div class="card-body content">
<h5><a href="javascript:void(0)" class="card-title title text-dark">Tốt hơn mỗi ngày</a></h5>
<div class="post-meta d-flex justify-content-between mt-3">
<ul class="list-unstyled mb-0">
<li class="list-inline-item mr-2 mb-0"><a href="javascript:void(0)" class="text-muted like"><i class="mdi mdi-heart-outline mr-1"></i>33</a></li>
<li class="list-inline-item"><a href="javascript:void(0)" class="text-muted comments"><i class="mdi mdi-comment-outline mr-1"></i>16</a></li>
</ul>
<a href="page-blog-detail.html" class="text-muted readmore">Xem thêm <i class="mdi mdi-chevron-right"></i></a>
</div>
</div>
<div class="author">
<small class="text-light user d-block"><i class="mdi mdi-account"></i> Hoàng Sang</small>
<small class="text-light date"><i class="mdi mdi-calendar-check"></i> 13th October, 2020</small>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mt-4 pt-2">
<div class="card blog rounded border-0 shadow">
<div class="position-relative">
<img src="assets/images/BlogCK.jpg" class="card-img-top rounded-top" alt="...">
<div class="overlay rounded-top bg-dark"></div>
</div>
<div class="card-body content">
<h5><a href="javascript:void(0)" class="card-title title text-dark">Phân tích chúng khoáng</a></h5>
<div class="post-meta d-flex justify-content-between mt-3">
<ul class="list-unstyled mb-0">
<li class="list-inline-item mr-2 mb-0"><a href="javascript:void(0)" class="text-muted like"><i class="mdi mdi-heart-outline mr-1"></i>334</a></li>
<li class="list-inline-item"><a href="javascript:void(0)" class="text-muted comments"><i class="mdi mdi-comment-outline mr-1"></i>98</a></li>
</ul>
<a href="page-blog-detail.html" class="text-muted readmore">Xem thêm <i class="mdi mdi-chevron-right"></i></a>
</div>
</div>
<div class="author">
<small class="text-light user d-block"><i class="mdi mdi-account"></i> Hoàng Sang</small>
<small class="text-light date"><i class="mdi mdi-calendar-check"></i> 13th October, 2020</small>
</div>
</div>
</div>
</div>
</div>
<div class="container mt-100 mt-60">
<div class="row justify-content-center">
<div class="col-12 text-center">
<div class="section-title mb-4 pb-2">
<h4 class="title mb-4">Trở thành một diễn giả của chúng tôi</h4>
<p class="text-muted para-desc mx-auto mb-0">Các lớp học phi lợi nhuận của <span class="text-primary font-weight-bold">SIT</span> làm thay đổi cuộc sống của hàng triệu con người.</p>
</div>
</div>
</div>
<div class="row justify-content-center mt-4">
<div class="col-lg-7 col-md-10">
<form action="WellcomeSIT.html" method="GET">
<div class="form-group">
<div class="input-group mb-3">
<input name="email" id="email" type="email" class="form-control" placeholder="Your email :" required="" aria-describedby="newssubscribebtn">
<div class="input-group-append">
<button class="btn btn-primary submitBnt" type="submit" id="newssubscribebtn">Đăng Ký</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<div class="position-relative">
<div class="shape overflow-hidden text-footer">
<svg viewBox="0 0 2880 88" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 48H1437.5H2880V0H2160C1442.5 52 720 0 720 0H0V48Z" fill="currentColor"></path>
</svg>
</div>
</div>
<?php
include("footer.php");
?>