-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstats.html
131 lines (121 loc) · 5.08 KB
/
stats.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="shortcut icon" href="./assets/img/fav.png" type="image/x-icon">
<link rel="stylesheet" href="./assets/styles/style.css">
<title>Stats</title>
</head>
<body class="d-flex flex-column vh-100">
<header class="w-100">
<nav>
<div id="logo">
<img src="./assets/img/Logo_Amazing_Events.png" alt="">
</div>
<div id="menuButton">
<button>Menu</button>
</div>
<div class="d-flex flex-column flex-lg-row flex-shrink-0 p-2 p-lg-0 text-bg-dark" id="menu">
<ul class="navbar-nav gap-2 gap-lg-0 mt-5 mt-lg-0">
<li class="nav-item">
<a class="nav-link" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./upcomingEvents.html">Upcoming events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pastEvents.html">Past events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link current" aria-current="page" href="./stats.html">Stats</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="navigation d-flex justify-content-between align-items-center px-5 py-2 py-sm-4">
<a href="./contact.html"><i class="bi bi-chevron-left"></i></a>
<h1>Stats</h1>
<a href="#"><i class="bi bi-chevron-right "></i></a>
</div>
<!-- stats -->
<main class="d-flex w-100 justify-content-center align-items-center my-5">
<div class="table-responsive">
<table class="table text-light">
<thead>
<tr>
<th colspan="3" class="table-dark">Event statistics</th>
</tr>
<tr>
<th>Events with the highest percent of attendance</th>
<th>Events with the lowest percent of attendance</th>
<th>Event with larger capacity</th>
</tr>
</thead>
<tbody id="event-stats">
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
</tbody>
<thead>
<tr>
<th colspan="3" class="table-dark">Upcoming events statistics by category</th>
</tr>
<tr>
<th>Categories</th>
<th>Revenues</th>
<th>Percentage of attendance</th>
</tr>
</thead>
<tbody id="upcoming-event-stats">
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
</tbody>
<thead>
<tr>
<th colspan="3" class="table-dark">Past events statistics by category</th>
</tr>
<tr>
<th>Categories</th>
<th>Revenues</th>
<th>Percentage of attendance</th>
</tr>
</thead>
<tbody id="past-event-stats">
<tr>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
</tbody>
</table>
</div>
</main>
</div>
<!-- footer -->
<footer class=" footer mt-auto p-2 container-fluid d-flex justify-content-between align-items-center px-3 py-2">
<div class="d-flex gap-2">
<a href="#" class="rounded-circle bg-light px-1"><i class="bi bi-instagram text-danger-emphasis"></i></a>
<a href="#" class="rounded-circle bg-light px-1"><i class="bi bi-facebook"></i></a>
<a href="#" class="rounded-circle bg-light px-1"><i class="bi bi-whatsapp text-success"></i></a>
</div>
<h3 class="text-light">FE13-TN</h3>
</footer>
<script src="./assets/scripts/main.js"></script>
<script src="./assets/scripts/sidebars.js"></script>
<script src="./assets/scripts/stats.js"></script>
</body>
</html>