161 lines
8.1 KiB
HTML
161 lines
8.1 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>
|
|
<!-- Boomtown Images -->
|
|
<div class="text-center images">
|
|
<img class="bt-svg bt-svg-left" src="..\images/bt.svg">
|
|
<img class="btbc" src="..\images/bbc-logo-283x93-white.png">
|
|
<img class="bt-svg" src="..\images/bt.svg">
|
|
</div>
|
|
<!-- Boomtown Images End -->
|
|
<!-- Boomtown 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="casino-operation.html">Casino Operations</a></li>
|
|
<li><a class="dropdown-item" href="security.html">Security</a></li>
|
|
<li><a class="dropdown-item" href="slots.html">Slots</a></li>
|
|
<li><a class="dropdown-item" href="slots-performance.html">Slots Performance</a></li>
|
|
<li><a class="dropdown-item" href="sport.html">Sports Betting</a></li>
|
|
<li><a class="dropdown-item" href="surveillance.html">Surveillance</a></li>
|
|
<li><a class="dropdown-item" href="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="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="accounting.html">Accounting</a></li>
|
|
<li><a class="dropdown-item" href="cage.html">Cage</a></li>
|
|
<li><a class="dropdown-item" href="compliance.html">Compliance</a></li>
|
|
<li><a class="dropdown-item" href="count.html">Count</a></li>
|
|
<li><a class="dropdown-item" href="purchasing.html">Purchasing</a></li>
|
|
<li><a class="dropdown-item" href="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="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="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="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="sales-marketing.html">Sales & Marketing</a></li>
|
|
<li><a class="dropdown-item" href="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="facilities.html">Facilities</a></li>
|
|
<li><a class="dropdown-item" href="it.html">Information Technology</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- Boomtown 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/btbc-cage.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>
|
|
|