김다솜

modfiy webpage foods, favorite, rooms, entertainment, settings

1 -<!DOCTYPE html>
2 -<html lang="en">
3 -
4 - <head>
5 -
6 - <meta charset="utf-8">
7 - <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9 - <meta name="description" content="">
10 - <meta name="author" content="">
11 -
12 - <title>SB Admin - 404 Error</title>
13 -
14 - <!-- Bootstrap core CSS-->
15 - <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
16 -
17 - <!-- Custom fonts for this template-->
18 - <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
19 -
20 - <!-- Page level plugin CSS-->
21 - <link href="vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
22 -
23 - <!-- Custom styles for this template-->
24 - <link href="css/sb-admin.css" rel="stylesheet">
25 -
26 - </head>
27 -
28 - <body id="page-top">
29 -
30 - <nav class="navbar navbar-expand navbar-dark bg-dark static-top">
31 -
32 - <a class="navbar-brand mr-1" href="index.html">Start Bootstrap</a>
33 -
34 - <button class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#">
35 - <i class="fas fa-bars"></i>
36 - </button>
37 -
38 - <!-- Navbar Search -->
39 - <form class="d-none d-md-inline-block form-inline ml-auto mr-0 mr-md-3 my-2 my-md-0">
40 - <div class="input-group">
41 - <input type="text" class="form-control" placeholder="Search for..." aria-label="Search" aria-describedby="basic-addon2">
42 - <div class="input-group-append">
43 - <button class="btn btn-primary" type="button">
44 - <i class="fas fa-search"></i>
45 - </button>
46 - </div>
47 - </div>
48 - </form>
49 -
50 - <!-- Navbar -->
51 - <ul class="navbar-nav ml-auto ml-md-0">
52 - <li class="nav-item dropdown no-arrow mx-1">
53 - <a class="nav-link dropdown-toggle" href="#" id="alertsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
54 - <i class="fas fa-bell fa-fw"></i>
55 - <span class="badge badge-danger">9+</span>
56 - </a>
57 - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="alertsDropdown">
58 - <a class="dropdown-item" href="#">Action</a>
59 - <a class="dropdown-item" href="#">Another action</a>
60 - <div class="dropdown-divider"></div>
61 - <a class="dropdown-item" href="#">Something else here</a>
62 - </div>
63 - </li>
64 - <li class="nav-item dropdown no-arrow mx-1">
65 - <a class="nav-link dropdown-toggle" href="#" id="messagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
66 - <i class="fas fa-envelope fa-fw"></i>
67 - <span class="badge badge-danger">7</span>
68 - </a>
69 - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="messagesDropdown">
70 - <a class="dropdown-item" href="#">Action</a>
71 - <a class="dropdown-item" href="#">Another action</a>
72 - <div class="dropdown-divider"></div>
73 - <a class="dropdown-item" href="#">Something else here</a>
74 - </div>
75 - </li>
76 - <li class="nav-item dropdown no-arrow">
77 - <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
78 - <i class="fas fa-user-circle fa-fw"></i>
79 - </a>
80 - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
81 - <a class="dropdown-item" href="#">Settings</a>
82 - <a class="dropdown-item" href="#">Activity Log</a>
83 - <div class="dropdown-divider"></div>
84 - <a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal">Logout</a>
85 - </div>
86 - </li>
87 - </ul>
88 -
89 - </nav>
90 -
91 - <div id="wrapper">
92 -
93 - <!-- Sidebar -->
94 - <ul class="sidebar navbar-nav">
95 - <li class="nav-item">
96 - <a class="nav-link" href="index.html">
97 - <i class="fas fa-fw fa-tachometer-alt"></i>
98 - <span>Dashboard</span>
99 - </a>
100 - </li>
101 - <li class="nav-item dropdown">
102 - <a class="nav-link dropdown-toggle" href="#" id="pagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
103 - <i class="fas fa-fw fa-folder"></i>
104 - <span>Pages</span>
105 - </a>
106 - <div class="dropdown-menu" aria-labelledby="pagesDropdown">
107 - <h6 class="dropdown-header">Login Screens:</h6>
108 - <a class="dropdown-item" href="login.html">Login</a>
109 - <a class="dropdown-item" href="register.html">Register</a>
110 - <a class="dropdown-item" href="forgot-password.html">Forgot Password</a>
111 - <div class="dropdown-divider"></div>
112 - <h6 class="dropdown-header">Other Pages:</h6>
113 - <a class="dropdown-item active" href="404.html">404 Page</a>
114 - <a class="dropdown-item" href="blank.html">Blank Page</a>
115 - </div>
116 - </li>
117 - <li class="nav-item">
118 - <a class="nav-link" href="charts.html">
119 - <i class="fas fa-fw fa-chart-area"></i>
120 - <span>Charts</span></a>
121 - </li>
122 - <li class="nav-item">
123 - <a class="nav-link" href="tables.html">
124 - <i class="fas fa-fw fa-table"></i>
125 - <span>Tables</span></a>
126 - </li>
127 - </ul>
128 -
129 - <div id="content-wrapper">
130 -
131 - <div class="container-fluid">
132 -
133 - <!-- Breadcrumbs-->
134 - <ol class="breadcrumb">
135 - <li class="breadcrumb-item">
136 - <a href="index.html">Dashboard</a>
137 - </li>
138 - <li class="breadcrumb-item active">404 Error</li>
139 - </ol>
140 -
141 - <!-- Page Content -->
142 - <h1 class="display-1">404</h1>
143 - <p class="lead">Page not found. You can
144 - <a href="javascript:history.back()">go back</a>
145 - to the previous page, or
146 - <a href="index.html">return home</a>.</p>
147 -
148 - </div>
149 - <!-- /.container-fluid -->
150 -
151 - <!-- Sticky Footer -->
152 - <footer class="sticky-footer">
153 - <div class="container my-auto">
154 - <div class="copyright text-center my-auto">
155 - <span>Copyright © Your Website 2018</span>
156 - </div>
157 - </div>
158 - </footer>
159 -
160 - </div>
161 - <!-- /.content-wrapper -->
162 -
163 - </div>
164 - <!-- /#wrapper -->
165 -
166 - <!-- Scroll to Top Button-->
167 - <a class="scroll-to-top rounded" href="#page-top">
168 - <i class="fas fa-angle-up"></i>
169 - </a>
170 -
171 - <!-- Logout Modal-->
172 - <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
173 - <div class="modal-dialog" role="document">
174 - <div class="modal-content">
175 - <div class="modal-header">
176 - <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
177 - <button class="close" type="button" data-dismiss="modal" aria-label="Close">
178 - <span aria-hidden="true">×</span>
179 - </button>
180 - </div>
181 - <div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
182 - <div class="modal-footer">
183 - <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
184 - <a class="btn btn-primary" href="login.html">Logout</a>
185 - </div>
186 - </div>
187 - </div>
188 - </div>
189 -
190 - <!-- Bootstrap core JavaScript-->
191 - <script src="vendor/jquery/jquery.min.js"></script>
192 - <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
193 -
194 - <!-- Core plugin JavaScript-->
195 - <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
196 -
197 - <!-- Custom scripts for all pages-->
198 - <script src="js/sb-admin.min.js"></script>
199 -
200 - </body>
201 -
202 -</html>
1 +<!DOCTYPE html>
2 +<html lang="en">
3 +
4 + <head>
5 +
6 + <meta charset="utf-8">
7 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9 + <meta name="description" content="">
10 + <meta name="author" content="">
11 +
12 + <title>저기어때</title>
13 +
14 + <!-- Bootstrap core CSS-->
15 + <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
16 +
17 + <!-- Custom fonts for this template-->
18 + <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
19 +
20 + <!-- Page level plugin CSS-->
21 + <link href="vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
22 +
23 + <!-- Custom styles for this template-->
24 + <link href="css/sb-admin.css" rel="stylesheet">
25 +
26 + </head>
27 +
28 + <body id="page-top">
29 +
30 + <nav class="navbar navbar-expand navbar-dark bg-dark static-top">
31 +
32 + <a class="navbar-brand mr-1" href="index.html">저기어때</a>
33 +
34 + <button class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#">
35 + <i class="fas fa-bars"></i>
36 + </button>
37 +
38 + </nav>
39 +
40 + <div id="wrapper">
41 +
42 + <!-- Sidebar -->
43 + <ul class="sidebar navbar-nav">
44 +
45 + <li class="nav-item">
46 + <a class="nav-link" href="index.html">
47 + <i class="fas fa-map-marker"></i>
48 + <span>Map</span>
49 + </a>
50 + </li>
51 +
52 + <li class="nav-item">
53 + <a class="nav-link" href="Foods.html">
54 + <i class="fas fa-utensils" area-hidden ="true"></i>
55 + <span>Foods</span>
56 + </a>
57 + </li>
58 +
59 + <li class="nav-item active">
60 + <a class="nav-link" href="Entertainment.html">
61 + <i class="fas fa-gamepad"></i>
62 + <span>Entertainment</span>
63 + </a>
64 + </li>
65 +
66 + <li class="nav-item">
67 + <a class="nav-link" href="Rooms.html">
68 + <i class="fas fa-bed"></i>
69 + <span>Rooms</span>
70 + </a>
71 + </li>
72 +
73 + <li class="nav-item">
74 + <a class="nav-link" href="Favorite.html">
75 + <i class="fas fa-heart"></i>
76 + <span>Favorite</span>
77 + </a>
78 + </li>
79 +
80 + <li class="nav-item">
81 + <a class="nav-link" href="Settings.html">
82 + <i class="fas fa-cog"></i>
83 + <span>Settings</span>
84 + </a>
85 + </li>
86 +
87 +
88 + </ul>
89 + <div id="content-wrapper">
90 +
91 + <div class="container-fluid">
92 +
93 + <!-- Breadcrumbs-->
94 + <ol class="breadcrumb">
95 + <li class="breadcrumb-item">
96 + <a href="#">Foods</a>
97 + </li>
98 +
99 + </ol>
100 +
101 + <!-- Icon Cards-->
102 + <div class="row">
103 + <div class="col-xl-3 col-sm-6 mb-3">
104 + <div class="card text-white bg-primary o-hidden h-100">
105 + <div class="card-body">
106 + <div class="card-body-icon">
107 + <i class="fas fa-fw fa-comments"></i>
108 + </div>
109 + <div class="mr-5">26 New Messages!</div>
110 + </div>
111 + <a class="card-footer text-white clearfix small z-1" href="#">
112 + <span class="float-left">View Details</span>
113 + <span class="float-right">
114 + <i class="fas fa-angle-right"></i>
115 + </span>
116 + </a>
117 + </div>
118 + </div>
119 + <div class="col-xl-3 col-sm-6 mb-3">
120 + <div class="card text-white bg-warning o-hidden h-100">
121 + <div class="card-body">
122 + <div class="card-body-icon">
123 + <i class="fas fa-fw fa-list"></i>
124 + </div>
125 + <div class="mr-5">11 New Tasks!</div>
126 + </div>
127 + <a class="card-footer text-white clearfix small z-1" href="#">
128 + <span class="float-left">View Details</span>
129 + <span class="float-right">
130 + <i class="fas fa-angle-right"></i>
131 + </span>
132 + </a>
133 + </div>
134 + </div>
135 + <div class="col-xl-3 col-sm-6 mb-3">
136 + <div class="card text-white bg-success o-hidden h-100">
137 + <div class="card-body">
138 + <div class="card-body-icon">
139 + <i class="fas fa-fw fa-shopping-cart"></i>
140 + </div>
141 + <div class="mr-5">123 New Orders!</div>
142 + </div>
143 + <a class="card-footer text-white clearfix small z-1" href="#">
144 + <span class="float-left">View Details</span>
145 + <span class="float-right">
146 + <i class="fas fa-angle-right"></i>
147 + </span>
148 + </a>
149 + </div>
150 + </div>
151 + <div class="col-xl-3 col-sm-6 mb-3">
152 + <div class="card text-white bg-danger o-hidden h-100">
153 + <div class="card-body">
154 + <div class="card-body-icon">
155 + <i class="fas fa-fw fa-life-ring"></i>
156 + </div>
157 + <div class="mr-5">13 New Tickets!</div>
158 + </div>
159 + <a class="card-footer text-white clearfix small z-1" href="#">
160 + <span class="float-left">View Details</span>
161 + <span class="float-right">
162 + <i class="fas fa-angle-right"></i>
163 + </span>
164 + </a>
165 + </div>
166 + </div>
167 + </div>
168 +
169 + <p class="small text-center text-muted my-5">
170 + <em>More chart examples coming soon...</em>
171 + </p>
172 +
173 + </div>
174 + <!-- /.container-fluid -->
175 +
176 + <!-- Sticky Footer -->
177 + <footer class="sticky-footer">
178 + <div class="container my-auto">
179 + <div class="copyright text-center my-auto">
180 + <span>Copyright © Your Website 2018</span>
181 + </div>
182 + </div>
183 + </footer>
184 +
185 + </div>
186 + <!-- /.content-wrapper -->
187 +
188 + </div>
189 + <!-- /#wrapper -->
190 +
191 + <!-- Scroll to Top Button-->
192 + <a class="scroll-to-top rounded" href="#page-top">
193 + <i class="fas fa-angle-up"></i>
194 + </a>
195 +
196 +
197 +
198 + <!-- Bootstrap core JavaScript-->
199 + <script src="vendor/jquery/jquery.min.js"></script>
200 + <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
201 +
202 + <!-- Core plugin JavaScript-->
203 + <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
204 +
205 + <!-- Page level plugin JavaScript-->
206 + <script src="vendor/chart.js/Chart.min.js"></script>
207 +
208 + <!-- Custom scripts for all pages-->
209 + <script src="js/sb-admin.min.js"></script>
210 +
211 + <!-- Demo scripts for this page-->
212 + <script src="js/demo/chart-area-demo.js"></script>
213 + <script src="js/demo/chart-bar-demo.js"></script>
214 + <script src="js/demo/chart-pie-demo.js"></script>
215 +
216 + </body>
217 +
218 +</html>
1 +<!DOCTYPE html>
2 +<html lang="en">
3 +
4 + <head>
5 +
6 + <meta charset="utf-8">
7 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9 + <meta name="description" content="">
10 + <meta name="author" content="">
11 +
12 + <title>저기어때</title>
13 +
14 + <!-- Bootstrap core CSS-->
15 + <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
16 +
17 + <!-- Custom fonts for this template-->
18 + <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
19 +
20 + <!-- Page level plugin CSS-->
21 + <link href="vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
22 +
23 + <!-- Custom styles for this template-->
24 + <link href="css/sb-admin.css" rel="stylesheet">
25 +
26 + </head>
27 +
28 + <body id="page-top">
29 +
30 + <nav class="navbar navbar-expand navbar-dark bg-dark static-top">
31 +
32 + <a class="navbar-brand mr-1" href="index.html">저기어때</a>
33 +
34 + <button class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#">
35 + <i class="fas fa-bars"></i>
36 + </button>
37 +
38 + </nav>
39 +
40 + <div id="wrapper">
41 +
42 + <!-- Sidebar -->
43 + <ul class="sidebar navbar-nav">
44 +
45 + <li class="nav-item">
46 + <a class="nav-link" href="index.html">
47 + <i class="fas fa-map-marker"></i>
48 + <span>Map</span>
49 + </a>
50 + </li>
51 +
52 + <li class="nav-item">
53 + <a class="nav-link" href="Foods.html">
54 + <i class="fas fa-utensils" area-hidden ="true"></i>
55 + <span>Foods</span>
56 + </a>
57 + </li>
58 +
59 + <li class="nav-item">
60 + <a class="nav-link" href="Entertainment.html">
61 + <i class="fas fa-gamepad"></i>
62 + <span>Entertainment</span>
63 + </a>
64 + </li>
65 +
66 + <li class="nav-item">
67 + <a class="nav-link" href="Rooms.html">
68 + <i class="fas fa-bed"></i>
69 + <span>Rooms</span>
70 + </a>
71 + </li>
72 +
73 + <li class="nav-item active">
74 + <a class="nav-link" href="Favorite.html">
75 + <i class="fas fa-heart"></i>
76 + <span>Favorite</span>
77 + </a>
78 + </li>
79 +
80 + <li class="nav-item">
81 + <a class="nav-link" href="Settings.html">
82 + <i class="fas fa-cog"></i>
83 + <span>Settings</span>
84 + </a>
85 + </li>
86 +
87 +
88 + </ul>
89 + <div id="content-wrapper">
90 +
91 + <div class="container-fluid">
92 +
93 + <!-- Breadcrumbs-->
94 + <ol class="breadcrumb">
95 + <li class="breadcrumb-item">
96 + <a href="#">Foods</a>
97 + </li>
98 +
99 + </ol>
100 +
101 + <!-- Icon Cards-->
102 + <div class="row">
103 + <div class="col-xl-3 col-sm-6 mb-3">
104 + <div class="card text-white bg-primary o-hidden h-100">
105 + <div class="card-body">
106 + <div class="card-body-icon">
107 + <i class="fas fa-fw fa-comments"></i>
108 + </div>
109 + <div class="mr-5">26 New Messages!</div>
110 + </div>
111 + <a class="card-footer text-white clearfix small z-1" href="#">
112 + <span class="float-left">View Details</span>
113 + <span class="float-right">
114 + <i class="fas fa-angle-right"></i>
115 + </span>
116 + </a>
117 + </div>
118 + </div>
119 + <div class="col-xl-3 col-sm-6 mb-3">
120 + <div class="card text-white bg-warning o-hidden h-100">
121 + <div class="card-body">
122 + <div class="card-body-icon">
123 + <i class="fas fa-fw fa-list"></i>
124 + </div>
125 + <div class="mr-5">11 New Tasks!</div>
126 + </div>
127 + <a class="card-footer text-white clearfix small z-1" href="#">
128 + <span class="float-left">View Details</span>
129 + <span class="float-right">
130 + <i class="fas fa-angle-right"></i>
131 + </span>
132 + </a>
133 + </div>
134 + </div>
135 + <div class="col-xl-3 col-sm-6 mb-3">
136 + <div class="card text-white bg-success o-hidden h-100">
137 + <div class="card-body">
138 + <div class="card-body-icon">
139 + <i class="fas fa-fw fa-shopping-cart"></i>
140 + </div>
141 + <div class="mr-5">123 New Orders!</div>
142 + </div>
143 + <a class="card-footer text-white clearfix small z-1" href="#">
144 + <span class="float-left">View Details</span>
145 + <span class="float-right">
146 + <i class="fas fa-angle-right"></i>
147 + </span>
148 + </a>
149 + </div>
150 + </div>
151 + <div class="col-xl-3 col-sm-6 mb-3">
152 + <div class="card text-white bg-danger o-hidden h-100">
153 + <div class="card-body">
154 + <div class="card-body-icon">
155 + <i class="fas fa-fw fa-life-ring"></i>
156 + </div>
157 + <div class="mr-5">13 New Tickets!</div>
158 + </div>
159 + <a class="card-footer text-white clearfix small z-1" href="#">
160 + <span class="float-left">View Details</span>
161 + <span class="float-right">
162 + <i class="fas fa-angle-right"></i>
163 + </span>
164 + </a>
165 + </div>
166 + </div>
167 + </div>
168 +
169 + <p class="small text-center text-muted my-5">
170 + <em>More chart examples coming soon...</em>
171 + </p>
172 +
173 + </div>
174 + <!-- /.container-fluid -->
175 +
176 + <!-- Sticky Footer -->
177 + <footer class="sticky-footer">
178 + <div class="container my-auto">
179 + <div class="copyright text-center my-auto">
180 + <span>Copyright © Your Website 2018</span>
181 + </div>
182 + </div>
183 + </footer>
184 +
185 + </div>
186 + <!-- /.content-wrapper -->
187 +
188 + </div>
189 + <!-- /#wrapper -->
190 +
191 + <!-- Scroll to Top Button-->
192 + <a class="scroll-to-top rounded" href="#page-top">
193 + <i class="fas fa-angle-up"></i>
194 + </a>
195 +
196 +
197 +
198 + <!-- Bootstrap core JavaScript-->
199 + <script src="vendor/jquery/jquery.min.js"></script>
200 + <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
201 +
202 + <!-- Core plugin JavaScript-->
203 + <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
204 +
205 + <!-- Page level plugin JavaScript-->
206 + <script src="vendor/chart.js/Chart.min.js"></script>
207 +
208 + <!-- Custom scripts for all pages-->
209 + <script src="js/sb-admin.min.js"></script>
210 +
211 + <!-- Demo scripts for this page-->
212 + <script src="js/demo/chart-area-demo.js"></script>
213 + <script src="js/demo/chart-bar-demo.js"></script>
214 + <script src="js/demo/chart-pie-demo.js"></script>
215 +
216 + </body>
217 +
218 +</html>
1 +<!DOCTYPE html>
2 +<html lang="en">
3 +
4 + <head>
5 +
6 + <meta charset="utf-8">
7 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9 + <meta name="description" content="">
10 + <meta name="author" content="">
11 +
12 + <title>저기어때</title>
13 +
14 + <!-- Bootstrap core CSS-->
15 + <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
16 +
17 + <!-- Custom fonts for this template-->
18 + <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
19 +
20 + <!-- Page level plugin CSS-->
21 + <link href="vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
22 +
23 + <!-- Custom styles for this template-->
24 + <link href="css/sb-admin.css" rel="stylesheet">
25 +
26 + </head>
27 +
28 + <body id="page-top">
29 +
30 + <nav class="navbar navbar-expand navbar-dark bg-dark static-top">
31 +
32 + <a class="navbar-brand mr-1" href="index.html">저기어때</a>
33 +
34 + <button class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#">
35 + <i class="fas fa-bars"></i>
36 + </button>
37 +
38 + </nav>
39 +
40 + <div id="wrapper">
41 +
42 + <!-- Sidebar -->
43 + <ul class="sidebar navbar-nav">
44 +
45 + <li class="nav-item">
46 + <a class="nav-link" href="index.html">
47 + <i class="fas fa-map-marker"></i>
48 + <span>Map</span>
49 + </a>
50 + </li>
51 +
52 + <li class="nav-item active">
53 + <a class="nav-link" href="Foods.html">
54 + <i class="fas fa-utensils" area-hidden ="true"></i>
55 + <span>Foods</span>
56 + </a>
57 + </li>
58 +
59 + <li class="nav-item">
60 + <a class="nav-link" href="Entertainment.html">
61 + <i class="fas fa-gamepad"></i>
62 + <span>Entertainment</span>
63 + </a>
64 + </li>
65 +
66 + <li class="nav-item">
67 + <a class="nav-link" href="Rooms.html">
68 + <i class="fas fa-bed"></i>
69 + <span>Rooms</span>
70 + </a>
71 + </li>
72 +
73 + <li class="nav-item">
74 + <a class="nav-link" href="Favorite.html">
75 + <i class="fas fa-heart"></i>
76 + <span>Favorite</span>
77 + </a>
78 + </li>
79 +
80 + <li class="nav-item">
81 + <a class="nav-link" href="Settings.html">
82 + <i class="fas fa-cog"></i>
83 + <span>Settings</span>
84 + </a>
85 + </li>
86 +
87 +
88 + </ul>
89 + <div id="content-wrapper">
90 +
91 + <div class="container-fluid">
92 +
93 + <!-- Breadcrumbs-->
94 + <ol class="breadcrumb">
95 + <li class="breadcrumb-item">
96 + <a href="#">Foods</a>
97 + </li>
98 +
99 + </ol>
100 +
101 + <!-- Icon Cards-->
102 + <div class="row">
103 + <div class="col-xl-3 col-sm-6 mb-3">
104 + <div class="card text-white bg-primary o-hidden h-100">
105 + <div class="card-body">
106 + <div class="card-body-icon">
107 + <i class="fas fa-fw fa-comments"></i>
108 + </div>
109 + <div class="mr-5">26 New Messages!</div>
110 + </div>
111 + <a class="card-footer text-white clearfix small z-1" href="#">
112 + <span class="float-left">View Details</span>
113 + <span class="float-right">
114 + <i class="fas fa-angle-right"></i>
115 + </span>
116 + </a>
117 + </div>
118 + </div>
119 + <div class="col-xl-3 col-sm-6 mb-3">
120 + <div class="card text-white bg-warning o-hidden h-100">
121 + <div class="card-body">
122 + <div class="card-body-icon">
123 + <i class="fas fa-fw fa-list"></i>
124 + </div>
125 + <div class="mr-5">11 New Tasks!</div>
126 + </div>
127 + <a class="card-footer text-white clearfix small z-1" href="#">
128 + <span class="float-left">View Details</span>
129 + <span class="float-right">
130 + <i class="fas fa-angle-right"></i>
131 + </span>
132 + </a>
133 + </div>
134 + </div>
135 + <div class="col-xl-3 col-sm-6 mb-3">
136 + <div class="card text-white bg-success o-hidden h-100">
137 + <div class="card-body">
138 + <div class="card-body-icon">
139 + <i class="fas fa-fw fa-shopping-cart"></i>
140 + </div>
141 + <div class="mr-5">123 New Orders!</div>
142 + </div>
143 + <a class="card-footer text-white clearfix small z-1" href="#">
144 + <span class="float-left">View Details</span>
145 + <span class="float-right">
146 + <i class="fas fa-angle-right"></i>
147 + </span>
148 + </a>
149 + </div>
150 + </div>
151 + <div class="col-xl-3 col-sm-6 mb-3">
152 + <div class="card text-white bg-danger o-hidden h-100">
153 + <div class="card-body">
154 + <div class="card-body-icon">
155 + <i class="fas fa-fw fa-life-ring"></i>
156 + </div>
157 + <div class="mr-5">13 New Tickets!</div>
158 + </div>
159 + <a class="card-footer text-white clearfix small z-1" href="#">
160 + <span class="float-left">View Details</span>
161 + <span class="float-right">
162 + <i class="fas fa-angle-right"></i>
163 + </span>
164 + </a>
165 + </div>
166 + </div>
167 + </div>
168 +
169 + <p class="small text-center text-muted my-5">
170 + <em>More chart examples coming soon...</em>
171 + </p>
172 +
173 + </div>
174 + <!-- /.container-fluid -->
175 +
176 + <!-- Sticky Footer -->
177 + <footer class="sticky-footer">
178 + <div class="container my-auto">
179 + <div class="copyright text-center my-auto">
180 + <span>Copyright © Your Website 2018</span>
181 + </div>
182 + </div>
183 + </footer>
184 +
185 + </div>
186 + <!-- /.content-wrapper -->
187 +
188 + </div>
189 + <!-- /#wrapper -->
190 +
191 + <!-- Scroll to Top Button-->
192 + <a class="scroll-to-top rounded" href="#page-top">
193 + <i class="fas fa-angle-up"></i>
194 + </a>
195 +
196 +
197 +
198 + <!-- Bootstrap core JavaScript-->
199 + <script src="vendor/jquery/jquery.min.js"></script>
200 + <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
201 +
202 + <!-- Core plugin JavaScript-->
203 + <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
204 +
205 + <!-- Page level plugin JavaScript-->
206 + <script src="vendor/chart.js/Chart.min.js"></script>
207 +
208 + <!-- Custom scripts for all pages-->
209 + <script src="js/sb-admin.min.js"></script>
210 +
211 + <!-- Demo scripts for this page-->
212 + <script src="js/demo/chart-area-demo.js"></script>
213 + <script src="js/demo/chart-bar-demo.js"></script>
214 + <script src="js/demo/chart-pie-demo.js"></script>
215 +
216 + </body>
217 +
218 +</html>
1 +<!DOCTYPE html>
2 +<html lang="en">
3 +
4 + <head>
5 +
6 + <meta charset="utf-8">
7 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9 + <meta name="description" content="">
10 + <meta name="author" content="">
11 +
12 + <title>저기어때</title>
13 +
14 + <!-- Bootstrap core CSS-->
15 + <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
16 +
17 + <!-- Custom fonts for this template-->
18 + <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
19 +
20 + <!-- Page level plugin CSS-->
21 + <link href="vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
22 +
23 + <!-- Custom styles for this template-->
24 + <link href="css/sb-admin.css" rel="stylesheet">
25 +
26 + </head>
27 +
28 + <body id="page-top">
29 +
30 + <nav class="navbar navbar-expand navbar-dark bg-dark static-top">
31 +
32 + <a class="navbar-brand mr-1" href="index.html">저기어때</a>
33 +
34 + <button class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#">
35 + <i class="fas fa-bars"></i>
36 + </button>
37 +
38 + </nav>
39 +
40 + <div id="wrapper">
41 +
42 + <!-- Sidebar -->
43 + <ul class="sidebar navbar-nav">
44 +
45 + <li class="nav-item">
46 + <a class="nav-link" href="index.html">
47 + <i class="fas fa-map-marker"></i>
48 + <span>Map</span>
49 + </a>
50 + </li>
51 +
52 + <li class="nav-item">
53 + <a class="nav-link" href="Foods.html">
54 + <i class="fas fa-utensils" area-hidden ="true"></i>
55 + <span>Foods</span>
56 + </a>
57 + </li>
58 +
59 + <li class="nav-item">
60 + <a class="nav-link" href="Entertainment.html">
61 + <i class="fas fa-gamepad"></i>
62 + <span>Entertainment</span>
63 + </a>
64 + </li>
65 +
66 + <li class="nav-item active">
67 + <a class="nav-link" href="Rooms.html">
68 + <i class="fas fa-bed"></i>
69 + <span>Rooms</span>
70 + </a>
71 + </li>
72 +
73 + <li class="nav-item">
74 + <a class="nav-link" href="Favorite.html">
75 + <i class="fas fa-heart"></i>
76 + <span>Favorite</span>
77 + </a>
78 + </li>
79 +
80 + <li class="nav-item">
81 + <a class="nav-link" href="Settings.html">
82 + <i class="fas fa-cog"></i>
83 + <span>Settings</span>
84 + </a>
85 + </li>
86 +
87 +
88 + </ul>
89 + <div id="content-wrapper">
90 +
91 + <div class="container-fluid">
92 +
93 + <!-- Breadcrumbs-->
94 + <ol class="breadcrumb">
95 + <li class="breadcrumb-item">
96 + <a href="#">Foods</a>
97 + </li>
98 +
99 + </ol>
100 +
101 + <!-- Icon Cards-->
102 + <div class="row">
103 + <div class="col-xl-3 col-sm-6 mb-3">
104 + <div class="card text-white bg-primary o-hidden h-100">
105 + <div class="card-body">
106 + <div class="card-body-icon">
107 + <i class="fas fa-fw fa-comments"></i>
108 + </div>
109 + <div class="mr-5">26 New Messages!</div>
110 + </div>
111 + <a class="card-footer text-white clearfix small z-1" href="#">
112 + <span class="float-left">View Details</span>
113 + <span class="float-right">
114 + <i class="fas fa-angle-right"></i>
115 + </span>
116 + </a>
117 + </div>
118 + </div>
119 + <div class="col-xl-3 col-sm-6 mb-3">
120 + <div class="card text-white bg-warning o-hidden h-100">
121 + <div class="card-body">
122 + <div class="card-body-icon">
123 + <i class="fas fa-fw fa-list"></i>
124 + </div>
125 + <div class="mr-5">11 New Tasks!</div>
126 + </div>
127 + <a class="card-footer text-white clearfix small z-1" href="#">
128 + <span class="float-left">View Details</span>
129 + <span class="float-right">
130 + <i class="fas fa-angle-right"></i>
131 + </span>
132 + </a>
133 + </div>
134 + </div>
135 + <div class="col-xl-3 col-sm-6 mb-3">
136 + <div class="card text-white bg-success o-hidden h-100">
137 + <div class="card-body">
138 + <div class="card-body-icon">
139 + <i class="fas fa-fw fa-shopping-cart"></i>
140 + </div>
141 + <div class="mr-5">123 New Orders!</div>
142 + </div>
143 + <a class="card-footer text-white clearfix small z-1" href="#">
144 + <span class="float-left">View Details</span>
145 + <span class="float-right">
146 + <i class="fas fa-angle-right"></i>
147 + </span>
148 + </a>
149 + </div>
150 + </div>
151 + <div class="col-xl-3 col-sm-6 mb-3">
152 + <div class="card text-white bg-danger o-hidden h-100">
153 + <div class="card-body">
154 + <div class="card-body-icon">
155 + <i class="fas fa-fw fa-life-ring"></i>
156 + </div>
157 + <div class="mr-5">13 New Tickets!</div>
158 + </div>
159 + <a class="card-footer text-white clearfix small z-1" href="#">
160 + <span class="float-left">View Details</span>
161 + <span class="float-right">
162 + <i class="fas fa-angle-right"></i>
163 + </span>
164 + </a>
165 + </div>
166 + </div>
167 + </div>
168 +
169 + <p class="small text-center text-muted my-5">
170 + <em>More chart examples coming soon...</em>
171 + </p>
172 +
173 + </div>
174 + <!-- /.container-fluid -->
175 +
176 + <!-- Sticky Footer -->
177 + <footer class="sticky-footer">
178 + <div class="container my-auto">
179 + <div class="copyright text-center my-auto">
180 + <span>Copyright © Your Website 2018</span>
181 + </div>
182 + </div>
183 + </footer>
184 +
185 + </div>
186 + <!-- /.content-wrapper -->
187 +
188 + </div>
189 + <!-- /#wrapper -->
190 +
191 + <!-- Scroll to Top Button-->
192 + <a class="scroll-to-top rounded" href="#page-top">
193 + <i class="fas fa-angle-up"></i>
194 + </a>
195 +
196 +
197 +
198 + <!-- Bootstrap core JavaScript-->
199 + <script src="vendor/jquery/jquery.min.js"></script>
200 + <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
201 +
202 + <!-- Core plugin JavaScript-->
203 + <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
204 +
205 + <!-- Page level plugin JavaScript-->
206 + <script src="vendor/chart.js/Chart.min.js"></script>
207 +
208 + <!-- Custom scripts for all pages-->
209 + <script src="js/sb-admin.min.js"></script>
210 +
211 + <!-- Demo scripts for this page-->
212 + <script src="js/demo/chart-area-demo.js"></script>
213 + <script src="js/demo/chart-bar-demo.js"></script>
214 + <script src="js/demo/chart-pie-demo.js"></script>
215 +
216 + </body>
217 +
218 +</html>
1 +<!DOCTYPE html>
2 +<html lang="en">
3 +
4 + <head>
5 +
6 + <meta charset="utf-8">
7 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9 + <meta name="description" content="">
10 + <meta name="author" content="">
11 +
12 + <title>저기어때</title>
13 +
14 + <!-- Bootstrap core CSS-->
15 + <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
16 +
17 + <!-- Custom fonts for this template-->
18 + <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
19 +
20 + <!-- Page level plugin CSS-->
21 + <link href="vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
22 +
23 + <!-- Custom styles for this template-->
24 + <link href="css/sb-admin.css" rel="stylesheet">
25 +
26 + </head>
27 +
28 + <body id="page-top">
29 +
30 + <nav class="navbar navbar-expand navbar-dark bg-dark static-top">
31 +
32 + <a class="navbar-brand mr-1" href="index.html">저기어때</a>
33 +
34 + <button class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#">
35 + <i class="fas fa-bars"></i>
36 + </button>
37 +
38 + </nav>
39 +
40 + <div id="wrapper">
41 +
42 + <!-- Sidebar -->
43 + <ul class="sidebar navbar-nav">
44 +
45 + <li class="nav-item">
46 + <a class="nav-link" href="index.html">
47 + <i class="fas fa-map-marker"></i>
48 + <span>Map</span>
49 + </a>
50 + </li>
51 +
52 + <li class="nav-item">
53 + <a class="nav-link" href="Foods.html">
54 + <i class="fas fa-utensils" area-hidden ="true"></i>
55 + <span>Foods</span>
56 + </a>
57 + </li>
58 +
59 + <li class="nav-item">
60 + <a class="nav-link" href="Entertainment.html">
61 + <i class="fas fa-gamepad"></i>
62 + <span>Entertainment</span>
63 + </a>
64 + </li>
65 +
66 + <li class="nav-item">
67 + <a class="nav-link" href="Rooms.html">
68 + <i class="fas fa-bed"></i>
69 + <span>Rooms</span>
70 + </a>
71 + </li>
72 +
73 + <li class="nav-item">
74 + <a class="nav-link" href="Favorite.html">
75 + <i class="fas fa-heart"></i>
76 + <span>Favorite</span>
77 + </a>
78 + </li>
79 +
80 + <li class="nav-item active">
81 + <a class="nav-link" href="Settings.html">
82 + <i class="fas fa-cog"></i>
83 + <span>Settings</span>
84 + </a>
85 + </li>
86 +
87 +
88 + </ul>
89 + <div id="content-wrapper">
90 +
91 + <div class="container-fluid">
92 +
93 + <!-- Breadcrumbs-->
94 + <ol class="breadcrumb">
95 + <li class="breadcrumb-item">
96 + <a href="#">Foods</a>
97 + </li>
98 +
99 + </ol>
100 +
101 + <!-- Icon Cards-->
102 + <div class="row">
103 + <div class="col-xl-3 col-sm-6 mb-3">
104 + <div class="card text-white bg-primary o-hidden h-100">
105 + <div class="card-body">
106 + <div class="card-body-icon">
107 + <i class="fas fa-fw fa-comments"></i>
108 + </div>
109 + <div class="mr-5">26 New Messages!</div>
110 + </div>
111 + <a class="card-footer text-white clearfix small z-1" href="#">
112 + <span class="float-left">View Details</span>
113 + <span class="float-right">
114 + <i class="fas fa-angle-right"></i>
115 + </span>
116 + </a>
117 + </div>
118 + </div>
119 + <div class="col-xl-3 col-sm-6 mb-3">
120 + <div class="card text-white bg-warning o-hidden h-100">
121 + <div class="card-body">
122 + <div class="card-body-icon">
123 + <i class="fas fa-fw fa-list"></i>
124 + </div>
125 + <div class="mr-5">11 New Tasks!</div>
126 + </div>
127 + <a class="card-footer text-white clearfix small z-1" href="#">
128 + <span class="float-left">View Details</span>
129 + <span class="float-right">
130 + <i class="fas fa-angle-right"></i>
131 + </span>
132 + </a>
133 + </div>
134 + </div>
135 + <div class="col-xl-3 col-sm-6 mb-3">
136 + <div class="card text-white bg-success o-hidden h-100">
137 + <div class="card-body">
138 + <div class="card-body-icon">
139 + <i class="fas fa-fw fa-shopping-cart"></i>
140 + </div>
141 + <div class="mr-5">123 New Orders!</div>
142 + </div>
143 + <a class="card-footer text-white clearfix small z-1" href="#">
144 + <span class="float-left">View Details</span>
145 + <span class="float-right">
146 + <i class="fas fa-angle-right"></i>
147 + </span>
148 + </a>
149 + </div>
150 + </div>
151 + <div class="col-xl-3 col-sm-6 mb-3">
152 + <div class="card text-white bg-danger o-hidden h-100">
153 + <div class="card-body">
154 + <div class="card-body-icon">
155 + <i class="fas fa-fw fa-life-ring"></i>
156 + </div>
157 + <div class="mr-5">13 New Tickets!</div>
158 + </div>
159 + <a class="card-footer text-white clearfix small z-1" href="#">
160 + <span class="float-left">View Details</span>
161 + <span class="float-right">
162 + <i class="fas fa-angle-right"></i>
163 + </span>
164 + </a>
165 + </div>
166 + </div>
167 + </div>
168 +
169 + <p class="small text-center text-muted my-5">
170 + <em>More chart examples coming soon...</em>
171 + </p>
172 +
173 + </div>
174 + <!-- /.container-fluid -->
175 +
176 + <!-- Sticky Footer -->
177 + <footer class="sticky-footer">
178 + <div class="container my-auto">
179 + <div class="copyright text-center my-auto">
180 + <span>Copyright © Your Website 2018</span>
181 + </div>
182 + </div>
183 + </footer>
184 +
185 + </div>
186 + <!-- /.content-wrapper -->
187 +
188 + </div>
189 + <!-- /#wrapper -->
190 +
191 + <!-- Scroll to Top Button-->
192 + <a class="scroll-to-top rounded" href="#page-top">
193 + <i class="fas fa-angle-up"></i>
194 + </a>
195 +
196 +
197 +
198 + <!-- Bootstrap core JavaScript-->
199 + <script src="vendor/jquery/jquery.min.js"></script>
200 + <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
201 +
202 + <!-- Core plugin JavaScript-->
203 + <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
204 +
205 + <!-- Page level plugin JavaScript-->
206 + <script src="vendor/chart.js/Chart.min.js"></script>
207 +
208 + <!-- Custom scripts for all pages-->
209 + <script src="js/sb-admin.min.js"></script>
210 +
211 + <!-- Demo scripts for this page-->
212 + <script src="js/demo/chart-area-demo.js"></script>
213 + <script src="js/demo/chart-bar-demo.js"></script>
214 + <script src="js/demo/chart-pie-demo.js"></script>
215 +
216 + </body>
217 +
218 +</html>
1 -<!DOCTYPE html>
2 -<html lang="en">
3 -
4 - <head>
5 -
6 - <meta charset="utf-8">
7 - <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9 - <meta name="description" content="">
10 - <meta name="author" content="">
11 -
12 - <title>SB Admin - Blank Page</title>
13 -
14 - <!-- Bootstrap core CSS-->
15 - <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
16 -
17 - <!-- Custom fonts for this template-->
18 - <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
19 -
20 - <!-- Page level plugin CSS-->
21 - <link href="vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
22 -
23 - <!-- Custom styles for this template-->
24 - <link href="css/sb-admin.css" rel="stylesheet">
25 -
26 - </head>
27 -
28 - <body id="page-top">
29 -
30 - <nav class="navbar navbar-expand navbar-dark bg-dark static-top">
31 -
32 - <a class="navbar-brand mr-1" href="index.html">Start Bootstrap</a>
33 -
34 - <button class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#">
35 - <i class="fas fa-bars"></i>
36 - </button>
37 -
38 - <!-- Navbar Search -->
39 - <form class="d-none d-md-inline-block form-inline ml-auto mr-0 mr-md-3 my-2 my-md-0">
40 - <div class="input-group">
41 - <input type="text" class="form-control" placeholder="Search for..." aria-label="Search" aria-describedby="basic-addon2">
42 - <div class="input-group-append">
43 - <button class="btn btn-primary" type="button">
44 - <i class="fas fa-search"></i>
45 - </button>
46 - </div>
47 - </div>
48 - </form>
49 -
50 - <!-- Navbar -->
51 - <ul class="navbar-nav ml-auto ml-md-0">
52 - <li class="nav-item dropdown no-arrow mx-1">
53 - <a class="nav-link dropdown-toggle" href="#" id="alertsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
54 - <i class="fas fa-bell fa-fw"></i>
55 - <span class="badge badge-danger">9+</span>
56 - </a>
57 - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="alertsDropdown">
58 - <a class="dropdown-item" href="#">Action</a>
59 - <a class="dropdown-item" href="#">Another action</a>
60 - <div class="dropdown-divider"></div>
61 - <a class="dropdown-item" href="#">Something else here</a>
62 - </div>
63 - </li>
64 - <li class="nav-item dropdown no-arrow mx-1">
65 - <a class="nav-link dropdown-toggle" href="#" id="messagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
66 - <i class="fas fa-envelope fa-fw"></i>
67 - <span class="badge badge-danger">7</span>
68 - </a>
69 - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="messagesDropdown">
70 - <a class="dropdown-item" href="#">Action</a>
71 - <a class="dropdown-item" href="#">Another action</a>
72 - <div class="dropdown-divider"></div>
73 - <a class="dropdown-item" href="#">Something else here</a>
74 - </div>
75 - </li>
76 - <li class="nav-item dropdown no-arrow">
77 - <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
78 - <i class="fas fa-user-circle fa-fw"></i>
79 - </a>
80 - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
81 - <a class="dropdown-item" href="#">Settings</a>
82 - <a class="dropdown-item" href="#">Activity Log</a>
83 - <div class="dropdown-divider"></div>
84 - <a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal">Logout</a>
85 - </div>
86 - </li>
87 - </ul>
88 -
89 - </nav>
90 -
91 - <div id="wrapper">
92 -
93 - <!-- Sidebar -->
94 - <ul class="sidebar navbar-nav">
95 - <li class="nav-item">
96 - <a class="nav-link" href="index.html">
97 - <i class="fas fa-fw fa-tachometer-alt"></i>
98 - <span>Dashboard</span>
99 - </a>
100 - </li>
101 - <li class="nav-item dropdown">
102 - <a class="nav-link dropdown-toggle" href="#" id="pagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
103 - <i class="fas fa-fw fa-folder"></i>
104 - <span>Pages</span>
105 - </a>
106 - <div class="dropdown-menu" aria-labelledby="pagesDropdown">
107 - <h6 class="dropdown-header">Login Screens:</h6>
108 - <a class="dropdown-item" href="login.html">Login</a>
109 - <a class="dropdown-item" href="register.html">Register</a>
110 - <a class="dropdown-item" href="forgot-password.html">Forgot Password</a>
111 - <div class="dropdown-divider"></div>
112 - <h6 class="dropdown-header">Other Pages:</h6>
113 - <a class="dropdown-item" href="404.html">404 Page</a>
114 - <a class="dropdown-item active" href="blank.html">Blank Page</a>
115 - </div>
116 - </li>
117 - <li class="nav-item">
118 - <a class="nav-link" href="charts.html">
119 - <i class="fas fa-fw fa-chart-area"></i>
120 - <span>Charts</span></a>
121 - </li>
122 - <li class="nav-item">
123 - <a class="nav-link" href="tables.html">
124 - <i class="fas fa-fw fa-table"></i>
125 - <span>Tables</span></a>
126 - </li>
127 - </ul>
128 -
129 - <div id="content-wrapper">
130 -
131 - <div class="container-fluid">
132 -
133 - <!-- Breadcrumbs-->
134 - <ol class="breadcrumb">
135 - <li class="breadcrumb-item">
136 - <a href="index.html">Dashboard</a>
137 - </li>
138 - <li class="breadcrumb-item active">Blank Page</li>
139 - </ol>
140 -
141 - <!-- Page Content -->
142 - <h1>Blank Page</h1>
143 - <hr>
144 - <p>This is a great starting point for new custom pages.</p>
145 -
146 - </div>
147 - <!-- /.container-fluid -->
148 -
149 - <!-- Sticky Footer -->
150 - <footer class="sticky-footer">
151 - <div class="container my-auto">
152 - <div class="copyright text-center my-auto">
153 - <span>Copyright © Your Website 2018</span>
154 - </div>
155 - </div>
156 - </footer>
157 -
158 - </div>
159 - <!-- /.content-wrapper -->
160 -
161 - </div>
162 - <!-- /#wrapper -->
163 -
164 - <!-- Scroll to Top Button-->
165 - <a class="scroll-to-top rounded" href="#page-top">
166 - <i class="fas fa-angle-up"></i>
167 - </a>
168 -
169 - <!-- Logout Modal-->
170 - <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
171 - <div class="modal-dialog" role="document">
172 - <div class="modal-content">
173 - <div class="modal-header">
174 - <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
175 - <button class="close" type="button" data-dismiss="modal" aria-label="Close">
176 - <span aria-hidden="true">×</span>
177 - </button>
178 - </div>
179 - <div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
180 - <div class="modal-footer">
181 - <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
182 - <a class="btn btn-primary" href="login.html">Logout</a>
183 - </div>
184 - </div>
185 - </div>
186 - </div>
187 -
188 - <!-- Bootstrap core JavaScript-->
189 - <script src="vendor/jquery/jquery.min.js"></script>
190 - <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
191 -
192 - <!-- Core plugin JavaScript-->
193 - <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
194 -
195 - <!-- Custom scripts for all pages-->
196 - <script src="js/sb-admin.min.js"></script>
197 -
198 - </body>
199 -
200 -</html>
1 -<!DOCTYPE html>
2 -<html lang="en">
3 -
4 - <head>
5 -
6 - <meta charset="utf-8">
7 - <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9 - <meta name="description" content="">
10 - <meta name="author" content="">
11 -
12 - <title>SB Admin - Charts</title>
13 -
14 - <!-- Bootstrap core CSS-->
15 - <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
16 -
17 - <!-- Custom fonts for this template-->
18 - <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
19 -
20 - <!-- Page level plugin CSS-->
21 - <link href="vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
22 -
23 - <!-- Custom styles for this template-->
24 - <link href="css/sb-admin.css" rel="stylesheet">
25 -
26 - </head>
27 -
28 - <body id="page-top">
29 -
30 - <nav class="navbar navbar-expand navbar-dark bg-dark static-top">
31 -
32 - <a class="navbar-brand mr-1" href="index.html">Start Bootstrap</a>
33 -
34 - <button class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#">
35 - <i class="fas fa-bars"></i>
36 - </button>
37 -
38 - <!-- Navbar Search -->
39 - <form class="d-none d-md-inline-block form-inline ml-auto mr-0 mr-md-3 my-2 my-md-0">
40 - <div class="input-group">
41 - <input type="text" class="form-control" placeholder="Search for..." aria-label="Search" aria-describedby="basic-addon2">
42 - <div class="input-group-append">
43 - <button class="btn btn-primary" type="button">
44 - <i class="fas fa-search"></i>
45 - </button>
46 - </div>
47 - </div>
48 - </form>
49 -
50 - <!-- Navbar -->
51 - <ul class="navbar-nav ml-auto ml-md-0">
52 - <li class="nav-item dropdown no-arrow mx-1">
53 - <a class="nav-link dropdown-toggle" href="#" id="alertsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
54 - <i class="fas fa-bell fa-fw"></i>
55 - <span class="badge badge-danger">9+</span>
56 - </a>
57 - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="alertsDropdown">
58 - <a class="dropdown-item" href="#">Action</a>
59 - <a class="dropdown-item" href="#">Another action</a>
60 - <div class="dropdown-divider"></div>
61 - <a class="dropdown-item" href="#">Something else here</a>
62 - </div>
63 - </li>
64 - <li class="nav-item dropdown no-arrow mx-1">
65 - <a class="nav-link dropdown-toggle" href="#" id="messagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
66 - <i class="fas fa-envelope fa-fw"></i>
67 - <span class="badge badge-danger">7</span>
68 - </a>
69 - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="messagesDropdown">
70 - <a class="dropdown-item" href="#">Action</a>
71 - <a class="dropdown-item" href="#">Another action</a>
72 - <div class="dropdown-divider"></div>
73 - <a class="dropdown-item" href="#">Something else here</a>
74 - </div>
75 - </li>
76 - <li class="nav-item dropdown no-arrow">
77 - <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
78 - <i class="fas fa-user-circle fa-fw"></i>
79 - </a>
80 - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
81 - <a class="dropdown-item" href="#">Settings</a>
82 - <a class="dropdown-item" href="#">Activity Log</a>
83 - <div class="dropdown-divider"></div>
84 - <a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal">Logout</a>
85 - </div>
86 - </li>
87 - </ul>
88 -
89 - </nav>
90 -
91 - <div id="wrapper">
92 -
93 - <!-- Sidebar -->
94 - <ul class="sidebar navbar-nav">
95 - <li class="nav-item">
96 - <a class="nav-link" href="index.html">
97 - <i class="fas fa-fw fa-tachometer-alt"></i>
98 - <span>Dashboard</span>
99 - </a>
100 - </li>
101 - <li class="nav-item dropdown">
102 - <a class="nav-link dropdown-toggle" href="#" id="pagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
103 - <i class="fas fa-fw fa-folder"></i>
104 - <span>Pages</span>
105 - </a>
106 - <div class="dropdown-menu" aria-labelledby="pagesDropdown">
107 - <h6 class="dropdown-header">Login Screens:</h6>
108 - <a class="dropdown-item" href="login.html">Login</a>
109 - <a class="dropdown-item" href="register.html">Register</a>
110 - <a class="dropdown-item" href="forgot-password.html">Forgot Password</a>
111 - <div class="dropdown-divider"></div>
112 - <h6 class="dropdown-header">Other Pages:</h6>
113 - <a class="dropdown-item" href="404.html">404 Page</a>
114 - <a class="dropdown-item" href="blank.html">Blank Page</a>
115 - </div>
116 - </li>
117 - <li class="nav-item active">
118 - <a class="nav-link" href="charts.html">
119 - <i class="fas fa-fw fa-chart-area"></i>
120 - <span>Charts</span></a>
121 - </li>
122 - <li class="nav-item">
123 - <a class="nav-link" href="tables.html">
124 - <i class="fas fa-fw fa-table"></i>
125 - <span>Tables</span></a>
126 - </li>
127 - </ul>
128 -
129 - <div id="content-wrapper">
130 -
131 - <div class="container-fluid">
132 -
133 - <!-- Breadcrumbs-->
134 - <ol class="breadcrumb">
135 - <li class="breadcrumb-item">
136 - <a href="#">Dashboard</a>
137 - </li>
138 - <li class="breadcrumb-item active">Charts</li>
139 - </ol>
140 -
141 - <!-- Area Chart Example-->
142 - <div class="card mb-3">
143 - <div class="card-header">
144 - <i class="fas fa-chart-area"></i>
145 - Area Chart Example</div>
146 - <div class="card-body">
147 - <canvas id="myAreaChart" width="100%" height="30"></canvas>
148 - </div>
149 - <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
150 - </div>
151 -
152 - <div class="row">
153 - <div class="col-lg-8">
154 - <div class="card mb-3">
155 - <div class="card-header">
156 - <i class="fas fa-chart-bar"></i>
157 - Bar Chart Example</div>
158 - <div class="card-body">
159 - <canvas id="myBarChart" width="100%" height="50"></canvas>
160 - </div>
161 - <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
162 - </div>
163 - </div>
164 - <div class="col-lg-4">
165 - <div class="card mb-3">
166 - <div class="card-header">
167 - <i class="fas fa-chart-pie"></i>
168 - Pie Chart Example</div>
169 - <div class="card-body">
170 - <canvas id="myPieChart" width="100%" height="100"></canvas>
171 - </div>
172 - <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
173 - </div>
174 - </div>
175 - </div>
176 -
177 - <p class="small text-center text-muted my-5">
178 - <em>More chart examples coming soon...</em>
179 - </p>
180 -
181 - </div>
182 - <!-- /.container-fluid -->
183 -
184 - <!-- Sticky Footer -->
185 - <footer class="sticky-footer">
186 - <div class="container my-auto">
187 - <div class="copyright text-center my-auto">
188 - <span>Copyright © Your Website 2018</span>
189 - </div>
190 - </div>
191 - </footer>
192 -
193 - </div>
194 - <!-- /.content-wrapper -->
195 -
196 - </div>
197 - <!-- /#wrapper -->
198 -
199 - <!-- Scroll to Top Button-->
200 - <a class="scroll-to-top rounded" href="#page-top">
201 - <i class="fas fa-angle-up"></i>
202 - </a>
203 -
204 - <!-- Logout Modal-->
205 - <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
206 - <div class="modal-dialog" role="document">
207 - <div class="modal-content">
208 - <div class="modal-header">
209 - <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
210 - <button class="close" type="button" data-dismiss="modal" aria-label="Close">
211 - <span aria-hidden="true">×</span>
212 - </button>
213 - </div>
214 - <div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
215 - <div class="modal-footer">
216 - <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
217 - <a class="btn btn-primary" href="login.html">Logout</a>
218 - </div>
219 - </div>
220 - </div>
221 - </div>
222 -
223 - <!-- Bootstrap core JavaScript-->
224 - <script src="vendor/jquery/jquery.min.js"></script>
225 - <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
226 -
227 - <!-- Core plugin JavaScript-->
228 - <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
229 -
230 - <!-- Page level plugin JavaScript-->
231 - <script src="vendor/chart.js/Chart.min.js"></script>
232 -
233 - <!-- Custom scripts for all pages-->
234 - <script src="js/sb-admin.min.js"></script>
235 -
236 - <!-- Demo scripts for this page-->
237 - <script src="js/demo/chart-area-demo.js"></script>
238 - <script src="js/demo/chart-bar-demo.js"></script>
239 - <script src="js/demo/chart-pie-demo.js"></script>
240 -
241 - </body>
242 -
243 -</html>
1 -<!DOCTYPE html>
2 -<html lang="en">
3 -
4 - <head>
5 -
6 - <meta charset="utf-8">
7 - <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9 - <meta name="description" content="">
10 - <meta name="author" content="">
11 -
12 - <title>SB Admin - Forgot Password</title>
13 -
14 - <!-- Bootstrap core CSS-->
15 - <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
16 -
17 - <!-- Custom fonts for this template-->
18 - <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
19 -
20 - <!-- Custom styles for this template-->
21 - <link href="css/sb-admin.css" rel="stylesheet">
22 -
23 - </head>
24 -
25 - <body class="bg-dark">
26 -
27 - <div class="container">
28 - <div class="card card-login mx-auto mt-5">
29 - <div class="card-header">Reset Password</div>
30 - <div class="card-body">
31 - <div class="text-center mb-4">
32 - <h4>Forgot your password?</h4>
33 - <p>Enter your email address and we will send you instructions on how to reset your password.</p>
34 - </div>
35 - <form>
36 - <div class="form-group">
37 - <div class="form-label-group">
38 - <input type="email" id="inputEmail" class="form-control" placeholder="Enter email address" required="required" autofocus="autofocus">
39 - <label for="inputEmail">Enter email address</label>
40 - </div>
41 - </div>
42 - <a class="btn btn-primary btn-block" href="login.html">Reset Password</a>
43 - </form>
44 - <div class="text-center">
45 - <a class="d-block small mt-3" href="register.html">Register an Account</a>
46 - <a class="d-block small" href="login.html">Login Page</a>
47 - </div>
48 - </div>
49 - </div>
50 - </div>
51 -
52 - <!-- Bootstrap core JavaScript-->
53 - <script src="vendor/jquery/jquery.min.js"></script>
54 - <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
55 -
56 - <!-- Core plugin JavaScript-->
57 - <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
58 -
59 - </body>
60 -
61 -</html>
...@@ -64,36 +64,36 @@ ...@@ -64,36 +64,36 @@
64 </a> 64 </a>
65 </li> 65 </li>
66 66
67 - <li class="nav-item active"> 67 + <li class="nav-item">
68 - <a class="nav-link" href="index.html"> 68 + <a class="nav-link" href="Foods.html">
69 <i class="fas fa-utensils" area-hidden ="true"></i> 69 <i class="fas fa-utensils" area-hidden ="true"></i>
70 <span>Foods</span> 70 <span>Foods</span>
71 </a> 71 </a>
72 </li> 72 </li>
73 73
74 - <li class="nav-item active"> 74 + <li class="nav-item">
75 - <a class="nav-link" href="index.html"> 75 + <a class="nav-link" href="Entertainment.html">
76 <i class="fas fa-gamepad"></i> 76 <i class="fas fa-gamepad"></i>
77 - <span>Enterainment</span> 77 + <span>Entertainment</span>
78 </a> 78 </a>
79 </li> 79 </li>
80 80
81 - <li class="nav-item active"> 81 + <li class="nav-item">
82 - <a class="nav-link" href="index.html"> 82 + <a class="nav-link" href="Rooms.html">
83 <i class="fas fa-bed"></i> 83 <i class="fas fa-bed"></i>
84 <span>Rooms</span> 84 <span>Rooms</span>
85 </a> 85 </a>
86 </li> 86 </li>
87 87
88 - <li class="nav-item active"> 88 + <li class="nav-item">
89 - <a class="nav-link" href="index.html"> 89 + <a class="nav-link" href="Favorite.html">
90 <i class="fas fa-heart"></i> 90 <i class="fas fa-heart"></i>
91 <span>Favorite</span> 91 <span>Favorite</span>
92 </a> 92 </a>
93 </li> 93 </li>
94 94
95 - <li class="nav-item active"> 95 + <li class="nav-item">
96 - <a class="nav-link" href="index.html"> 96 + <a class="nav-link" href="Settings.html">
97 <i class="fas fa-cog"></i> 97 <i class="fas fa-cog"></i>
98 <span>Settings</span> 98 <span>Settings</span>
99 </a> 99 </a>
......
1 -<!DOCTYPE html>
2 -<html lang="en">
3 -
4 - <head>
5 -
6 - <meta charset="utf-8">
7 - <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9 - <meta name="description" content="">
10 - <meta name="author" content="">
11 -
12 - <title>SB Admin - Login</title>
13 -
14 - <!-- Bootstrap core CSS-->
15 - <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
16 -
17 - <!-- Custom fonts for this template-->
18 - <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
19 -
20 - <!-- Custom styles for this template-->
21 - <link href="css/sb-admin.css" rel="stylesheet">
22 -
23 - </head>
24 -
25 - <body class="bg-dark">
26 -
27 - <div class="container">
28 - <div class="card card-login mx-auto mt-5">
29 - <div class="card-header">Login</div>
30 - <div class="card-body">
31 - <form>
32 - <div class="form-group">
33 - <div class="form-label-group">
34 - <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required="required" autofocus="autofocus">
35 - <label for="inputEmail">Email address</label>
36 - </div>
37 - </div>
38 - <div class="form-group">
39 - <div class="form-label-group">
40 - <input type="password" id="inputPassword" class="form-control" placeholder="Password" required="required">
41 - <label for="inputPassword">Password</label>
42 - </div>
43 - </div>
44 - <div class="form-group">
45 - <div class="checkbox">
46 - <label>
47 - <input type="checkbox" value="remember-me">
48 - Remember Password
49 - </label>
50 - </div>
51 - </div>
52 - <a class="btn btn-primary btn-block" href="index.html">Login</a>
53 - </form>
54 - <div class="text-center">
55 - <a class="d-block small mt-3" href="register.html">Register an Account</a>
56 - <a class="d-block small" href="forgot-password.html">Forgot Password?</a>
57 - </div>
58 - </div>
59 - </div>
60 - </div>
61 -
62 - <!-- Bootstrap core JavaScript-->
63 - <script src="vendor/jquery/jquery.min.js"></script>
64 - <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
65 -
66 - <!-- Core plugin JavaScript-->
67 - <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
68 -
69 - </body>
70 -
71 -</html>
1 -<!DOCTYPE html>
2 -<html lang="en">
3 -
4 - <head>
5 -
6 - <meta charset="utf-8">
7 - <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9 - <meta name="description" content="">
10 - <meta name="author" content="">
11 -
12 - <title>SB Admin - Register</title>
13 -
14 - <!-- Bootstrap core CSS-->
15 - <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
16 -
17 - <!-- Custom fonts for this template-->
18 - <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
19 -
20 - <!-- Custom styles for this template-->
21 - <link href="css/sb-admin.css" rel="stylesheet">
22 -
23 - </head>
24 -
25 - <body class="bg-dark">
26 -
27 - <div class="container">
28 - <div class="card card-register mx-auto mt-5">
29 - <div class="card-header">Register an Account</div>
30 - <div class="card-body">
31 - <form>
32 - <div class="form-group">
33 - <div class="form-row">
34 - <div class="col-md-6">
35 - <div class="form-label-group">
36 - <input type="text" id="firstName" class="form-control" placeholder="First name" required="required" autofocus="autofocus">
37 - <label for="firstName">First name</label>
38 - </div>
39 - </div>
40 - <div class="col-md-6">
41 - <div class="form-label-group">
42 - <input type="text" id="lastName" class="form-control" placeholder="Last name" required="required">
43 - <label for="lastName">Last name</label>
44 - </div>
45 - </div>
46 - </div>
47 - </div>
48 - <div class="form-group">
49 - <div class="form-label-group">
50 - <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required="required">
51 - <label for="inputEmail">Email address</label>
52 - </div>
53 - </div>
54 - <div class="form-group">
55 - <div class="form-row">
56 - <div class="col-md-6">
57 - <div class="form-label-group">
58 - <input type="password" id="inputPassword" class="form-control" placeholder="Password" required="required">
59 - <label for="inputPassword">Password</label>
60 - </div>
61 - </div>
62 - <div class="col-md-6">
63 - <div class="form-label-group">
64 - <input type="password" id="confirmPassword" class="form-control" placeholder="Confirm password" required="required">
65 - <label for="confirmPassword">Confirm password</label>
66 - </div>
67 - </div>
68 - </div>
69 - </div>
70 - <a class="btn btn-primary btn-block" href="login.html">Register</a>
71 - </form>
72 - <div class="text-center">
73 - <a class="d-block small mt-3" href="login.html">Login Page</a>
74 - <a class="d-block small" href="forgot-password.html">Forgot Password?</a>
75 - </div>
76 - </div>
77 - </div>
78 - </div>
79 -
80 - <!-- Bootstrap core JavaScript-->
81 - <script src="vendor/jquery/jquery.min.js"></script>
82 - <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
83 -
84 - <!-- Core plugin JavaScript-->
85 - <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
86 -
87 - </body>
88 -
89 -</html>
1 -<!DOCTYPE html>
2 -<html lang="en">
3 -
4 - <head>
5 -
6 - <meta charset="utf-8">
7 - <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 - <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9 - <meta name="description" content="">
10 - <meta name="author" content="">
11 -
12 - <title>SB Admin - Tables</title>
13 -
14 - <!-- Bootstrap core CSS-->
15 - <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
16 -
17 - <!-- Custom fonts for this template-->
18 - <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
19 -
20 - <!-- Page level plugin CSS-->
21 - <link href="vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
22 -
23 - <!-- Custom styles for this template-->
24 - <link href="css/sb-admin.css" rel="stylesheet">
25 -
26 - </head>
27 -
28 - <body id="page-top">
29 -
30 - <nav class="navbar navbar-expand navbar-dark bg-dark static-top">
31 -
32 - <a class="navbar-brand mr-1" href="index.html">Start Bootstrap</a>
33 -
34 - <button class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#">
35 - <i class="fas fa-bars"></i>
36 - </button>
37 -
38 - <!-- Navbar Search -->
39 - <form class="d-none d-md-inline-block form-inline ml-auto mr-0 mr-md-3 my-2 my-md-0">
40 - <div class="input-group">
41 - <input type="text" class="form-control" placeholder="Search for..." aria-label="Search" aria-describedby="basic-addon2">
42 - <div class="input-group-append">
43 - <button class="btn btn-primary" type="button">
44 - <i class="fas fa-search"></i>
45 - </button>
46 - </div>
47 - </div>
48 - </form>
49 -
50 - <!-- Navbar -->
51 - <ul class="navbar-nav ml-auto ml-md-0">
52 - <li class="nav-item dropdown no-arrow mx-1">
53 - <a class="nav-link dropdown-toggle" href="#" id="alertsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
54 - <i class="fas fa-bell fa-fw"></i>
55 - <span class="badge badge-danger">9+</span>
56 - </a>
57 - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="alertsDropdown">
58 - <a class="dropdown-item" href="#">Action</a>
59 - <a class="dropdown-item" href="#">Another action</a>
60 - <div class="dropdown-divider"></div>
61 - <a class="dropdown-item" href="#">Something else here</a>
62 - </div>
63 - </li>
64 - <li class="nav-item dropdown no-arrow mx-1">
65 - <a class="nav-link dropdown-toggle" href="#" id="messagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
66 - <i class="fas fa-envelope fa-fw"></i>
67 - <span class="badge badge-danger">7</span>
68 - </a>
69 - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="messagesDropdown">
70 - <a class="dropdown-item" href="#">Action</a>
71 - <a class="dropdown-item" href="#">Another action</a>
72 - <div class="dropdown-divider"></div>
73 - <a class="dropdown-item" href="#">Something else here</a>
74 - </div>
75 - </li>
76 - <li class="nav-item dropdown no-arrow">
77 - <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
78 - <i class="fas fa-user-circle fa-fw"></i>
79 - </a>
80 - <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
81 - <a class="dropdown-item" href="#">Settings</a>
82 - <a class="dropdown-item" href="#">Activity Log</a>
83 - <div class="dropdown-divider"></div>
84 - <a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal">Logout</a>
85 - </div>
86 - </li>
87 - </ul>
88 -
89 - </nav>
90 -
91 - <div id="wrapper">
92 -
93 - <!-- Sidebar -->
94 - <ul class="sidebar navbar-nav">
95 - <li class="nav-item">
96 - <a class="nav-link" href="index.html">
97 - <i class="fas fa-fw fa-tachometer-alt"></i>
98 - <span>Dashboard</span>
99 - </a>
100 - </li>
101 - <li class="nav-item dropdown">
102 - <a class="nav-link dropdown-toggle" href="#" id="pagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
103 - <i class="fas fa-fw fa-folder"></i>
104 - <span>Pages</span>
105 - </a>
106 - <div class="dropdown-menu" aria-labelledby="pagesDropdown">
107 - <h6 class="dropdown-header">Login Screens:</h6>
108 - <a class="dropdown-item" href="login.html">Login</a>
109 - <a class="dropdown-item" href="register.html">Register</a>
110 - <a class="dropdown-item" href="forgot-password.html">Forgot Password</a>
111 - <div class="dropdown-divider"></div>
112 - <h6 class="dropdown-header">Other Pages:</h6>
113 - <a class="dropdown-item" href="404.html">404 Page</a>
114 - <a class="dropdown-item" href="blank.html">Blank Page</a>
115 - </div>
116 - </li>
117 - <li class="nav-item">
118 - <a class="nav-link" href="charts.html">
119 - <i class="fas fa-fw fa-chart-area"></i>
120 - <span>Charts</span></a>
121 - </li>
122 - <li class="nav-item active">
123 - <a class="nav-link" href="tables.html">
124 - <i class="fas fa-fw fa-table"></i>
125 - <span>Tables</span></a>
126 - </li>
127 - </ul>
128 -
129 - <div id="content-wrapper">
130 -
131 - <div class="container-fluid">
132 -
133 - <!-- Breadcrumbs-->
134 - <ol class="breadcrumb">
135 - <li class="breadcrumb-item">
136 - <a href="#">Dashboard</a>
137 - </li>
138 - <li class="breadcrumb-item active">Tables</li>
139 - </ol>
140 -
141 - <!-- DataTables Example -->
142 - <div class="card mb-3">
143 - <div class="card-header">
144 - <i class="fas fa-table"></i>
145 - Data Table Example</div>
146 - <div class="card-body">
147 - <div class="table-responsive">
148 - <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
149 - <thead>
150 - <tr>
151 - <th>Name</th>
152 - <th>Position</th>
153 - <th>Office</th>
154 - <th>Age</th>
155 - <th>Start date</th>
156 - <th>Salary</th>
157 - </tr>
158 - </thead>
159 - <tfoot>
160 - <tr>
161 - <th>Name</th>
162 - <th>Position</th>
163 - <th>Office</th>
164 - <th>Age</th>
165 - <th>Start date</th>
166 - <th>Salary</th>
167 - </tr>
168 - </tfoot>
169 - <tbody>
170 - <tr>
171 - <td>Tiger Nixon</td>
172 - <td>System Architect</td>
173 - <td>Edinburgh</td>
174 - <td>61</td>
175 - <td>2011/04/25</td>
176 - <td>$320,800</td>
177 - </tr>
178 - <tr>
179 - <td>Garrett Winters</td>
180 - <td>Accountant</td>
181 - <td>Tokyo</td>
182 - <td>63</td>
183 - <td>2011/07/25</td>
184 - <td>$170,750</td>
185 - </tr>
186 - <tr>
187 - <td>Ashton Cox</td>
188 - <td>Junior Technical Author</td>
189 - <td>San Francisco</td>
190 - <td>66</td>
191 - <td>2009/01/12</td>
192 - <td>$86,000</td>
193 - </tr>
194 - <tr>
195 - <td>Cedric Kelly</td>
196 - <td>Senior Javascript Developer</td>
197 - <td>Edinburgh</td>
198 - <td>22</td>
199 - <td>2012/03/29</td>
200 - <td>$433,060</td>
201 - </tr>
202 - <tr>
203 - <td>Airi Satou</td>
204 - <td>Accountant</td>
205 - <td>Tokyo</td>
206 - <td>33</td>
207 - <td>2008/11/28</td>
208 - <td>$162,700</td>
209 - </tr>
210 - <tr>
211 - <td>Brielle Williamson</td>
212 - <td>Integration Specialist</td>
213 - <td>New York</td>
214 - <td>61</td>
215 - <td>2012/12/02</td>
216 - <td>$372,000</td>
217 - </tr>
218 - <tr>
219 - <td>Herrod Chandler</td>
220 - <td>Sales Assistant</td>
221 - <td>San Francisco</td>
222 - <td>59</td>
223 - <td>2012/08/06</td>
224 - <td>$137,500</td>
225 - </tr>
226 - <tr>
227 - <td>Rhona Davidson</td>
228 - <td>Integration Specialist</td>
229 - <td>Tokyo</td>
230 - <td>55</td>
231 - <td>2010/10/14</td>
232 - <td>$327,900</td>
233 - </tr>
234 - <tr>
235 - <td>Colleen Hurst</td>
236 - <td>Javascript Developer</td>
237 - <td>San Francisco</td>
238 - <td>39</td>
239 - <td>2009/09/15</td>
240 - <td>$205,500</td>
241 - </tr>
242 - <tr>
243 - <td>Sonya Frost</td>
244 - <td>Software Engineer</td>
245 - <td>Edinburgh</td>
246 - <td>23</td>
247 - <td>2008/12/13</td>
248 - <td>$103,600</td>
249 - </tr>
250 - <tr>
251 - <td>Jena Gaines</td>
252 - <td>Office Manager</td>
253 - <td>London</td>
254 - <td>30</td>
255 - <td>2008/12/19</td>
256 - <td>$90,560</td>
257 - </tr>
258 - <tr>
259 - <td>Quinn Flynn</td>
260 - <td>Support Lead</td>
261 - <td>Edinburgh</td>
262 - <td>22</td>
263 - <td>2013/03/03</td>
264 - <td>$342,000</td>
265 - </tr>
266 - <tr>
267 - <td>Charde Marshall</td>
268 - <td>Regional Director</td>
269 - <td>San Francisco</td>
270 - <td>36</td>
271 - <td>2008/10/16</td>
272 - <td>$470,600</td>
273 - </tr>
274 - <tr>
275 - <td>Haley Kennedy</td>
276 - <td>Senior Marketing Designer</td>
277 - <td>London</td>
278 - <td>43</td>
279 - <td>2012/12/18</td>
280 - <td>$313,500</td>
281 - </tr>
282 - <tr>
283 - <td>Tatyana Fitzpatrick</td>
284 - <td>Regional Director</td>
285 - <td>London</td>
286 - <td>19</td>
287 - <td>2010/03/17</td>
288 - <td>$385,750</td>
289 - </tr>
290 - <tr>
291 - <td>Michael Silva</td>
292 - <td>Marketing Designer</td>
293 - <td>London</td>
294 - <td>66</td>
295 - <td>2012/11/27</td>
296 - <td>$198,500</td>
297 - </tr>
298 - <tr>
299 - <td>Paul Byrd</td>
300 - <td>Chief Financial Officer (CFO)</td>
301 - <td>New York</td>
302 - <td>64</td>
303 - <td>2010/06/09</td>
304 - <td>$725,000</td>
305 - </tr>
306 - <tr>
307 - <td>Gloria Little</td>
308 - <td>Systems Administrator</td>
309 - <td>New York</td>
310 - <td>59</td>
311 - <td>2009/04/10</td>
312 - <td>$237,500</td>
313 - </tr>
314 - <tr>
315 - <td>Bradley Greer</td>
316 - <td>Software Engineer</td>
317 - <td>London</td>
318 - <td>41</td>
319 - <td>2012/10/13</td>
320 - <td>$132,000</td>
321 - </tr>
322 - <tr>
323 - <td>Dai Rios</td>
324 - <td>Personnel Lead</td>
325 - <td>Edinburgh</td>
326 - <td>35</td>
327 - <td>2012/09/26</td>
328 - <td>$217,500</td>
329 - </tr>
330 - <tr>
331 - <td>Jenette Caldwell</td>
332 - <td>Development Lead</td>
333 - <td>New York</td>
334 - <td>30</td>
335 - <td>2011/09/03</td>
336 - <td>$345,000</td>
337 - </tr>
338 - <tr>
339 - <td>Yuri Berry</td>
340 - <td>Chief Marketing Officer (CMO)</td>
341 - <td>New York</td>
342 - <td>40</td>
343 - <td>2009/06/25</td>
344 - <td>$675,000</td>
345 - </tr>
346 - <tr>
347 - <td>Caesar Vance</td>
348 - <td>Pre-Sales Support</td>
349 - <td>New York</td>
350 - <td>21</td>
351 - <td>2011/12/12</td>
352 - <td>$106,450</td>
353 - </tr>
354 - <tr>
355 - <td>Doris Wilder</td>
356 - <td>Sales Assistant</td>
357 - <td>Sidney</td>
358 - <td>23</td>
359 - <td>2010/09/20</td>
360 - <td>$85,600</td>
361 - </tr>
362 - <tr>
363 - <td>Angelica Ramos</td>
364 - <td>Chief Executive Officer (CEO)</td>
365 - <td>London</td>
366 - <td>47</td>
367 - <td>2009/10/09</td>
368 - <td>$1,200,000</td>
369 - </tr>
370 - <tr>
371 - <td>Gavin Joyce</td>
372 - <td>Developer</td>
373 - <td>Edinburgh</td>
374 - <td>42</td>
375 - <td>2010/12/22</td>
376 - <td>$92,575</td>
377 - </tr>
378 - <tr>
379 - <td>Jennifer Chang</td>
380 - <td>Regional Director</td>
381 - <td>Singapore</td>
382 - <td>28</td>
383 - <td>2010/11/14</td>
384 - <td>$357,650</td>
385 - </tr>
386 - <tr>
387 - <td>Brenden Wagner</td>
388 - <td>Software Engineer</td>
389 - <td>San Francisco</td>
390 - <td>28</td>
391 - <td>2011/06/07</td>
392 - <td>$206,850</td>
393 - </tr>
394 - <tr>
395 - <td>Fiona Green</td>
396 - <td>Chief Operating Officer (COO)</td>
397 - <td>San Francisco</td>
398 - <td>48</td>
399 - <td>2010/03/11</td>
400 - <td>$850,000</td>
401 - </tr>
402 - <tr>
403 - <td>Shou Itou</td>
404 - <td>Regional Marketing</td>
405 - <td>Tokyo</td>
406 - <td>20</td>
407 - <td>2011/08/14</td>
408 - <td>$163,000</td>
409 - </tr>
410 - <tr>
411 - <td>Michelle House</td>
412 - <td>Integration Specialist</td>
413 - <td>Sidney</td>
414 - <td>37</td>
415 - <td>2011/06/02</td>
416 - <td>$95,400</td>
417 - </tr>
418 - <tr>
419 - <td>Suki Burks</td>
420 - <td>Developer</td>
421 - <td>London</td>
422 - <td>53</td>
423 - <td>2009/10/22</td>
424 - <td>$114,500</td>
425 - </tr>
426 - <tr>
427 - <td>Prescott Bartlett</td>
428 - <td>Technical Author</td>
429 - <td>London</td>
430 - <td>27</td>
431 - <td>2011/05/07</td>
432 - <td>$145,000</td>
433 - </tr>
434 - <tr>
435 - <td>Gavin Cortez</td>
436 - <td>Team Leader</td>
437 - <td>San Francisco</td>
438 - <td>22</td>
439 - <td>2008/10/26</td>
440 - <td>$235,500</td>
441 - </tr>
442 - <tr>
443 - <td>Martena Mccray</td>
444 - <td>Post-Sales support</td>
445 - <td>Edinburgh</td>
446 - <td>46</td>
447 - <td>2011/03/09</td>
448 - <td>$324,050</td>
449 - </tr>
450 - <tr>
451 - <td>Unity Butler</td>
452 - <td>Marketing Designer</td>
453 - <td>San Francisco</td>
454 - <td>47</td>
455 - <td>2009/12/09</td>
456 - <td>$85,675</td>
457 - </tr>
458 - <tr>
459 - <td>Howard Hatfield</td>
460 - <td>Office Manager</td>
461 - <td>San Francisco</td>
462 - <td>51</td>
463 - <td>2008/12/16</td>
464 - <td>$164,500</td>
465 - </tr>
466 - <tr>
467 - <td>Hope Fuentes</td>
468 - <td>Secretary</td>
469 - <td>San Francisco</td>
470 - <td>41</td>
471 - <td>2010/02/12</td>
472 - <td>$109,850</td>
473 - </tr>
474 - <tr>
475 - <td>Vivian Harrell</td>
476 - <td>Financial Controller</td>
477 - <td>San Francisco</td>
478 - <td>62</td>
479 - <td>2009/02/14</td>
480 - <td>$452,500</td>
481 - </tr>
482 - <tr>
483 - <td>Timothy Mooney</td>
484 - <td>Office Manager</td>
485 - <td>London</td>
486 - <td>37</td>
487 - <td>2008/12/11</td>
488 - <td>$136,200</td>
489 - </tr>
490 - <tr>
491 - <td>Jackson Bradshaw</td>
492 - <td>Director</td>
493 - <td>New York</td>
494 - <td>65</td>
495 - <td>2008/09/26</td>
496 - <td>$645,750</td>
497 - </tr>
498 - <tr>
499 - <td>Olivia Liang</td>
500 - <td>Support Engineer</td>
501 - <td>Singapore</td>
502 - <td>64</td>
503 - <td>2011/02/03</td>
504 - <td>$234,500</td>
505 - </tr>
506 - <tr>
507 - <td>Bruno Nash</td>
508 - <td>Software Engineer</td>
509 - <td>London</td>
510 - <td>38</td>
511 - <td>2011/05/03</td>
512 - <td>$163,500</td>
513 - </tr>
514 - <tr>
515 - <td>Sakura Yamamoto</td>
516 - <td>Support Engineer</td>
517 - <td>Tokyo</td>
518 - <td>37</td>
519 - <td>2009/08/19</td>
520 - <td>$139,575</td>
521 - </tr>
522 - <tr>
523 - <td>Thor Walton</td>
524 - <td>Developer</td>
525 - <td>New York</td>
526 - <td>61</td>
527 - <td>2013/08/11</td>
528 - <td>$98,540</td>
529 - </tr>
530 - <tr>
531 - <td>Finn Camacho</td>
532 - <td>Support Engineer</td>
533 - <td>San Francisco</td>
534 - <td>47</td>
535 - <td>2009/07/07</td>
536 - <td>$87,500</td>
537 - </tr>
538 - <tr>
539 - <td>Serge Baldwin</td>
540 - <td>Data Coordinator</td>
541 - <td>Singapore</td>
542 - <td>64</td>
543 - <td>2012/04/09</td>
544 - <td>$138,575</td>
545 - </tr>
546 - <tr>
547 - <td>Zenaida Frank</td>
548 - <td>Software Engineer</td>
549 - <td>New York</td>
550 - <td>63</td>
551 - <td>2010/01/04</td>
552 - <td>$125,250</td>
553 - </tr>
554 - <tr>
555 - <td>Zorita Serrano</td>
556 - <td>Software Engineer</td>
557 - <td>San Francisco</td>
558 - <td>56</td>
559 - <td>2012/06/01</td>
560 - <td>$115,000</td>
561 - </tr>
562 - <tr>
563 - <td>Jennifer Acosta</td>
564 - <td>Junior Javascript Developer</td>
565 - <td>Edinburgh</td>
566 - <td>43</td>
567 - <td>2013/02/01</td>
568 - <td>$75,650</td>
569 - </tr>
570 - <tr>
571 - <td>Cara Stevens</td>
572 - <td>Sales Assistant</td>
573 - <td>New York</td>
574 - <td>46</td>
575 - <td>2011/12/06</td>
576 - <td>$145,600</td>
577 - </tr>
578 - <tr>
579 - <td>Hermione Butler</td>
580 - <td>Regional Director</td>
581 - <td>London</td>
582 - <td>47</td>
583 - <td>2011/03/21</td>
584 - <td>$356,250</td>
585 - </tr>
586 - <tr>
587 - <td>Lael Greer</td>
588 - <td>Systems Administrator</td>
589 - <td>London</td>
590 - <td>21</td>
591 - <td>2009/02/27</td>
592 - <td>$103,500</td>
593 - </tr>
594 - <tr>
595 - <td>Jonas Alexander</td>
596 - <td>Developer</td>
597 - <td>San Francisco</td>
598 - <td>30</td>
599 - <td>2010/07/14</td>
600 - <td>$86,500</td>
601 - </tr>
602 - <tr>
603 - <td>Shad Decker</td>
604 - <td>Regional Director</td>
605 - <td>Edinburgh</td>
606 - <td>51</td>
607 - <td>2008/11/13</td>
608 - <td>$183,000</td>
609 - </tr>
610 - <tr>
611 - <td>Michael Bruce</td>
612 - <td>Javascript Developer</td>
613 - <td>Singapore</td>
614 - <td>29</td>
615 - <td>2011/06/27</td>
616 - <td>$183,000</td>
617 - </tr>
618 - <tr>
619 - <td>Donna Snider</td>
620 - <td>Customer Support</td>
621 - <td>New York</td>
622 - <td>27</td>
623 - <td>2011/01/25</td>
624 - <td>$112,000</td>
625 - </tr>
626 - </tbody>
627 - </table>
628 - </div>
629 - </div>
630 - <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
631 - </div>
632 -
633 - <p class="small text-center text-muted my-5">
634 - <em>More table examples coming soon...</em>
635 - </p>
636 -
637 - </div>
638 - <!-- /.container-fluid -->
639 -
640 - <!-- Sticky Footer -->
641 - <footer class="sticky-footer">
642 - <div class="container my-auto">
643 - <div class="copyright text-center my-auto">
644 - <span>Copyright © Your Website 2018</span>
645 - </div>
646 - </div>
647 - </footer>
648 -
649 - </div>
650 - <!-- /.content-wrapper -->
651 -
652 - </div>
653 - <!-- /#wrapper -->
654 -
655 - <!-- Scroll to Top Button-->
656 - <a class="scroll-to-top rounded" href="#page-top">
657 - <i class="fas fa-angle-up"></i>
658 - </a>
659 -
660 - <!-- Logout Modal-->
661 - <div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
662 - <div class="modal-dialog" role="document">
663 - <div class="modal-content">
664 - <div class="modal-header">
665 - <h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
666 - <button class="close" type="button" data-dismiss="modal" aria-label="Close">
667 - <span aria-hidden="true">×</span>
668 - </button>
669 - </div>
670 - <div class="modal-body">Select "Logout" below if you are ready to end your current session.</div>
671 - <div class="modal-footer">
672 - <button class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</button>
673 - <a class="btn btn-primary" href="login.html">Logout</a>
674 - </div>
675 - </div>
676 - </div>
677 - </div>
678 -
679 - <!-- Bootstrap core JavaScript-->
680 - <script src="vendor/jquery/jquery.min.js"></script>
681 - <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
682 -
683 - <!-- Core plugin JavaScript-->
684 - <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
685 -
686 - <!-- Page level plugin JavaScript-->
687 - <script src="vendor/datatables/jquery.dataTables.js"></script>
688 - <script src="vendor/datatables/dataTables.bootstrap4.js"></script>
689 -
690 - <!-- Custom scripts for all pages-->
691 - <script src="js/sb-admin.min.js"></script>
692 -
693 - <!-- Demo scripts for this page-->
694 - <script src="js/demo/datatables-demo.js"></script>
695 -
696 - </body>
697 -
698 -</html>