-
Notifications
You must be signed in to change notification settings - Fork 0
/
client.html
132 lines (132 loc) · 5.59 KB
/
client.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zumba App</title>
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<!----- header ----->
<header class="header">
<div class="header-logo">
<a href="index.html"><img src="images/logo.png" alt="Logo" width="125"></a>
</div>
<div class="header-links">
<a href="index.html" class="header-nav-link">Main</a>
<a href="client.html" class="header-nav-link">Client</a>
<a href="staff.html" class="header-nav-link">Staff</a>
<a href="classes.html" class="footer-nav-link">Classes</a>
<a href="statistics.html" class="header-nav-link">Statistics</a>
</div>
<nav class="navbar">
<ul id="MenuItems">
<li><a href="profile.html">Profile</a></li>
<li><a href="">Account</a></li>
<li><a href="">Sign Out</a></li>
</ul>
</nav>
<img src="images/user-circle-solid-24.png" class="header-menu-icon" onclick="menutoggle()">
</header>
<hr>
<!----- client-1 ----->
<div class="centered-box">
<h1>Client Dashboard</h1>
<a href="" class="import_export">
<i class='bx bx-import'></i>Import
</a>
<span class="link-spacing"></span>
<a href="" class="import_export">
<i class='bx bx-export'></i>Export
</a>
<div class="search-container">
<i class="bx bx-search"></i>
<input type="text" placeholder="Search By">
<select class="drop-down">
<option value="option1">Name</option>
<option value="option2">Email</option>
<option value="option3">Address</option>
<option value="option4">Phone</option>
<option value="option5">Date of Birth</option>
<option value="option6">Registered</option>
</select>
</div>
<table class="data-table">
<thead>
<tr>
<th><input type="checkbox" id="select-all" onclick="toggleSelectAllRows(this)">
<th>Name</th>
<th>Email</th>
<th>Phone</th>
<th>Address</th>
<th>Date of Birth</th>
<th>Registered</th>
</tr>
</thead>
<tbody>
<tr data-row="1">
<td><input type="checkbox" class="select-row" onclick="toggleRowColor(this)">
</td>
<td><input placeholder="Data 1A" readonly></td>
<td><input placeholder="Data 1B" readonly></td>
<td><input placeholder="Data 1C" readonly></td>
<td><input placeholder="Data 1D" readonly></td>
<td><input placeholder="Data 1E" readonly></td>
<td><input placeholder="Data 1F" readonly></td>
</tr>
<tr data-row="2">
<td><input type="checkbox" class="select-row" onclick="toggleRowColor(this)">
</td>
<td><input placeholder="Data 2A" readonly></td>
<td><input placeholder="Data 2B" readonly></td>
<td><input placeholder="Data 2C" readonly></td>
<td><input placeholder="Data 2D" readonly></td>
<td><input placeholder="Data 2E" readonly></td>
<td><input placeholder="Data 2F" readonly></td>
</tr>
<tr data-row="3">
<td><input type="checkbox" class="select-row" onclick="toggleRowColor(this)">
</td>
<td><input placeholder="Data 3A" readonly></td>
<td><input placeholder="Data 3B" readonly></td>
<td><input placeholder="Data 3C" readonly></td>
<td><input placeholder="Data 3D" readonly></td>
<td><input placeholder="Data 3E" readonly></td>
<td><input placeholder="Data 3F" readonly></td>
</tr>
</tbody>
</table>
<hr>
<td>
<button class="edit-button"><i class='bx bx-edit-alt' ></i> Edit</button>
<button class="update-button"><i class='bx bx-check' ></i> Update</button>
<button class="delete-button"><i class='bx bx-eraser'></i> Delete</button>
</td>
</div>
<!----- footer ----->
<hr>
<footer>
<div class="footer-container">
<div class="footer-logo">
<a href="index.html"><img src="images/logo.png" alt="Logo" width="125"></a>
</div>
<div class="footer-centered-links">
<a href="index.html" class="footer-nav-link">Main</a>
<a href="client.html" class="footer-nav-link">Client</a>
<a href="staff.html" class="footer-nav-link">Staff</a>
<a href="classes.html" class="footer-nav-link">Classes</a>
<a href="statistics.html" class="footer-nav-link">Statistics</a>
</div>
</div>
<hr>
<p class="copyright">
© <span id="copyright-year"></span> Company Name Not Found, Inc. All rights reserved.
</p>
</footer>
<!-- JavaScript -->
<script src="js/script.js"></script>
</body>
</html>