-
Notifications
You must be signed in to change notification settings - Fork 2
/
aboutus.html
179 lines (173 loc) · 9.91 KB
/
aboutus.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="js/theme.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
<header class="header">
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container-fluid">
<a class="navbar-brand me-auto text-light" href="index.html">
<img src="WGLogo.png" alt="" width="40px" />
</a>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasNavbarLabel"><a href="index.html"><img src="WGLogo.png" alt="" width="40px"/></a></h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link mx-lg-2" href="ShowingMovies.html">Phim Đang Chiếu</a>
</li>
<li class="nav-item">
<a class="nav-link mx-lg-2" href="UpcomingMovies.html">Phim Sắp Chiếu</a>
</li>
<li class="nav-item">
<a class="nav-link mx-lg-2" href="aboutus.html">Về Chúng Tôi</a>
</li>
<li class="nav-item align-self-center">
<div class="form-check form-switch">
<input class="form-check-input" type="checkbox" role="switch" checked id="flexSwitchCheckDefault" />
<label class="form-check-label" for="flexSwitchCheckDefault">Chế Độ Tối</label>
</div>
</li>
</ul>
</div>
</div>
<a href="Login.html" class="login-button left-bt-login">Đăng Nhập</a>
<a href="Register.html" class="login-button right-bt-sign">Đăng Ký</a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>
</header>
<div class="container mt-5 about">
<br> <br>
<div class="row">
<div class="col-lg-6">
<img src="img/movie-theater-popcorn.webp" class="img-fluid rounded" alt="Cinema">
</div>
<div class="col-lg-6">
<h1>Về rạp <i style="color: #4170e7;">WG</i></h1>
<p>
Tại rạp chiếu phim WG, chúng tôi cam đoan rằng sẽ mang đến trải nghiệm xem phim tuyệt vời cho khách hàng. Cơ
sở vật chất và trang thiết bị của chúng tôi được trang bị với công nghệ mới nhất, mang đến trải nghiệm xem phim
chân thật với hình ảnh siêu nét và âm thanh sống động.
</p>
<p>
Chúng tôi luôn mang đến cho mọi người những bộ phim đang và sắp chiếu trên toàn thế giới với mọi thể loại.
Với ghế ngồi thoải mái, hàng ngàn đồ ăn snacks và dịch vụ chăm sóc khách hàng tuyệt vời, chúng tôi luôn muốn
mọi người có một trải nghiệm đáng nhớ và thoải mái nhất.
</p>
<p>
Chúng tôi cũng có những chính sách ưu đãi với khách hàng mới và cũ, luôn có những khuyến mãi trong những khung giờ
đặc biệt và mức giá vé phải chăng, nhằm mong muốn tất cả mọi người ai cũng có thể đi xem phim với trải nghiệm tuyệt vời
về giá cả và chất lượng.
</p>
</div>
</div>
</div>
<div class="container mt-5 about-why">
<h2 class="text-center">Tại sao lại chọn chúng tôi?</h2>
<div class="row text-center mt-4">
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">Công nghệ tân tiến</h5>
<p class="card-text">Chúng tôi trang bị thiết bị hình ảnh và âm thanh
hiện đại nhất để mang đến trải nghiệm tốt nhất.
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">Ghế ngồi thoải mái</h5>
<p class="card-text">Ghế ngồi của chúng tôi mang đến cảm giác thoải mái và thư giản
trong trải nghiệm xem phim
</p>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">Rất nhiều phim đón chờ</h5>
<p class="card-text">WG mang đến đa dạng thể loại phim và từ lớn tới nhỏ
cho tất cả mọi người thưởng thức.
</p>
</div>
</div>
</div>
</div>
</div>
<hr class="container">
<div class="map mt-5 container">
<h2>Địa chỉ của chúng tôi</h2> <br>
<figure>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d678.067675054702!2d108.25250969227571!3d15.975469826113516!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3142108997dc971f%3A0x1295cb3d313469c9!2sVietnam%20-%20Korea%20University%20of%20Information%20and%20Communication%20Technology!5e0!3m2!1sen!2s!4v1709226176214!5m2!1sen!2s"
style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</figure>
</div>
<footer class="text-center text-lg-start bg-primary-subtle">
<section class="">
<div class="container text-center pt-4 text-md-start mt-5">
<div class="row mt-3">
<div class="col-md-3 col-lg-5 col-xl-3 mx-auto mb-4">
<h6 class="text-uppercase mb-4" style="font-weight: bold;"><i class="fas fa-star me-2"></i>Giới thiệu</h6>
<p>
WG Cinema là rạp chiếu phim với mức giá rẻ nhất thị trường Việt Nam.<br />
Cam kết đem lại cho quý khác trải nghiêm xem phim hay nhất.
</p>
</div>
<div class="col-md-3 col-lg-3 col-xl-2 mx-auto mb-4">
<h6 class="text-uppercase mb-4" style="font-weight: bold;">
<i class="fas fa-user me-2"></i>
Mạng xã hội
</h6>
<p>
<a href="https://www.facebook.com/joshi.minh52" class="text-reset">
<i class="fab fa-facebook"></i>
Facebook
</a>
</p>
<p>
<a href="#!" class="text-reset">
<i class="fab fa-twitter"></i>
Twitter
</a>
</p>
</div>
<div class="col-md-4 col-lg-4 col-xl-3 mx-auto">
<h6 class="text-uppercase mb-4" style="font-weight: bold;"><i class="fas fa-phone me-2"></i>Liên Lạc</h6>
<p>
<i class="fas fa-envelope me-3"></i>
minhnb.23ai@vku.udn.vn
</p>
<p><i class="fas fa-phone me-3"></i> +84 907 067 721</p>
</div>
</div>
</div>
</section>
</footer>
</body>
</html>