161 lines
8.4 KiB
HTML
161 lines
8.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Bossier City Phone Directory</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
|
|
<link href="..\css/phone.css" rel="stylesheet">
|
|
|
|
</head>
|
|
<body>
|
|
<div class="container text-center">
|
|
|
|
<div class="header text-center title">
|
|
Bossier City Phone Directory
|
|
</div>
|
|
<!-- Margaritaville Images -->
|
|
<div class="text-center images">
|
|
<img class="palm-tree palm-tree-left" src = "../images/Palm-tree.svg">
|
|
<img class="" src="../images/margaritaville-283x80.png">
|
|
<img class="palm-tree palm-tree-right" src="../images/Palm-tree.svg">
|
|
</div>
|
|
<!-- Margaritaville Images End -->
|
|
<!-- Margaritaville Navbar -->
|
|
<nav class="navbar navbar-expand-sm navbar-color">
|
|
<div class="container buffer">
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Casino Operations
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href=" ../mvbc/casino-operation.html">Casino Operations</a></li>
|
|
<li><a class="dropdown-item" href=" ../mvbc/security.html">Security</a></li>
|
|
<li><a class="dropdown-item" href=" ../mvbc/slots.html">Slots</a></li>
|
|
<li><a class="dropdown-item" href=" ../mvbc/slots-performance.html">Slots Performance</a></li>
|
|
<li><a class="dropdown-item" href=" ../mvbc/sport.html">Sports Betting</a></li>
|
|
<li><a class="dropdown-item" href=" ../mvbc/surveillance.html">Surveillance</a></li>
|
|
<li><a class="dropdown-item" href=" ../mvbc/table.html">Table Games</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Executive
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href=" ../mvbc/executive.html">Executive</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Finance & Admin
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href=" ../mvbc/accounting.html">Accounting</a></li>
|
|
<li><a class="dropdown-item" href=" ../mvbc/cage.html">Cage</a></li>
|
|
<li><a class="dropdown-item" href=" ../mvbc/compliance.html">Compliance</a></li>
|
|
<li><a class="dropdown-item" href=" ../mvbc/count.html">Count</a></li>
|
|
<li><a class="dropdown-item" href=" ../mvbc/purchasing.html">Purchasing</a></li>
|
|
<li><a class="dropdown-item" href=" ../mvbc/receiving.html">Receiving</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Food & Beverage
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href=" ../mvbc/food.html">Food & Beverage</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Hotel
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href=" ../mvbc/hotel.html">Hotel</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Human Resources
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href=" ../mvbc/human-resources.html">Human Resources</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Sales & Marketing
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href=" ../mvbc/sales-marketing.html">Sales & Marketing</a></li>
|
|
<li><a class="dropdown-item" href=" ../mvbc/entertainment.html">Entertainment</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link text-body" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
|
|
Support Services
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href=" ../mvbc/facilities.html">Facilities</a></li>
|
|
<li><a class="dropdown-item" href=" ../mvbc/it.html">Information Technology</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- Margaritaville Navbar End -->
|
|
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th scope="col">Name</th>
|
|
<th scope="col">Title</th>
|
|
<th scope="col">Extension</th>
|
|
<th scope="col">Exterior</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="output">
|
|
<script>
|
|
function fetchData(){
|
|
fetch('../json/mvbc-casino-operation.json')
|
|
.then(response => response.json())
|
|
.then(data => displayData(data))
|
|
.catch(error => console.error('Error:', error));
|
|
}
|
|
function displayData(data){
|
|
let outputDiv = document.getElementById('output');
|
|
let html = ''
|
|
data.forEach(item => {
|
|
html += '<tr>';
|
|
html += '<td>';
|
|
html += item.name;
|
|
html += '</td>';
|
|
html += '<td>';
|
|
html += item.title;
|
|
html += '</td>';
|
|
html += '<td>';
|
|
html += item.extension;
|
|
html += '</td>';
|
|
html += '<td>';
|
|
html += item.exterior;
|
|
html += '</td>';
|
|
html += '</tr>';
|
|
});
|
|
|
|
outputDiv.innerHTML = html;
|
|
}
|
|
window,onload = fetchData;
|
|
</script>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
|
|
</body>
|
|
</html>
|