-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
187 lines (183 loc) · 10.5 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
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2T-Team</title>
<meta name="description" content="Support to access easier at Hoa Lac">
<meta name="keywords" content="Hoa lac, FPT University, 2T, SSG, 2TTeam, 2T Team">
<meta name="author" content="Two tables team">
<meta name="copyright" content="Two tables team">
<!-- > -->
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,400;0,700;0,900;1,400&display=swap" rel="stylesheet">
<!-- <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,300;0,400;0,500;0,700;1,700&display=swap" rel="stylesheet"> -->
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="/Resources/css/style.css">
<link rel="stylesheet" href="/Resources/css/queries.css">
<!-- Font Awesome -->
<script src="https://kit.fontawesome.com/b6328132d1.js" crossorigin="anonymous"></script>
<!-- BOOTSTRAP 5-->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
</head>
<body>
<!-- HEADER -->
<header id="home">
<nav class="navbar navbar-expand-lg bg-transparent navbar-dark" id="navbar">
<div class="container-fluid">
<a class="navbar-brand" href="#home"><img class="logo" id="logo" src="./Resources/img/pts/HLogo.png" alt="logo"> </a>
<button id="nav-button" class="navbar-toggler" onclick="hidText()" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto">
<li class="nav-item me-4"><a class="nav-link" href="#home">Home</a></li>
<li class="nav-item me-4"><a class="nav-link" href="#about">Share</a></li>
<li class="nav-item me-4"><a class="nav-link" href="http://viewdaihoc.fpt.edu.vn/data/projects/vietnam/2019/fptu-hoa-lac/index.html?fbclid=IwAR1Z3dsoyUbxdEp0PY79NU-2LuutGjz5Yc2V7p8Ho2v99PhuWXFdW8ovB00"
target="_blank">Map
</a>
</li>
<li class="nav-item me-4"><a class="nav-link" href="Resources/childpage/Documents">Documents</a></li>
<li class="nav-item me-4"><a class="nav-link" href="#foot">About Us</a></li>
</ul>
</div>
</div>
</nav>
<div class="heading-main-box d-inline-block" style=" width: 90%; left: 10%; visibility: visible; top:40vh;" id="headerText">
<h1>All for <br>the better life. <br> Let's Discover.</h1>
</div>
</header>
<!-- ABOUT -->
<section class="about-section" id="about">
<h2>About</h2>
<p class="p-long">
Đây là một dự án nhỏ với mục đích <br>
hỗ trợ hòa nhập dễ hơn với HOLA, cũng như chia sẻ kinh nghiệm và kiến thức tại đại học FPT.<br>
Last update: <span style="color: rgb(248, 109, 109);"><b>24/01/2022</b></span>
</p>
<div class="about2 row container-fluid justify-content-lg-center no-mlr">
<h3>Dự án nho nhỏ này có thể giúp gì bạn?</h3>
<ul>
<li><p><i class="fas fa-chevron-right list-icon"></i>Hỗ trợ hòa nhập tốt hơn với HOLA</p></li>
<li><p><i class="fas fa-chevron-right list-icon"></i>Làm quen bản đồ bao quát đại học FPT</p></li>
<li><p><i class="fas fa-chevron-right list-icon"></i>Cung cấp danh sách câu lạc bộ đầy đủ theo chức năng</p></li>
<li><p><i class="fas fa-chevron-right list-icon"></i>Làm quen với hệ thống thông tin của trường</p></li>
<li><p><i class="fas fa-chevron-right list-icon"></i>Chia sẻ tài liệu học tập: đề thi, đáp án, phần mềm thi</p></li>
</ul>
</div>
<!-- liet ke them cac phan cua trang web -->
</section>
<!-- CLUB -->
<section class="clubs-section" id="clubs">
<h2><i class="fas fa-users heading-icon"></i>Clubs</h2>
<div class="row justify-content-center container-fluid no-mlr">
<a class="col-10 col-md-5 col-lg-2" href="/Resources/childpage/club1">
<figure class="forHover">
<img class="clubs-picture img-fluid" src="./Resources/img/pts/learningclub.png" alt="Learning">
<figcaption class="Clubs-Type">
Học thuật
</figcaption>
</figure>
</a>
<a class="col-10 col-md-5 col-lg-2" href="/Resources/childpage/club2">
<figure class="forHover">
<img class="clubs-picture img-fluid" src="./Resources/img/pts/ntclub2.png" alt="NT">
<figcaption class="Clubs-Type">
Văn hóa - nghệ thuật - giải trí
</figcaption>
</figure>
</a>
<a class="col-10 col-md-5 col-lg-2" href="/Resources/childpage/club3">
<figure class="forHover">
<img class="clubs-picture img-fluid" src="./Resources/img/pts/sportclub2.png" alt="Sport">
<figcaption class="Clubs-Type">
Thể thao
</figcaption>
</figure>
</a>
<a class="col-10 col-md-5 col-lg-2" href="/Resources/childpage/club4">
<figure class="forHover">
<img class="clubs-picture img-fluid" src="./Resources/img/pts/socialclub.png" alt="Social">
<figcaption class="Clubs-Type">
Cộng đồng
</figcaption>
</figure>
</a>
</div>
</section>
<!-- TOOLS -->
<section class="tools-section">
<h2><i class="fas fa-tools heading-icon"></i>Tools</h2>
<div class="row justify-content-center container-fluid no-mlr no-pd-xs">
<a class=" col-9 col-lg-4 " href="/Resources/childpage/fap">
<figure class="forHover2">
<img class="tools-picture img-fluid" src="./Resources/img/fap.png" alt="FAP">
<figcaption class="tools-text">
FAP
</figcaption>
</figure>
</a>
<a class=" col-9 col-lg-4 " href="/Resources/childpage/ocd">
<figure class="forHover2">
<img class="tools-picture img-fluid" src="./Resources/img/ocd.png" alt="OCD">
<figcaption class="tools-text">
OCD
</figcaption>
</figure>
</a>
</div>
<div class="row justify-content-center container-fluid no-mlr no-pd-xs">
<a class=" col-9 col-lg-4 " href="/Resources/childpage/cms">
<figure class="forHover2">
<img class="tools-picture img-fluid" src="./Resources/img/cms.png" alt="CMS">
<figcaption class="tools-text">
CMS
</figcaption>
</figure>
</a>
<a class=" col-9 col-lg-4 " href="/Resources/childpage/wifi">
<figure class="forHover2">
<img class="tools-picture img-fluid" src="./Resources/img/changepassword.png" alt="CPW">
<figcaption class="tools-text">
Change password
</figcaption>
</figure>
</a>
</div>
</section>
<!-- FOOTER -->
<footer id="foot">
<div class="row footer-box container-fluid no-mlr">
<div class="contact col-md-6 6">
<h3>Contact</h3>
<ul class="d-block" >
<!-- <li><i class="fab fa-facebook" aria-label="facebook-icon"></i><a href="https://www.facebook.com/klwm2k1/" target="_blank"> Ngô Quang Hải</a></li> -->
<!-- <li><i class="fab fa-facebook" aria-label="facebook-icon"></i><a href="#" target="_blank"> Bạch Ngọc Minh Châu</a></li> -->
<li><i class="fab fa-github" aria-label="github-icon"></i><a href="https://github.com/gone2808" target="_blank"> gone2808</a></li>
<!-- <li><i class="fas fa-phone" aria-label="phone-icon"></i><a href="tel:84972098766" target="_blank"> (+84)972098766</a></li> -->
<li><i class="fab fa-google-plus-square" aria-label="gmail-icon"></i><a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&tf=1&source=mailto&[email protected]"
target="_blank"> [email protected]</a></li>
<li><i class="fab fa-fw"></i><a href="https://mail.google.com/mail/u/0/?view=cm&fs=1&tf=1&source=mailto&[email protected]"
target="_blank">[email protected]</a></li>
</ul>
</div>
<div class="author col-md-6">
<h3>Our Team</h3>
<p>
Two tables team<br>
© Copyright 2021 - Two tables team
</p>
</div>
</div>
<!-- COUNTER -->
<div class="container-fluid row">
<a href="https://www.hitwebcounter.com" target="_blank">
<img src="https://hitwebcounter.com/counter/counter.php?page=7708311&style=0006&nbdigits=5&type=ip&initCount=0" title="Unique Visitors" alt="Web Hits" border="0" /></a>
</div>
</footer>
<!-- JS -->
<script src="/Resources/js/script.js"></script>
<!-- BOOTSTRAP 5 -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
</body>
</html>