-
Notifications
You must be signed in to change notification settings - Fork 2
/
UpcomingMovies.html
139 lines (129 loc) · 7.1 KB
/
UpcomingMovies.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
<!DOCTYPE html>
<html lang="vn">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Phim Đang Chiếu</title>
<link rel="icon" type="image/x-icon" href="WGLogo.ico" />
<link rel="stylesheet" href="style.css" />
<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" />
<link rel="stylesheet" href="./owlcarousel/assets/owl.carousel.min.css" />
<link rel="stylesheet" href="./owlcarousel/assets/owl.theme.default.css" />
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="./owlcarousel/owl.carousel.min.js"></script>
<!-- Jquery -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
<!-- Sweetalert2 -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
</head>
<body style="transition: 0.5s;">
<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>
<script src="js/theme.js"></script>
<div 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>
<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>
</div>
<div class="content" style="margin-top: 100px;">
<div class="content2 my-3 container" id="pills-sub">
<div class="row row1">
<div class="col mb-3">
<h2>Phim Sắp Chiếu</h2>
</div>
</div>
<div class="row row2" id="upcoming-movies-container">
</div>
<script src="js/fetchUpcoming.js"></script>
</div>
</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>