-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
57 lines (55 loc) · 2.04 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Define document character set and viewport -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Link CSS stylesheets -->
<link rel="stylesheet" href="./src/css/style.css" />
<link rel="stylesheet" href="./src/css/modal.css" />
<link rel="stylesheet" href="./src/css/spinner.css" />
<link rel="stylesheet" href="./src/css/theatre-dispaly.css" />
<!-- Import JavaScript module -->
<script type="module" src="./src/js/controllers/theaterController.js"></script>
<!-- Preconnect to Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<!-- Link Google Fonts stylesheet -->
<link href="https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Bebas+Neue&display=swap" rel="stylesheet" />
<!-- Set document title -->
<title>CineReserve: The Movie Seat Scheduler</title>
</head>
<body>
<!-- Header section -->
<header>
<!-- Application title -->
<h1>CineReserve: The Movie Seat Scheduler</h1>
<!-- Logout button -->
<button id="logoutButton" class="logoutButton">Logout</button>
</header>
<!-- Main content container -->
<div id="main" class="container"></div>
<!-- Modal container -->
<div id="modalContainer" class="modal-container">
<!-- Modal dialog -->
<div class="modal">
<!-- Modal header -->
<div class="modal-header">
<!-- Modal title -->
<h2 id="modalTitle"></h2>
<!-- Close button -->
<span class="close-btn">×</span>
</div>
<hr />
<!-- Modal body -->
<div class="modal-body" id="modalBody"></div>
<hr />
<!-- Modal footer -->
<div class="modal-footer">
<!-- Cancel button -->
<button class="close-modal">Cancel</button>
</div>
</div>
</div>
</body>
</html>