-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstats.html
155 lines (144 loc) · 5.72 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Amazing Events Home</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
<link rel="shortcut icon" href="./assets/logo.ico" type="image/x-icon">
<link rel="stylesheet" href="./assets/styles.css">
</head>
<body class="text-bg-dark bg-dark bg-gradient">
<header>
<!-- NAVBAR -->
<nav class="navbar navbar-expand-md navbar-dark bg-black text-center" aria-label="Offcanvas navbar large">
<div class="container-fluid ">
<a class="navbar-brand" href="#"><img src="./assets/LogoAmazingEvents.png" alt="logo" class="nav_logo"></a>
<div class="d-flex gap-2 flex-wrap">
<h3 class="d-md-none menu_text">Menu</h3>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar2"
aria-controls="offcanvasNavbar2">
<span class="navbar-toggler-icon"></span>
</button>
<div class="offcanvas offcanvas-end text-bg-dark" tabindex="-1" id="offcanvasNavbar2"
aria-labelledby="offcanvasNavbar2Label">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasNavbar2Label">Menu</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas"
aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./upcoming_events.html">Upcoming Events</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./past_events.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 active" aria-current="page" href="#">Stats</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<!-- NAV-BANNER -->
<div class="circle_bg">
<div class="container-fluid d-flex text-center align-content-center navBanner">
<div class="col"><a class=" text-decoration-none arrow" href="./contact.html"> <</a></div>
<div class="col">
<h1>Stats</h1>
</div>
<div class="col"><a class=" text-decoration-none arrow" href="./index.html"> ></a></div>
</div>
</div>
</header>
<main>
<div class="container table-section p-3 my-3">
<table class="table table-dark table-hover table-striped text-bg-secondary border border-1 table-borderless">
<thead>
<tr class="table-danger text-center ">
<th colspan="3">Events statistics</th>
</tr>
<tr class="fw-bold">
<td>Events with the highest percentaje of attendance</td>
<td>Events with the lowest percentaje of attendance</td>
<td>Event with larger capacity</td>
</tr>
</thead>
<tbody id="table_Summary">
<tr>
<td> - </td>
<td> - </td>
<td> - </td>
</tr>
</tbody>
</table>
<table class="table table-dark table-hover table-striped text-bg-secondary border border-1 table-borderless">
<thead>
<tr class="table-danger text-center">
<th colspan="3">Upcoming events statistics by category</th>
</tr>
<tr class="fw-bold">
<td>Categories</td>
<td>Revenues</td>
<td>Percentaje of attendance</td>
</tr>
</thead>
<tbody id="table_upcoming">
<tr>
<td> - </td>
<td> - </td>
<td> - </td>
</tr>
</tbody>
</table>
<table class="table table-dark table-hover table-striped text-bg-secondary border border-1 table-borderless">
<thead>
<tr class="table-danger text-center">
<th colspan="3">Past events statistic by category</th>
</tr>
<tr class="fw-bold">
<th>Categories</th>
<th>Revenues</th>
<th>Percentaje of attendance</th>
</tr>
</thead>
<tbody id="table_past">
<tr>
<td> - </td>
<td> - </td>
<td> - </td>
</tr>
</tbody>
</table>
</div>
</main>
<footer class="container-fluid bg-black text-bg-dark">
<div class="row justify-content-between">
<div class="col social_icons">
<p>Follow us! </p>
<a href="https://www.instagram.com/" target="_blank"><i class="bi bi-instagram social_icons"></i></a>
<a href="https://www.facebook.com/" target="_blank"><i class="bi bi-twitter social_icons"></i></a>
<a href="https://twitter.com/" target="_blank"><i class="bi bi-facebook social_icons"></i></a>
</div>
<div class="col p-2">
<span>GROUP 16 - TN</span>
</div>
</div>
</footer>
<script src="./scripts/stats.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
crossorigin="anonymous"></script>
</body>
</html>