김동훈 / OpenSource_Project

Go to a project
Toggle navigation Toggle navigation pinning
김다솜
27eeedf6 2 parents a08e5daa 0a65bca7

Merge branch 'WebFront' into 'master' 

Web front

Modfiy webpage and add google map

See merge request !3
Inline Side-by-side
Showing 2 changed files with 104 additions and 671 deletions
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
29 function initMap() { 29 function initMap() {
30 map = new google.maps.Map(document.getElementById('map'), { 30 map = new google.maps.Map(document.getElementById('map'), {
31 center: {lat: -34.397, lng: 150.644}, 31 center: {lat: -34.397, lng: 150.644},
32 - zoom: 6 32 + zoom: 15
33 }); 33 });
34 infoWindow = new google.maps.InfoWindow; 34 infoWindow = new google.maps.InfoWindow;
35 35
......
...@@ -9,8 +9,22 @@ ...@@ -9,8 +9,22 @@
9 <meta name="description" content=""> 9 <meta name="description" content="">
10 <meta name="author" content=""> 10 <meta name="author" content="">
11 11
12 - <title>SB Admin - Dashboard</title> 12 + <title>저기어때</title>
13 - 13 +
14 + <style>
15 + /* Always set the map height explicitly to define the size of the div
16 + * element that contains the map. */
17 + #map {
18 + height: 100%;
19 + }
20 + /* Optional: Makes the sample page fill the window. */
21 + html, body {
22 + height: 100%;
23 + margin: 0;
24 + padding: 0;
25 + }
26 + </style>
27 +
14 <!-- Bootstrap core CSS--> 28 <!-- Bootstrap core CSS-->
15 <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 29 <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
16 30
...@@ -29,692 +43,114 @@ ...@@ -29,692 +43,114 @@
29 43
30 <nav class="navbar navbar-expand navbar-dark bg-dark static-top"> 44 <nav class="navbar navbar-expand navbar-dark bg-dark static-top">
31 45
32 - <a class="navbar-brand mr-1" href="index.html">Start Bootstrap</a> 46 + <a class="navbar-brand mr-1" href="index.html">저기어때</a>
33 47
34 <button class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#"> 48 <button class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#">
35 <i class="fas fa-bars"></i> 49 <i class="fas fa-bars"></i>
36 </button> 50 </button>
37 51
38 - <!-- Navbar Search --> 52 +
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> 53 </nav>
90 54
91 <div id="wrapper"> 55 <div id="wrapper">
92 56
93 <!-- Sidebar --> 57 <!-- Sidebar -->
94 <ul class="sidebar navbar-nav"> 58 <ul class="sidebar navbar-nav">
95 - <li class="nav-item active"> 59 +
60 + <li class="nav-item active">
96 <a class="nav-link" href="index.html"> 61 <a class="nav-link" href="index.html">
97 - <i class="fas fa-fw fa-tachometer-alt"></i> 62 + <i class="fas fa-map-marker"></i>
98 - <span>Dashboard</span> 63 + <span>Map</span>
99 </a> 64 </a>
100 </li> 65 </li>
101 - <li class="nav-item dropdown"> 66 +
102 - <a class="nav-link dropdown-toggle" href="#" id="pagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 67 + <li class="nav-item active">
103 - <i class="fas fa-fw fa-folder"></i> 68 + <a class="nav-link" href="index.html">
104 - <span>Pages</span> 69 + <i class="fas fa-utensils" area-hidden ="true"></i>
70 + <span>Foods</span>
105 </a> 71 </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> 72 </li>
117 - <li class="nav-item"> 73 +
118 - <a class="nav-link" href="charts.html"> 74 + <li class="nav-item active">
119 - <i class="fas fa-fw fa-chart-area"></i> 75 + <a class="nav-link" href="index.html">
120 - <span>Charts</span></a> 76 + <i class="fas fa-gamepad"></i>
77 + <span>Enterainment</span>
78 + </a>
121 </li> 79 </li>
122 - <li class="nav-item"> 80 +
123 - <a class="nav-link" href="tables.html"> 81 + <li class="nav-item active">
124 - <i class="fas fa-fw fa-table"></i> 82 + <a class="nav-link" href="index.html">
125 - <span>Tables</span></a> 83 + <i class="fas fa-bed"></i>
84 + <span>Rooms</span>
85 + </a>
126 </li> 86 </li>
87 +
88 + <li class="nav-item active">
89 + <a class="nav-link" href="index.html">
90 + <i class="fas fa-heart"></i>
91 + <span>Favorite</span>
92 + </a>
93 + </li>
94 +
95 + <li class="nav-item active">
96 + <a class="nav-link" href="index.html">
97 + <i class="fas fa-cog"></i>
98 + <span>Settings</span>
99 + </a>
100 + </li>
101 +
102 +
127 </ul> 103 </ul>
128 - 104 +
129 <div id="content-wrapper"> 105 <div id="content-wrapper">
130 106
131 - <div class="container-fluid"> 107 + <div id= "map"></div>
132 - 108 + <script>
133 - <!-- Breadcrumbs--> 109 + // Note: This example requires that you consent to location sharing when
134 - <ol class="breadcrumb"> 110 + // prompted by your browser. If you see the error "The Geolocation service
135 - <li class="breadcrumb-item"> 111 + // failed.", it means you probably did not give permission for the browser to
136 - <a href="#">Dashboard</a> 112 + // locate you.
137 - </li> 113 + var map, infoWindow;
138 - <li class="breadcrumb-item active">Overview</li> 114 + function initMap() {
139 - </ol> 115 + map = new google.maps.Map(document.getElementById('map'), {
140 - 116 + center: {lat: 34.497, lng: 127.027},
141 - <!-- Icon Cards--> 117 + //center: {lat: -34.397, lng: 150.644},
142 - <div class="row"> 118 + zoom: 15
143 - <div class="col-xl-3 col-sm-6 mb-3"> 119 + });
144 - <div class="card text-white bg-primary o-hidden h-100"> 120 + infoWindow = new google.maps.InfoWindow;
145 - <div class="card-body"> 121 +
146 - <div class="card-body-icon"> 122 + // Try HTML5 geolocation.
147 - <i class="fas fa-fw fa-comments"></i> 123 + if (navigator.geolocation) {
148 - </div> 124 + navigator.geolocation.getCurrentPosition(function(position) {
149 - <div class="mr-5">26 New Messages!</div> 125 + var pos = {
150 - </div> 126 + lat: position.coords.latitude,
151 - <a class="card-footer text-white clearfix small z-1" href="#"> 127 + lng: position.coords.longitude
152 - <span class="float-left">View Details</span> 128 + };
153 - <span class="float-right"> 129 +
154 - <i class="fas fa-angle-right"></i> 130 + infoWindow.setPosition(pos);
155 - </span> 131 + infoWindow.setContent('Location found.');
156 - </a> 132 + infoWindow.open(map);
157 - </div> 133 + map.setCenter(pos);
158 - </div> 134 + }, function() {
159 - <div class="col-xl-3 col-sm-6 mb-3"> 135 + handleLocationError(true, infoWindow, map.getCenter());
160 - <div class="card text-white bg-warning o-hidden h-100"> 136 + });
161 - <div class="card-body"> 137 + } else {
162 - <div class="card-body-icon"> 138 + // Browser doesn't support Geolocation
163 - <i class="fas fa-fw fa-list"></i> 139 + handleLocationError(false, infoWindow, map.getCenter());
164 - </div> 140 + }
165 - <div class="mr-5">11 New Tasks!</div> 141 + }
166 - </div> 142 +
167 - <a class="card-footer text-white clearfix small z-1" href="#"> 143 + function handleLocationError(browserHasGeolocation, infoWindow, pos) {
168 - <span class="float-left">View Details</span> 144 + infoWindow.setPosition(pos);
169 - <span class="float-right"> 145 + infoWindow.setContent(browserHasGeolocation ?
170 - <i class="fas fa-angle-right"></i> 146 + 'Error: The Geolocation service failed.' :
171 - </span> 147 + 'Error: Your browser doesn\'t support geolocation.');
172 - </a> 148 + infoWindow.open(map);
173 - </div> 149 + }
174 - </div> 150 + </script>
175 - <div class="col-xl-3 col-sm-6 mb-3"> 151 + <script async defer
176 - <div class="card text-white bg-success o-hidden h-100"> 152 + src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDg4CkUEEt_96n1ork1nL5t4E_SpdKrgMI&callback=initMap">
177 - <div class="card-body"> 153 + </script>
178 - <div class="card-body-icon">
179 - <i class="fas fa-fw fa-shopping-cart"></i>
180 - </div>
181 - <div class="mr-5">123 New Orders!</div>
182 - </div>
183 - <a class="card-footer text-white clearfix small z-1" href="#">
184 - <span class="float-left">View Details</span>
185 - <span class="float-right">
186 - <i class="fas fa-angle-right"></i>
187 - </span>
188 - </a>
189 - </div>
190 - </div>
191 - <div class="col-xl-3 col-sm-6 mb-3">
192 - <div class="card text-white bg-danger o-hidden h-100">
193 - <div class="card-body">
194 - <div class="card-body-icon">
195 - <i class="fas fa-fw fa-life-ring"></i>
196 - </div>
197 - <div class="mr-5">13 New Tickets!!</div>
198 - </div>
199 - <a class="card-footer text-white clearfix small z-1" href="#">
200 - <span class="float-left">View Details</span>
201 - <span class="float-right">
202 - <i class="fas fa-angle-right"></i>
203 - </span>
204 - </a>
205 - </div>
206 - </div>
207 - </div>
208 -
209 -
210 -
211 -
212 - <!-- Area Chart Example-->
213 - <div class="card mb-3">
214 - <div class="card-header">
215 - <i class="fas fa-chart-area"></i>
216 - Area Chart Example</div>
217 - <div class="card-body">
218 - <canvas id="myAreaChart" width="100%" height="30"></canvas>
219 - </div>
220 - <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
221 - </div>
222 -
223 - <!-- DataTables Example -->
224 - <div class="card mb-3">
225 - <div class="card-header">
226 - <i class="fas fa-table"></i>
227 - Data Table Example</div>
228 - <div class="card-body">
229 - <div class="table-responsive">
230 - <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
231 - <thead>
232 - <tr>
233 - <th>Name</th>
234 - <th>Position</th>
235 - <th>Office</th>
236 - <th>Age</th>
237 - <th>Start date</th>
238 - <th>Salary</th>
239 - </tr>
240 - </thead>
241 - <tfoot>
242 - <tr>
243 - <th>Name</th>
244 - <th>Position</th>
245 - <th>Office</th>
246 - <th>Age</th>
247 - <th>Start date</th>
248 - <th>Salary</th>
249 - </tr>
250 - </tfoot>
251 - <tbody>
252 - <tr>
253 - <td>Tiger Nixon</td>
254 - <td>System Architect</td>
255 - <td>Edinburgh</td>
256 - <td>61</td>
257 - <td>2011/04/25</td>
258 - <td>$320,800</td>
259 - </tr>
260 - <tr>
261 - <td>Garrett Winters</td>
262 - <td>Accountant</td>
263 - <td>Tokyo</td>
264 - <td>63</td>
265 - <td>2011/07/25</td>
266 - <td>$170,750</td>
267 - </tr>
268 - <tr>
269 - <td>Ashton Cox</td>
270 - <td>Junior Technical Author</td>
271 - <td>San Francisco</td>
272 - <td>66</td>
273 - <td>2009/01/12</td>
274 - <td>$86,000</td>
275 - </tr>
276 - <tr>
277 - <td>Cedric Kelly</td>
278 - <td>Senior Javascript Developer</td>
279 - <td>Edinburgh</td>
280 - <td>22</td>
281 - <td>2012/03/29</td>
282 - <td>$433,060</td>
283 - </tr>
284 - <tr>
285 - <td>Airi Satou</td>
286 - <td>Accountant</td>
287 - <td>Tokyo</td>
288 - <td>33</td>
289 - <td>2008/11/28</td>
290 - <td>$162,700</td>
291 - </tr>
292 - <tr>
293 - <td>Brielle Williamson</td>
294 - <td>Integration Specialist</td>
295 - <td>New York</td>
296 - <td>61</td>
297 - <td>2012/12/02</td>
298 - <td>$372,000</td>
299 - </tr>
300 - <tr>
301 - <td>Herrod Chandler</td>
302 - <td>Sales Assistant</td>
303 - <td>San Francisco</td>
304 - <td>59</td>
305 - <td>2012/08/06</td>
306 - <td>$137,500</td>
307 - </tr>
308 - <tr>
309 - <td>Rhona Davidson</td>
310 - <td>Integration Specialist</td>
311 - <td>Tokyo</td>
312 - <td>55</td>
313 - <td>2010/10/14</td>
314 - <td>$327,900</td>
315 - </tr>
316 - <tr>
317 - <td>Colleen Hurst</td>
318 - <td>Javascript Developer</td>
319 - <td>San Francisco</td>
320 - <td>39</td>
321 - <td>2009/09/15</td>
322 - <td>$205,500</td>
323 - </tr>
324 - <tr>
325 - <td>Sonya Frost</td>
326 - <td>Software Engineer</td>
327 - <td>Edinburgh</td>
328 - <td>23</td>
329 - <td>2008/12/13</td>
330 - <td>$103,600</td>
331 - </tr>
332 - <tr>
333 - <td>Jena Gaines</td>
334 - <td>Office Manager</td>
335 - <td>London</td>
336 - <td>30</td>
337 - <td>2008/12/19</td>
338 - <td>$90,560</td>
339 - </tr>
340 - <tr>
341 - <td>Quinn Flynn</td>
342 - <td>Support Lead</td>
343 - <td>Edinburgh</td>
344 - <td>22</td>
345 - <td>2013/03/03</td>
346 - <td>$342,000</td>
347 - </tr>
348 - <tr>
349 - <td>Charde Marshall</td>
350 - <td>Regional Director</td>
351 - <td>San Francisco</td>
352 - <td>36</td>
353 - <td>2008/10/16</td>
354 - <td>$470,600</td>
355 - </tr>
356 - <tr>
357 - <td>Haley Kennedy</td>
358 - <td>Senior Marketing Designer</td>
359 - <td>London</td>
360 - <td>43</td>
361 - <td>2012/12/18</td>
362 - <td>$313,500</td>
363 - </tr>
364 - <tr>
365 - <td>Tatyana Fitzpatrick</td>
366 - <td>Regional Director</td>
367 - <td>London</td>
368 - <td>19</td>
369 - <td>2010/03/17</td>
370 - <td>$385,750</td>
371 - </tr>
372 - <tr>
373 - <td>Michael Silva</td>
374 - <td>Marketing Designer</td>
375 - <td>London</td>
376 - <td>66</td>
377 - <td>2012/11/27</td>
378 - <td>$198,500</td>
379 - </tr>
380 - <tr>
381 - <td>Paul Byrd</td>
382 - <td>Chief Financial Officer (CFO)</td>
383 - <td>New York</td>
384 - <td>64</td>
385 - <td>2010/06/09</td>
386 - <td>$725,000</td>
387 - </tr>
388 - <tr>
389 - <td>Gloria Little</td>
390 - <td>Systems Administrator</td>
391 - <td>New York</td>
392 - <td>59</td>
393 - <td>2009/04/10</td>
394 - <td>$237,500</td>
395 - </tr>
396 - <tr>
397 - <td>Bradley Greer</td>
398 - <td>Software Engineer</td>
399 - <td>London</td>
400 - <td>41</td>
401 - <td>2012/10/13</td>
402 - <td>$132,000</td>
403 - </tr>
404 - <tr>
405 - <td>Dai Rios</td>
406 - <td>Personnel Lead</td>
407 - <td>Edinburgh</td>
408 - <td>35</td>
409 - <td>2012/09/26</td>
410 - <td>$217,500</td>
411 - </tr>
412 - <tr>
413 - <td>Jenette Caldwell</td>
414 - <td>Development Lead</td>
415 - <td>New York</td>
416 - <td>30</td>
417 - <td>2011/09/03</td>
418 - <td>$345,000</td>
419 - </tr>
420 - <tr>
421 - <td>Yuri Berry</td>
422 - <td>Chief Marketing Officer (CMO)</td>
423 - <td>New York</td>
424 - <td>40</td>
425 - <td>2009/06/25</td>
426 - <td>$675,000</td>
427 - </tr>
428 - <tr>
429 - <td>Caesar Vance</td>
430 - <td>Pre-Sales Support</td>
431 - <td>New York</td>
432 - <td>21</td>
433 - <td>2011/12/12</td>
434 - <td>$106,450</td>
435 - </tr>
436 - <tr>
437 - <td>Doris Wilder</td>
438 - <td>Sales Assistant</td>
439 - <td>Sidney</td>
440 - <td>23</td>
441 - <td>2010/09/20</td>
442 - <td>$85,600</td>
443 - </tr>
444 - <tr>
445 - <td>Angelica Ramos</td>
446 - <td>Chief Executive Officer (CEO)</td>
447 - <td>London</td>
448 - <td>47</td>
449 - <td>2009/10/09</td>
450 - <td>$1,200,000</td>
451 - </tr>
452 - <tr>
453 - <td>Gavin Joyce</td>
454 - <td>Developer</td>
455 - <td>Edinburgh</td>
456 - <td>42</td>
457 - <td>2010/12/22</td>
458 - <td>$92,575</td>
459 - </tr>
460 - <tr>
461 - <td>Jennifer Chang</td>
462 - <td>Regional Director</td>
463 - <td>Singapore</td>
464 - <td>28</td>
465 - <td>2010/11/14</td>
466 - <td>$357,650</td>
467 - </tr>
468 - <tr>
469 - <td>Brenden Wagner</td>
470 - <td>Software Engineer</td>
471 - <td>San Francisco</td>
472 - <td>28</td>
473 - <td>2011/06/07</td>
474 - <td>$206,850</td>
475 - </tr>
476 - <tr>
477 - <td>Fiona Green</td>
478 - <td>Chief Operating Officer (COO)</td>
479 - <td>San Francisco</td>
480 - <td>48</td>
481 - <td>2010/03/11</td>
482 - <td>$850,000</td>
483 - </tr>
484 - <tr>
485 - <td>Shou Itou</td>
486 - <td>Regional Marketing</td>
487 - <td>Tokyo</td>
488 - <td>20</td>
489 - <td>2011/08/14</td>
490 - <td>$163,000</td>
491 - </tr>
492 - <tr>
493 - <td>Michelle House</td>
494 - <td>Integration Specialist</td>
495 - <td>Sidney</td>
496 - <td>37</td>
497 - <td>2011/06/02</td>
498 - <td>$95,400</td>
499 - </tr>
500 - <tr>
501 - <td>Suki Burks</td>
502 - <td>Developer</td>
503 - <td>London</td>
504 - <td>53</td>
505 - <td>2009/10/22</td>
506 - <td>$114,500</td>
507 - </tr>
508 - <tr>
509 - <td>Prescott Bartlett</td>
510 - <td>Technical Author</td>
511 - <td>London</td>
512 - <td>27</td>
513 - <td>2011/05/07</td>
514 - <td>$145,000</td>
515 - </tr>
516 - <tr>
517 - <td>Gavin Cortez</td>
518 - <td>Team Leader</td>
519 - <td>San Francisco</td>
520 - <td>22</td>
521 - <td>2008/10/26</td>
522 - <td>$235,500</td>
523 - </tr>
524 - <tr>
525 - <td>Martena Mccray</td>
526 - <td>Post-Sales support</td>
527 - <td>Edinburgh</td>
528 - <td>46</td>
529 - <td>2011/03/09</td>
530 - <td>$324,050</td>
531 - </tr>
532 - <tr>
533 - <td>Unity Butler</td>
534 - <td>Marketing Designer</td>
535 - <td>San Francisco</td>
536 - <td>47</td>
537 - <td>2009/12/09</td>
538 - <td>$85,675</td>
539 - </tr>
540 - <tr>
541 - <td>Howard Hatfield</td>
542 - <td>Office Manager</td>
543 - <td>San Francisco</td>
544 - <td>51</td>
545 - <td>2008/12/16</td>
546 - <td>$164,500</td>
547 - </tr>
548 - <tr>
549 - <td>Hope Fuentes</td>
550 - <td>Secretary</td>
551 - <td>San Francisco</td>
552 - <td>41</td>
553 - <td>2010/02/12</td>
554 - <td>$109,850</td>
555 - </tr>
556 - <tr>
557 - <td>Vivian Harrell</td>
558 - <td>Financial Controller</td>
559 - <td>San Francisco</td>
560 - <td>62</td>
561 - <td>2009/02/14</td>
562 - <td>$452,500</td>
563 - </tr>
564 - <tr>
565 - <td>Timothy Mooney</td>
566 - <td>Office Manager</td>
567 - <td>London</td>
568 - <td>37</td>
569 - <td>2008/12/11</td>
570 - <td>$136,200</td>
571 - </tr>
572 - <tr>
573 - <td>Jackson Bradshaw</td>
574 - <td>Director</td>
575 - <td>New York</td>
576 - <td>65</td>
577 - <td>2008/09/26</td>
578 - <td>$645,750</td>
579 - </tr>
580 - <tr>
581 - <td>Olivia Liang</td>
582 - <td>Support Engineer</td>
583 - <td>Singapore</td>
584 - <td>64</td>
585 - <td>2011/02/03</td>
586 - <td>$234,500</td>
587 - </tr>
588 - <tr>
589 - <td>Bruno Nash</td>
590 - <td>Software Engineer</td>
591 - <td>London</td>
592 - <td>38</td>
593 - <td>2011/05/03</td>
594 - <td>$163,500</td>
595 - </tr>
596 - <tr>
597 - <td>Sakura Yamamoto</td>
598 - <td>Support Engineer</td>
599 - <td>Tokyo</td>
600 - <td>37</td>
601 - <td>2009/08/19</td>
602 - <td>$139,575</td>
603 - </tr>
604 - <tr>
605 - <td>Thor Walton</td>
606 - <td>Developer</td>
607 - <td>New York</td>
608 - <td>61</td>
609 - <td>2013/08/11</td>
610 - <td>$98,540</td>
611 - </tr>
612 - <tr>
613 - <td>Finn Camacho</td>
614 - <td>Support Engineer</td>
615 - <td>San Francisco</td>
616 - <td>47</td>
617 - <td>2009/07/07</td>
618 - <td>$87,500</td>
619 - </tr>
620 - <tr>
621 - <td>Serge Baldwin</td>
622 - <td>Data Coordinator</td>
623 - <td>Singapore</td>
624 - <td>64</td>
625 - <td>2012/04/09</td>
626 - <td>$138,575</td>
627 - </tr>
628 - <tr>
629 - <td>Zenaida Frank</td>
630 - <td>Software Engineer</td>
631 - <td>New York</td>
632 - <td>63</td>
633 - <td>2010/01/04</td>
634 - <td>$125,250</td>
635 - </tr>
636 - <tr>
637 - <td>Zorita Serrano</td>
638 - <td>Software Engineer</td>
639 - <td>San Francisco</td>
640 - <td>56</td>
641 - <td>2012/06/01</td>
642 - <td>$115,000</td>
643 - </tr>
644 - <tr>
645 - <td>Jennifer Acosta</td>
646 - <td>Junior Javascript Developer</td>
647 - <td>Edinburgh</td>
648 - <td>43</td>
649 - <td>2013/02/01</td>
650 - <td>$75,650</td>
651 - </tr>
652 - <tr>
653 - <td>Cara Stevens</td>
654 - <td>Sales Assistant</td>
655 - <td>New York</td>
656 - <td>46</td>
657 - <td>2011/12/06</td>
658 - <td>$145,600</td>
659 - </tr>
660 - <tr>
661 - <td>Hermione Butler</td>
662 - <td>Regional Director</td>
663 - <td>London</td>
664 - <td>47</td>
665 - <td>2011/03/21</td>
666 - <td>$356,250</td>
667 - </tr>
668 - <tr>
669 - <td>Lael Greer</td>
670 - <td>Systems Administrator</td>
671 - <td>London</td>
672 - <td>21</td>
673 - <td>2009/02/27</td>
674 - <td>$103,500</td>
675 - </tr>
676 - <tr>
677 - <td>Jonas Alexander</td>
678 - <td>Developer</td>
679 - <td>San Francisco</td>
680 - <td>30</td>
681 - <td>2010/07/14</td>
682 - <td>$86,500</td>
683 - </tr>
684 - <tr>
685 - <td>Shad Decker</td>
686 - <td>Regional Director</td>
687 - <td>Edinburgh</td>
688 - <td>51</td>
689 - <td>2008/11/13</td>
690 - <td>$183,000</td>
691 - </tr>
692 - <tr>
693 - <td>Michael Bruce</td>
694 - <td>Javascript Developer</td>
695 - <td>Singapore</td>
696 - <td>29</td>
697 - <td>2011/06/27</td>
698 - <td>$183,000</td>
699 - </tr>
700 - <tr>
701 - <td>Donna Snider</td>
702 - <td>Customer Support</td>
703 - <td>New York</td>
704 - <td>27</td>
705 - <td>2011/01/25</td>
706 - <td>$112,000</td>
707 - </tr>
708 - </tbody>
709 - </table>
710 - </div>
711 - </div>
712 - <div class="card-footer small text-muted">Updated yesterday at 11:59 PM</div>
713 - </div>
714 -
715 - </div>
716 - <!-- /.container-fluid -->
717 -
718 <!-- Sticky Footer --> 154 <!-- Sticky Footer -->
719 <footer class="sticky-footer"> 155 <footer class="sticky-footer">
720 <div class="container my-auto"> 156 <div class="container my-auto">
...@@ -724,9 +160,6 @@ ...@@ -724,9 +160,6 @@
724 </div> 160 </div>
725 </footer> 161 </footer>
726 162
727 - </div>
728 - <!-- /.content-wrapper -->
729 -
730 </div> 163 </div>
731 <!-- /#wrapper --> 164 <!-- /#wrapper -->
732 165
......