first commit

2025-01-28 20:40:57 -06:00
commit dabf684d76
@@ -0,0 +1,161 @@
+<!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/[email protected]/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 -->
+        <!-- Bossier City Phone Directory -->
+         <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-accounting.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,161 @@
+<!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/[email protected]/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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
+    
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-casino-ops.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-compliance.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-count.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-entertainment.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-executive.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-facilities.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-food-and-beverage.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-hotel.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-human-resources.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-information-technology.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-purchasing.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-receiving.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-sales-and-marketing.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-security.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-slots-performance.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-slots.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-sport-betting.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-surveillance.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,159 @@
+<!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/[email protected]/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-table-games.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,96 @@
+@import url(https://fonts.googleapis.com/css?family=PT+Serif);
+
+.title{
+    font-family: "PT Serif";
+    font-weight: 700;
+    padding-top: .5em;
+    padding-bottom: .25em;
+    font-size: 400%;
+
+}
+
+.palm-tree-left{
+    transform: scaleX(-1);
+    -webkit-transform: scaleX(-1);
+    -moz-transform: scaleX(-1);
+    -ms-transform: scaleX(-1);
+    -o-transform: scaleX(-1);
+}
+
+.palm-tree{
+    width: 0%;
+    visibility: hidden;
+}
+
+.bt-svg{
+    width: 0%;
+    visibility: hidden;
+}
+
+.bt-svg-left{
+    transform: scaleX(-1);
+    -webkit-transform: scaleX(-1);
+    -moz-transform: scaleX(-1);
+    -ms-transform: scaleX(-1);
+    -o-transform: scaleX(-1);
+}
+
+.btbc{
+    filter: invert(1);
+    -webkit-filter: invert(1);
+}
+
+.images{
+    padding-top: 2em;
+    padding-bottom: 2em;
+}
+
+.text-body{
+    font-size: 1rem;
+    font-family: "PT Serif";
+    font-weight: 400;
+    padding-top: 1em;
+    padding-bottom: 1em;
+}
+
+#navbarSupportedContent{
+    text-align: center;
+}
+.navbar-color{
+    background-color: rgb(170, 204, 250);
+    border-radius: 0.5em;
+    -webkit-border-radius: 0.5em;
+    -moz-border-radius: 0.5em;
+    -ms-border-radius: 0.5em;
+    -o-border-radius: 0.5em;
+    text-align: center;
+}
+.buffer{
+    --bs-gutter-x:6rem;
+}
+.navbar{
+    --bs-navbar-nav-link-padding-x:1em ;
+}
+@media(min-width:600px){
+    .palm-tree{
+        visibility: visible;
+        width: 4em;
+    }
+    .bt-svg{
+        visibility: visible;
+        width: 5em;
+    }
+}
+@media(min-width:1200)  {
+    div.container{
+        --bs-gutter-x: 0;
+    }
+    nav.navbar-expand-sm{
+        --bs-gutter-x: 0;
+    }
+    .navbar-expand-sm .navbar-nav .nav-link
+    {
+        padding-right: 0;
+        padding-left: 0;
+    }
+}
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.47 25.76"><defs><style>.a{fill:#005e75;}</style></defs><title>Palm Tree</title><path class="a" d="M5.92,9c0-.09,0-.23,0-.4l0,0,0-.07c0-.11,0-.23,0-.35a2.36,2.36,0,0,0,.3.78A2.19,2.19,0,0,1,6,7.92a1.54,1.54,0,0,0,.32.74,1.41,1.41,0,0,1-.19-.89,3,3,0,0,0,.55,1.16,3,3,0,0,1-.38-1,1.65,1.65,0,0,0,.16.36,1.64,1.64,0,0,0,0,.32,1,1,0,0,1,0-.24,2.14,2.14,0,0,0,.13.19,1.28,1.28,0,0,1-.13-.29c0-.05,0-.1,0-.15a2.86,2.86,0,0,0,.31.69,2.68,2.68,0,0,1-.22-1.15,2.33,2.33,0,0,1,.07-.25,2.51,2.51,0,0,0,.19,1.21,2.31,2.31,0,0,1,0-1,2.22,2.22,0,0,0,.28,1l0,.12V8.6s0,0,0,0,0,0,0,0a.17.17,0,0,1,0-.05c0-.16,0-.3-.05-.43a.76.76,0,0,0,0,.11,1.68,1.68,0,0,1,0-.59,1.6,1.6,0,0,0,.29.9,1.53,1.53,0,0,1-.11-1.1l.18.72,0-.55a2.87,2.87,0,0,0,.24.75,2.55,2.55,0,0,1-.11-.84A11,11,0,0,0,8,8.62c-.08-.36-.16-.76-.21-1.17a2.39,2.39,0,0,0,.37.73A1.92,1.92,0,0,1,8,7.74a1.69,1.69,0,0,0,.32.45A1.45,1.45,0,0,1,8,6.88,2.18,2.18,0,0,0,8.3,8a2.65,2.65,0,0,1-.09-.71A2.23,2.23,0,0,0,8.78,8.3a2.42,2.42,0,0,1-.38-.91,1.19,1.19,0,0,0,.33.53l.09.3L8.8,8A.71.71,0,0,0,8.89,8l-.1-.11-.07-.64A2.51,2.51,0,0,0,9,8.13a2.59,2.59,0,0,1-.09-.4,1.63,1.63,0,0,0,.23.43A1.36,1.36,0,0,1,9.05,7.1a5.67,5.67,0,0,0,.21,1.2,5.25,5.25,0,0,1,0-1.37h.05a2.72,2.72,0,0,0,.12,1.37A2.85,2.85,0,0,1,9.55,7a3.29,3.29,0,0,0,0,1.32s0,0-.06.05l.06,0v.06a1.33,1.33,0,0,0-.19.14,5.21,5.21,0,0,1,.58-.31,6.51,6.51,0,0,0-1,.72,7.29,7.29,0,0,1,1.41-.75A9.74,9.74,0,0,0,8.43,9.33a9.58,9.58,0,0,1,1.63-.83,9.26,9.26,0,0,0-1.53,1A4.28,4.28,0,0,1,9,9.26,9.76,9.76,0,0,0,7.88,10a12.06,12.06,0,0,1,2.24-1.22l0,0a7.81,7.81,0,0,0-2.36,1.48,10.6,10.6,0,0,1,.88-.6,7.75,7.75,0,0,0-.66.57,6.82,6.82,0,0,1,1.52-.94,5.53,5.53,0,0,0-1.24,1,6.19,6.19,0,0,1,1-.7,15.05,15.05,0,0,0-1.64,1.2A3.77,3.77,0,0,1,8,10.57L8,10.63A7,7,0,0,1,9.36,9.9h0A6.21,6.21,0,0,0,7.5,11.17a6.15,6.15,0,0,1,1.69-1h0a11.14,11.14,0,0,0-1.92,1.31,11.91,11.91,0,0,1,1.77-1l0,.09a5.67,5.67,0,0,0-2,1.27,7.07,7.07,0,0,1,.7-.5l-.13.11a4.64,4.64,0,0,1,1.21-.55,4.45,4.45,0,0,0-2,1.57A5.66,5.66,0,0,1,7.28,12L7,12.34a3.15,3.15,0,0,1,1.24-1,6.57,6.57,0,0,0-1.08,1,6.39,6.39,0,0,1,1.17-.91,11.91,11.91,0,0,0-1.09,1,12.05,12.05,0,0,1,1.36-1v0a8.74,8.74,0,0,0-1.42,1.2c.21-.18.45-.36.69-.53a5.53,5.53,0,0,0-.93,1,5.49,5.49,0,0,1,.48-.49c-.11.12-.21.25-.3.37a7.25,7.25,0,0,1,1.07-.94,4.48,4.48,0,0,0-.7.81A5,5,0,0,0,7,13.7a4.17,4.17,0,0,1,.35-.4l-.15.27A3.68,3.68,0,0,1,8.4,12.38h0a4.35,4.35,0,0,0-1.33,1.67A4.26,4.26,0,0,1,8,13a6.05,6.05,0,0,0-.71,1.15L7.34,14c0,.09-.08.17-.11.25a4.42,4.42,0,0,1,.37-.55,3.49,3.49,0,0,0-.23.48,4.18,4.18,0,0,1,.83-1,5.52,5.52,0,0,0-.4.55,2.26,2.26,0,0,0-.44.73,1.63,1.63,0,0,1,.11-.17,2.56,2.56,0,0,0-.11.24,2.21,2.21,0,0,1,.77-.87l0,.08a2.18,2.18,0,0,0-.72,1A2.16,2.16,0,0,1,8,14H8a3.2,3.2,0,0,0-.74.87A3.51,3.51,0,0,1,8,14.33v0a2.32,2.32,0,0,0-.58.71,1.09,1.09,0,0,0-.21.27h0l0,0A1.56,1.56,0,0,1,7.66,15v0a1.69,1.69,0,0,0-.21.31,1.44,1.44,0,0,0-.18.25,1.92,1.92,0,0,1,.34-.27,1.09,1.09,0,0,0-.25.55,1.26,1.26,0,0,0-.14.44,1.36,1.36,0,0,1,.33-.52.75.75,0,0,0-.08.37,1,1,0,0,1,.21-.38,1.68,1.68,0,0,0-.09.32q-.09.24-.18.51l0-.05h0l.07-.12a1.35,1.35,0,0,0,.15.91,1.35,1.35,0,0,1,0-.93c0,.24,0,.62.11,1.3,0-.36,0-.63.05-.84a.14.14,0,0,1,0,.06.53.53,0,0,1,0-.13,2.36,2.36,0,0,0,.21.52A2,2,0,0,1,8,17a1.55,1.55,0,0,0,.37.69A1.68,1.68,0,0,1,8,16.71a2.19,2.19,0,0,0,.46.51,2,2,0,0,1-.4-.63,4.46,4.46,0,0,0,.47.53A3.91,3.91,0,0,1,8,16.17v0a2.15,2.15,0,0,0,.32.29,3.32,3.32,0,0,0,.44.55,3,3,0,0,1-.59-1.39,6.49,6.49,0,0,0,.49.83,6.06,6.06,0,0,1-.32-.78,3,3,0,0,0,.4.47s0,0,0,.07v-.06a2.83,2.83,0,0,0,.33.37,3.41,3.41,0,0,1-.34-.5c0-.15-.06-.32-.1-.49a2.13,2.13,0,0,0,.3.3,2.91,2.91,0,0,1-.52-.89c.25.3.29.53.75,1.14a7.33,7.33,0,0,1-.38-.74l0,0a2,2,0,0,1-.12-.25c.14.29.29.58.44.84a13.51,13.51,0,0,1-.77-2.3v0a5.29,5.29,0,0,0,1,1.58A5.33,5.33,0,0,1,8.73,14a9.75,9.75,0,0,0,.64,1,9.33,9.33,0,0,1-.58-1.16,3.32,3.32,0,0,0,.61.78,3.33,3.33,0,0,1-.57-.94,3.2,3.2,0,0,0,.84.89,2.69,2.69,0,0,1-.84-1.33,3.31,3.31,0,0,0,.29.47c.1.16.2.33.31.53,0-.13-.1-.24-.14-.33l.28.28a3.82,3.82,0,0,1-.4-.55L8.94,13l0-.1a4.75,4.75,0,0,0,.82,1.22,4.28,4.28,0,0,1-.81-1.69c.24.37.51.74.76,1.06l-.18-.32a2.43,2.43,0,0,0,.24.3,4.65,4.65,0,0,1-.61-1.22,10.24,10.24,0,0,0,.63,1.14,9.4,9.4,0,0,1-.68-1.77,6.15,6.15,0,0,0,.74,1.17,5.53,5.53,0,0,1-.46-.91,5.09,5.09,0,0,0,.66.9,4.36,4.36,0,0,1-.37-.6,4,4,0,0,0,.55.62,3.14,3.14,0,0,1-.85-1.75,9,9,0,0,0,.85,1.45,8.67,8.67,0,0,1-.64-1.42,3.61,3.61,0,0,0,.78,1,3.27,3.27,0,0,1-.8-1.54,5,5,0,0,0,.79,1.2,5.27,5.27,0,0,1-.58-1.09,4,4,0,0,0,.84.86,3.91,3.91,0,0,1-.56-.69,5,5,0,0,0,.4.4,2.27,2.27,0,0,1-.64-1.36,2.65,2.65,0,0,0,.62,1.21,2.68,2.68,0,0,1-.41-1,2.79,2.79,0,0,0,.58.77,2.64,2.64,0,0,1-.52-1.11,5,5,0,0,1,.56,1.14,3.62,3.62,0,0,0-.12-.47l.11.15a2.09,2.09,0,0,1-.28-1.43,3.56,3.56,0,0,0,.4,1.12,3.47,3.47,0,0,1-.21-1.17,2.42,2.42,0,0,0,.46,1,2.37,2.37,0,0,1-.31-1.15,1.81,1.81,0,0,0,.4.76,1.6,1.6,0,0,1-.21-1.29,1.9,1.9,0,0,0,.36,1.11A1.82,1.82,0,0,1,11,8.35a1.59,1.59,0,0,0,.2.73,1.56,1.56,0,0,1,0-.86.61.61,0Line truncated
@@ -0,0 +1,44 @@
+<svg version="1.1" id="red" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 107 35" style="enable-background:new 0 0 107 35;" xml:space="preserve">
+<g>
+	<path class="st0" d="M15,9.6c-0.4-2.6,1-5.6,3.1-5.3c0.2,0,1.9,1.4,0.8,2c-0.7,0.4-3.5-1.8-3.4,0.9c0.1,3.4,7.4,2.2,6-2.1
+		c-1.7-5.4-9.9-1.5-9,4.1c0.9,5,5.3,7.9,9.6,10.5C20.3,16.1,15.7,14.2,15,9.6z M21.8,13.3c-1.1,4.9,2.3,8.8,4.7,11.7
+		c-5.5-4.1-10.8-9.1-17.1-12c0,0.3-0.2,0.5-0.2,0.8c6.3,3.1,11.6,8.1,17.5,12c0.4,0,0.3-0.5,0.8-0.4c0,0.4-0.6,0.4-0.2,0.8
+		c2.8,0.8,6.5,3.1,10.2,4c3.3,0.8,8.4,0.3,11.3-0.4c1.4-0.3,3.3-0.4,4.7-0.9c0.9-0.3,1.6-1,2.4-1.1c2.9-0.1,5.9,0.2,8.6-1.2
+		c9-4.5,15.9-13.7,27.3-10.9c2.8,0.7,6.9,4.5,6.3,7.7c-0.3,1.5-1.7,1.9-2.6,3.4c7.4-3.2,0.8-10.7-4-12c-3.3-0.9-6.6-0.5-10,0.4
+		c-8.9,2.2-14.1,11.3-23.5,11.8c7.5-3.1,14.5-11,22.9-13c2.8-0.7,7.1-1.3,10.3-0.6c8.2,1.8,12.4,13.8,2.1,16.7
+		c5.6,1.6,8.8-5.2,7.2-10.3c-2.5-8.1-15.6-8.9-23.2-6c-7.4,2.8-13.5,8.6-20.4,12c-3.8,1.9-8-2.2-8.6-5.1c-0.5-2.4,0.2-6.2,2.5-6.7
+		c1.8-0.4,4.2,0.9,3.3,3c-0.2,0.5-2,0.4-2,1.2c0,1.6,3.2-0.2,3.4-0.9c0.8-2.6-2-5.2-5.2-4.5c-1.4,0.3-2.9,2.4-3.3,3.5
+		c-2,5.2,2.8,9.8,6.1,11.2C41.2,32,21.3,27.2,23.6,13.2c0.5-2.9,3.3-5.6,5.6-6.4c0.7-0.2,2.8-1,4.5-0.6c1.9,0.5,3.5,2.1,5.2,2
+		C34,1.5,23.5,5.8,21.8,13.3z M38.5,26.2c-4-1.1-8.9-5.4-7.8-10.9c0.4-2.1,3.1-6.2,6.9-4.8c2.2,0.8,3.1,6.5,0.1,6.5
+		c-1.2,0-1-1.4-2.1-1.4c-2.9,0-0.5,3.4,0.9,3.7c2.8,0.5,7-2.1,6-6.3c-0.7-3.1-5.4-5.1-8.4-4.6c-2.6,0.4-5.1,2.9-5.8,5
+		c-2.9,8.8,7.1,14.9,14.5,14.3C41.2,26.8,40,26.6,38.5,26.2z M27.2,15.8c0.2-0.8,0.9-1.2,0.8-2c-0.2-2-2.9-1-3.3,0.4
+		c-1.5,4.7,3.1,8.4,6.5,9.9C30.1,21.5,26.3,19.5,27.2,15.8z M8.5,17.9c-5.4,1.9-2.7,10.2,3.7,7.9c3.6-1.3,0-6-1.7-3.1
+		c-0.3,0.2,0.4,0.5,0.4,0.9c-4.2,0.3-2.4-4,0.6-4.4c4.3-0.5,9.1,5.4,11.9,5.1C19.6,21.6,14.3,15.9,8.5,17.9z M78.1,20.4
+		c-1.1,0.5-5.5,3.2-5.1,3.8c0.2,0.3,1.5-0.1,1.9-0.2c2.5-1,6.1-4,9.6-3.3c4.9,1,3.2,9.4-1.1,8c-3.3-1.1,0.8-2.7,0.9-3.3
+		c0.3-1.5-1.7-2.5-3.3-2c-1.1,0.3-1.6,1.7-1.7,2.6c-0.3,7,11.6,5.5,10.9-1.1c-0.4-4-4.2-6.4-8.7-5.6C80.7,19.4,79.1,19.9,78.1,20.4z
+		 M94.7,27.3c0.2,0,0.3,0,0.5,0c0-0.1,0-0.2,0-0.4C94.9,27,94.8,27.2,94.7,27.3z"></path>
+	<path class="st0" d="M22.1,19.8c-4.3-2.6-8.7-5.5-9.6-10.5c-1-5.6,7.3-9.5,9-4.1c1.4,4.3-5.4,7-5.5,3.6c-0.1-1.9,1-1.8,2.4-2.3
+		c1.7-0.5,0.1-2.6-1.3-2c-1.8,0.7-2.3,3.6-2,5.2C15.7,14.2,20.3,16.1,22.1,19.8z"></path>
+	<path class="st0" d="M38.9,8.2c-1.7,0.1-3.3-1.5-5.2-2c-1.6-0.4-3.8,0.4-4.5,0.6c-2.3,0.7-5.1,3.4-5.6,6.4
+		C21.3,27.2,41.2,32,53,27.6c-3.3-1.4-8.2-6-6.1-11.2c0.4-1.1,1.9-3.2,3.3-3.5c3.2-0.7,6,1.9,5.2,4.5c-0.2,0.8-3.4,2.5-3.4,0.9
+		c0-0.8,1.8-0.7,2-1.2c0.9-2-1.5-3.4-3.3-3c-2.3,0.6-3,4.4-2.5,6.7c0.7,2.9,4.8,7,8.6,5.1c6.9-3.4,13-9.2,20.4-12
+		c5.8-2.2,14.2-3.1,19.5,1.1c4.2,3.3,6.7,11.2,0.7,14c-1.3,0.6-2.7,1-4.1,1.2c2.7-1.1,5.3-2.6,5.9-5.7c0.6-3.1-0.9-6.3-3.3-8.2
+		c-3.4-2.7-7.8-3.5-12-2.9c-6.6,0.9-11.7,4.7-17,8.3c-2.9,2-5.9,3.7-9,5.4c2.4-0.3,4.6-0.8,6.7-1.9c2-1.1,3.9-2.5,5.8-3.8
+		c4.2-3,8-5.6,13.2-6.6c3.6-0.7,7.9-0.4,11,1.8c2,1.4,4.8,4.3,4.1,7c-0.2,0.7-0.6,1.3-1.2,1.8c-0.6,0.6-1.4,0.9-2,1.5
+		c1.7-1.8,3.2-3.5,2-6.2c-1-2.1-3.5-4.2-5.8-4.8c-11.4-2.8-18.2,6.4-27.3,10.9c-2.8,1.4-5.7,1-8.6,1.2c-0.8,0-1.5,0.7-2.4,1.1
+		c-1.4,0.5-3.4,0.6-4.7,0.9c-3,0.6-8,1.2-11.3,0.4c-3.6-0.9-7.4-3.2-10.2-4c-0.4-0.4,0.3-0.4,0.2-0.8c-0.5-0.1-0.4,0.4-0.8,0.4
+		c-5.8-4-11.2-9-17.5-12c0-0.3,0.2-0.5,0.2-0.8c6.4,2.9,11.6,7.9,17.1,12c-2.4-2.9-5.8-6.7-4.7-11.7C23.5,5.8,34,1.5,38.9,8.2z"></path>
+	<path class="st0" d="M42.9,27.6c-7.4,0.6-17.4-5.5-14.5-14.3c1.4-4.4,7.4-6.4,11.3-3.9c2,1.3,3.5,3.5,2.7,5.9
+		c-1,3.1-5.3,5.6-7.7,2.5c-0.4-0.6-0.7-1.5-0.1-2.1c1.2-0.9,1.9,1.2,3,1.2c2.9,0,2.1-5.7-0.1-6.5c-3.7-1.3-6.4,2.7-6.9,4.8
+		c-1.1,5.5,3.8,9.8,7.8,10.9C40,26.6,41.2,26.8,42.9,27.6z"></path>
+	<path class="st0" d="M31.2,24c-3.4-1.5-8-5.2-6.5-9.9c0.4-1.4,3.1-2.4,3.3-0.4c0.1,0.8-0.7,1.2-0.8,2C26.3,19.5,30.1,21.5,31.2,24z
+		"></path>
+	<path class="st0" d="M23.4,24.4c-2.2,0.3-4.7-2.2-6.5-3.3c-2.2-1.4-8.2-3.5-8.2,1.2c0,1.3,1,1.4,2.1,1.3c-0.2-1.8,1.5-2.7,2.5-1
+		c1.2,1.9-0.7,3.3-2.5,3.5c-5.1,0.7-7.3-6.5-2.3-8.3C14.3,15.9,19.6,21.6,23.4,24.4z"></path>
+	<path class="st0" d="M81.5,19.3c4.6-0.8,8.3,1.5,8.7,5.6c0.7,6.6-11.1,8-10.9,1.1c0-0.9,0.6-2.3,1.7-2.6c1.6-0.5,3.6,0.5,3.3,2
+		c0,0.2-0.7,0.6-0.9,0.8c-0.4,0.3-0.8,0.6-1.1,1c-0.6,0.8,0.3,1.3,1,1.5c1,0.3,2.6,0.1,3.2-0.8c0.6-0.8,0.9-1.9,0.9-2.8
+		c0.1-1-0.2-2.1-0.7-2.9c-0.5-0.7-1.4-1.2-2.3-1.4c-3.5-0.7-7,2.3-9.6,3.3c-0.4,0.2-1.7,0.6-1.9,0.2c-0.4-0.6,4-3.3,5.1-3.8
+		C79.1,19.9,80.7,19.4,81.5,19.3z"></path>
+	<path class="st0" d="M95.2,27c0,0.1,0,0.2,0,0.4c-0.2,0-0.3,0-0.5,0C94.8,27.2,94.9,27,95.2,27z"></path>
+</g>
+</svg>
@@ -0,0 +1,216 @@
+<!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/[email protected]/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="btbc\casino-operation.html">Casino Operations</a></li>
+                                <li><a class="dropdown-item" href="btbc\security.html">Security</a></li>
+                                <li><a class="dropdown-item" href="btbc\slots.html">Slots</a></li>
+                                <li><a class="dropdown-item" href="btbc\slots-performance.html">Slots Performance</a></li>
+                                <li><a class="dropdown-item" href="btbc\sport.html">Sports Betting</a></li>
+                                <li><a class="dropdown-item" href="btbc\surveillance.html">Surveillance</a></li>
+                                <li><a class="dropdown-item" href="btbc\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="btbc\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="btbc\accounting.html">Accounting</a></li>
+                                <li><a class="dropdown-item" href="btbc\cage.html">Cage</a></li>
+                                <li><a class="dropdown-item" href="btbc\compliance.html">Compliance</a></li>
+                                <li><a class="dropdown-item" href="btbc\count.html">Count</a></li>
+                                <li><a class="dropdown-item" href="btbc\purchasing.html">Purchasing</a></li>
+                                <li><a class="dropdown-item" href="btbc\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="btbc\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="btbc\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="btbc\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="btbc\sales-marketing.html">Sales & Marketing</a></li>
+                                <li><a class="dropdown-item" href="btbc\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="btbc\facilities.html">Facilities</a></li>
+                                <li><a class="dropdown-item" href="btbc\it.html">Information Technology</a></li>
+                            </ul>
+                        </li>
+                    </ul>
+
+                </div>
+            </div>
+        </nav>
+        <!-- Boomtown Navbar End -->
+
+
+        <!-- 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 -->
+
+
+    </div>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+</body>
+</html>
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,38 @@
+[
+	{
+		"name":"Shaun Williams",
+    "title":"VP of Casino Operations",
+		"extension":"2158",
+		"exterior":"318-841-2158"
+	},
+  {
+    "name":"Brook Campbell",
+    "title":"Casino Ops Manager",
+    "extension":"2016",
+    "exterior":"318-841-2016"
+  },
+  {
+    "name":"Stephanie Barnes",
+    "title":"Casino Ops Manager",
+    "extension":"2460",
+    "exterior":"318-841-2460"
+  },
+  {
+    "name":"Mike Lanclos",
+    "title":"Casino Ops Asst Manager",
+    "extension":"2460",
+    "exterior":"318-841-2016"
+  },
+  {
+    "name":"Terri Timmons",
+    "title":"Casino Ops Asst Manager",
+    "extension":"2447",
+    "exterior":"318-841-2447"
+  },
+ {
+    "name":"Justin Morris",
+    "title":"Casino Operations Coordinator",
+    "extension":"2431",
+    "exterior":"318-841-2431"
+  }
+]
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,39 @@
+[
+    {
+      "name": "Shaun Williams",
+      "title": "VP of Casino Operations",
+      "extension": "2158",
+      "exterior": "318-841-2158"
+    },
+    {
+      "name": "Brook Campbell",
+      "title": "Casino Ops Manager",
+      "extension": "2016",
+      "exterior": "318-841-2016"
+    },
+    {
+      "name": "Stephanie Barnes",
+      "title": "Casino Ops Manager",
+      "extension": "2460",
+      "exterior": "318-841-2460"
+    },
+    {
+      "name": "Mike Lanclos",
+      "title": "Casino Ops Asst Manager",
+      "extension": "2460",
+      "exterior": "318-841-2016"
+    },
+    {
+      "name": "Terri Timmons",
+      "title": "Casino Ops Asst Manager",
+      "extension": "2447",
+      "exterior": "318-841-2447"
+    },
+    {
+      "name": "Justin Morris",
+      "title": "Casino Operations Coordinator",
+      "extension": "2431",
+      "exterior": "318-841-2431"
+    }
+  ]
+  
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,39 @@
+[
+    {
+      "name": "Shaun Williams",
+      "title": "VP of Casino Operations",
+      "extension": "2158",
+      "exterior": "318-841-2158"
+    },
+    {
+      "name": "Brook Campbell",
+      "title": "Casino Ops Manager",
+      "extension": "2016",
+      "exterior": "318-841-2016"
+    },
+    {
+      "name": "Stephanie Barnes",
+      "title": "Casino Ops Manager",
+      "extension": "2460",
+      "exterior": "318-841-2460"
+    },
+    {
+      "name": "Mike Lanclos",
+      "title": "Casino Ops Asst Manager",
+      "extension": "2460",
+      "exterior": "318-841-2016"
+    },
+    {
+      "name": "Terri Timmons",
+      "title": "Casino Ops Asst Manager",
+      "extension": "2447",
+      "exterior": "318-841-2447"
+    },
+    {
+      "name": "Justin Morris",
+      "title": "Casino Operations Coordinator",
+      "extension": "2431",
+      "exterior": "318-841-2431"
+    }
+  ]
+  
@@ -0,0 +1,39 @@
+[
+    {
+      "name": "Shaun Williams",
+      "title": "VP of Casino Operations",
+      "extension": "2158",
+      "exterior": "318-841-2158"
+    },
+    {
+      "name": "Brook Campbell",
+      "title": "Casino Ops Manager",
+      "extension": "2016",
+      "exterior": "318-841-2016"
+    },
+    {
+      "name": "Stephanie Barnes",
+      "title": "Casino Ops Manager",
+      "extension": "2460",
+      "exterior": "318-841-2460"
+    },
+    {
+      "name": "Mike Lanclos",
+      "title": "Casino Ops Asst Manager",
+      "extension": "2460",
+      "exterior": "318-841-2016"
+    },
+    {
+      "name": "Terri Timmons",
+      "title": "Casino Ops Asst Manager",
+      "extension": "2447",
+      "exterior": "318-841-2447"
+    },
+    {
+      "name": "Justin Morris",
+      "title": "Casino Operations Coordinator",
+      "extension": "2431",
+      "exterior": "318-841-2431"
+    }
+  ]
+  
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,39 @@
+[
+    {
+      "name": "Shaun Williams",
+      "title": "VP of Casino Operations",
+      "extension": "2158",
+      "exterior": "318-841-2158"
+    },
+    {
+      "name": "Brook Campbell",
+      "title": "Casino Ops Manager",
+      "extension": "2016",
+      "exterior": "318-841-2016"
+    },
+    {
+      "name": "Stephanie Barnes",
+      "title": "Casino Ops Manager",
+      "extension": "2460",
+      "exterior": "318-841-2460"
+    },
+    {
+      "name": "Mike Lanclos",
+      "title": "Casino Ops Asst Manager",
+      "extension": "2460",
+      "exterior": "318-841-2016"
+    },
+    {
+      "name": "Terri Timmons",
+      "title": "Casino Ops Asst Manager",
+      "extension": "2447",
+      "exterior": "318-841-2447"
+    },
+    {
+      "name": "Justin Morris",
+      "title": "Casino Operations Coordinator",
+      "extension": "2431",
+      "exterior": "318-841-2431"
+    }
+  ]
+  
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,38 @@
+[
+  {
+    "name": "Shaun Williams",
+    "title": "VP of Casino Operations",
+    "extension": "2158",
+    "exterior": "318-841-2158"
+  },
+  {
+    "name": "Brook Campbell",
+    "title": "Casino Ops Manager",
+    "extension": "2016",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Stephanie Barnes",
+    "title": "Casino Ops Manager",
+    "extension": "2460",
+    "exterior": "318-841-2460"
+  },
+  {
+    "name": "Mike Lanclos",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2460",
+    "exterior": "318-841-2016"
+  },
+  {
+    "name": "Terri Timmons",
+    "title": "Casino Ops Asst Manager",
+    "extension": "2447",
+    "exterior": "318-841-2447"
+  },
+  {
+    "name": "Justin Morris",
+    "title": "Casino Operations Coordinator",
+    "extension": "2431",
+    "exterior": "318-841-2431"
+  }
+]
@@ -0,0 +1,266 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <title>Bossier City Phone Directory</title>
+  <meta name="viewport" content="width=divice-width,initial-scale=1" />
+  <meta name="description" content="" />
+  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
+  <meta http-equiv="Pragma" content="no-cache" />
+  <meta http-equiv="Expires" content="0" />
+  <link rel="icon" href="favicon.png">
+  
+  <style>
+  
+    body {
+      background-color: #A99ABD; /* Background color of page */ 
+    }
+	
+	table.banner {
+      padding-top: 50px;
+	  text-align: center;
+	  font-size: xxx-large;
+	  width:100%;
+	  color:#CCCCCC;  /* Color of title font */ 
+      }
+   
+    table.mainTable {
+      margin-left:auto; 
+      margin-right:auto;
+	  padding-left:10px;
+	  padding-top: 50px;
+      }
+	  
+	td[colspan]:not([colspan="1"]) {
+	  text-align: center;
+	}
+	 
+	.titleBar td {
+      border: none;
+	  background-color: #C0D8C0; /* Background color of title bar */ 
+	  text-align: center;
+	  font-size: large;
+      }
+	  
+	.header td {
+      border: none;
+	  background-color: #E1EFCA; /* Background color of column header bar */ 
+	  text-align: center;
+	  font-size: x-large;
+      }
+	 
+	 table.mainTable td {
+      height: 25px;
+      text-align: center;
+      vertical-align: middle;
+	  padding-left:10px;
+	  padding-right:10px;
+	  white-space: nowrap;
+	  }
+	  
+  
+	 table.mainTable td.first {
+      text-align: center;
+	  }
+	  
+	 table.mainTable td.second {
+      text-align: center;
+	  }
+	  
+	 table.mainTable td.third {
+      text-align: center;
+	  }
+	  
+	 table.mainTable td.forth {
+      text-align: center;
+      }
+  
+    </style>
+
+</head>
+
+<body>
+
+  <table class=banner>
+    <tr>
+	  <td>Bossier City Phone Directory</td>
+	<tr>
+  </table>
+
+  <table class=mainTable>
+    <tr class=titleBar>
+	  <td>Casino Operations</td>
+	  <td>Executive</td>
+      <td>Finance and Admin</td>
+	  <td>Food and Beverage</td>
+	  <td>Hotel</td>
+	  <td>Human Resources</td>
+	  <td>Sales and Marketing</td>
+	  <td>Support Operations</td>
+	</tr>
+    <tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-casino_operations.html';">BTBC Casino Operations</button></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-executive.html';">BTBC Executive</button></td>
+      <td><button onclick="window.location.href='http://mvbc-files/btbc-accounting.html';">BTBC Accounting</button></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-food_and_beverage.html';">BTBC Food and Beverage</button></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-hotel.html';">BTBC Hotel</button></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-human_resources.html';">BTBC Human Resources</button></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-sales_and_marketing.html';">BTBC Sales and Marketing</button></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-facilities.html';">BTBC Facilities</button></td>
+	</tr>
+    <tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-security.html';">BTBC Security</button></td>
+      <td></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-cage.html';">BTBC Cage</button></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-entertainment.html';">BTBC Entertainment</button></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-information_technology.html';">BTBC Information Technology</button></td>
+	</tr>
+    <tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-slot_performance.html';">BTBC Slot Performance</button></td>
+      <td></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-compliance.html';">BTBC Compliance</button></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	</tr>
+    <tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-slots.html';">BTBC Slots</button></td>
+	  <td></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-count.html';">BTBC Count</button></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	</tr>
+    <tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-sports_betting.html';">BTBC Sports Betting</button></td>
+      <td></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-purchasing.html';">BTBC Purchasing</button></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	</tr>
+	<tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-surveillance.html';">BTBC Surveillance</button></td>
+      <td></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-receiving.html';">BTBC Receiving</button></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	</tr>
+	<tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/btbc-table_games.html';">BTBC Table Games</button></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	</tr>
+  </table>
+
+  <table class=mainTable>
+    <tr class=titleBar>
+	  <td>Casino Operations</td>
+	  <td>Executive</td>
+      <td>Finance and Admin</td>
+	  <td>Food and Beverage</td>
+	  <td>Hotel</td>
+	  <td>Human Resources</td>
+	  <td>Sales and Marketing</td>
+	  <td>Support Operations</td>
+	</tr>
+    <tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-casino_operations.html';">MVBC Casino Operations</button></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-executive.html';">MVBC Executive</button></td>
+      <td><button onclick="window.location.href='http://mvbc-files/mvbc-accounting.html';">MVBC Accounting</button></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-food_and_beverage.html';">MVBC Food and Beverage</button></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-hotel.html';">MVBC Hotel</button></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-human_resources.html';">MVBC Human Resources</button></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-sales_and_marketing.html';">MVBC Sales and Marketing</button></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-facilities.html';">MVBC Facilities</button></td>
+	</tr>
+    <tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-security.html';">MVBC Security</button></td>
+      <td></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-cage.html';">MVBC Cage</button></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-entertainment.html';">MVBC Entertainment</button></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-information_technology.html';">MVBC Information Technology</button></td>
+	</tr>
+    <tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-slot_performance.html';">MVBC Slot Performance</button></td>
+      <td></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-compliance.html';">MVBC Compliance</button></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	</tr>
+    <tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-slots.html';">MVBC Slots</button></td>
+	  <td></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-count.html';">MVBC Count</button></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	</tr>
+    <tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-sports_betting.html';">MVBC Sports Betting</button></td>
+      <td></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-purchasing.html';">MVBC Purchasing</button></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	</tr>
+	<tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-surveillance.html';">MVBC Surveillance</button></td>
+      <td></td>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-receiving.html';">MVBC Receiving</button></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	</tr>
+	<tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/mvbc-table_games.html';">MVBC Table Games</button></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	  <td></td>
+	</tr>
+  </table>
+
+
+  <table class=mainTable>
+    <tr>
+	  <td><button onclick="window.location.href='http://mvbc-files/Phone User Guide.pdf';">MVBC Quick Phone Reference</button></td>
+	  <td><button onclick="window.location.href='http://10.3.32.10/ucmuser/main#phonesettings';">MVBC Self Care Portal</button></td>
+	</tr>
+  </table>
+  
+</body>
+</html>
@@ -0,0 +1,161 @@
+<!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/[email protected]/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-accounting.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,162 @@
+<!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/[email protected]/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-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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
+    
@@ -0,0 +1,160 @@
+<!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/[email protected]/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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,161 @@
+<!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/[email protected]/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-compliance.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,161 @@
+<!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/[email protected]/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-count.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-entertainment.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,161 @@
+<!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/[email protected]/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-executive.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-facilities.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-food-and-beverage.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-hotel.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-human-resources.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-information-technology.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-purchasing.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-receiving.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-sales-and-marketing.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-security.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-slots-performance.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-slots.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-sport-betting.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-surveillance.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
@@ -0,0 +1,160 @@
+<!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/[email protected]/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-table-games.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/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+    </body>
+    </html>
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.47 25.76"><defs><style>.a{fill:#005e75;}</style></defs><title>Palm Tree</title><path class="a" d="M5.92,9c0-.09,0-.23,0-.4l0,0,0-.07c0-.11,0-.23,0-.35a2.36,2.36,0,0,0,.3.78A2.19,2.19,0,0,1,6,7.92a1.54,1.54,0,0,0,.32.74,1.41,1.41,0,0,1-.19-.89,3,3,0,0,0,.55,1.16,3,3,0,0,1-.38-1,1.65,1.65,0,0,0,.16.36,1.64,1.64,0,0,0,0,.32,1,1,0,0,1,0-.24,2.14,2.14,0,0,0,.13.19,1.28,1.28,0,0,1-.13-.29c0-.05,0-.1,0-.15a2.86,2.86,0,0,0,.31.69,2.68,2.68,0,0,1-.22-1.15,2.33,2.33,0,0,1,.07-.25,2.51,2.51,0,0,0,.19,1.21,2.31,2.31,0,0,1,0-1,2.22,2.22,0,0,0,.28,1l0,.12V8.6s0,0,0,0,0,0,0,0a.17.17,0,0,1,0-.05c0-.16,0-.3-.05-.43a.76.76,0,0,0,0,.11,1.68,1.68,0,0,1,0-.59,1.6,1.6,0,0,0,.29.9,1.53,1.53,0,0,1-.11-1.1l.18.72,0-.55a2.87,2.87,0,0,0,.24.75,2.55,2.55,0,0,1-.11-.84A11,11,0,0,0,8,8.62c-.08-.36-.16-.76-.21-1.17a2.39,2.39,0,0,0,.37.73A1.92,1.92,0,0,1,8,7.74a1.69,1.69,0,0,0,.32.45A1.45,1.45,0,0,1,8,6.88,2.18,2.18,0,0,0,8.3,8a2.65,2.65,0,0,1-.09-.71A2.23,2.23,0,0,0,8.78,8.3a2.42,2.42,0,0,1-.38-.91,1.19,1.19,0,0,0,.33.53l.09.3L8.8,8A.71.71,0,0,0,8.89,8l-.1-.11-.07-.64A2.51,2.51,0,0,0,9,8.13a2.59,2.59,0,0,1-.09-.4,1.63,1.63,0,0,0,.23.43A1.36,1.36,0,0,1,9.05,7.1a5.67,5.67,0,0,0,.21,1.2,5.25,5.25,0,0,1,0-1.37h.05a2.72,2.72,0,0,0,.12,1.37A2.85,2.85,0,0,1,9.55,7a3.29,3.29,0,0,0,0,1.32s0,0-.06.05l.06,0v.06a1.33,1.33,0,0,0-.19.14,5.21,5.21,0,0,1,.58-.31,6.51,6.51,0,0,0-1,.72,7.29,7.29,0,0,1,1.41-.75A9.74,9.74,0,0,0,8.43,9.33a9.58,9.58,0,0,1,1.63-.83,9.26,9.26,0,0,0-1.53,1A4.28,4.28,0,0,1,9,9.26,9.76,9.76,0,0,0,7.88,10a12.06,12.06,0,0,1,2.24-1.22l0,0a7.81,7.81,0,0,0-2.36,1.48,10.6,10.6,0,0,1,.88-.6,7.75,7.75,0,0,0-.66.57,6.82,6.82,0,0,1,1.52-.94,5.53,5.53,0,0,0-1.24,1,6.19,6.19,0,0,1,1-.7,15.05,15.05,0,0,0-1.64,1.2A3.77,3.77,0,0,1,8,10.57L8,10.63A7,7,0,0,1,9.36,9.9h0A6.21,6.21,0,0,0,7.5,11.17a6.15,6.15,0,0,1,1.69-1h0a11.14,11.14,0,0,0-1.92,1.31,11.91,11.91,0,0,1,1.77-1l0,.09a5.67,5.67,0,0,0-2,1.27,7.07,7.07,0,0,1,.7-.5l-.13.11a4.64,4.64,0,0,1,1.21-.55,4.45,4.45,0,0,0-2,1.57A5.66,5.66,0,0,1,7.28,12L7,12.34a3.15,3.15,0,0,1,1.24-1,6.57,6.57,0,0,0-1.08,1,6.39,6.39,0,0,1,1.17-.91,11.91,11.91,0,0,0-1.09,1,12.05,12.05,0,0,1,1.36-1v0a8.74,8.74,0,0,0-1.42,1.2c.21-.18.45-.36.69-.53a5.53,5.53,0,0,0-.93,1,5.49,5.49,0,0,1,.48-.49c-.11.12-.21.25-.3.37a7.25,7.25,0,0,1,1.07-.94,4.48,4.48,0,0,0-.7.81A5,5,0,0,0,7,13.7a4.17,4.17,0,0,1,.35-.4l-.15.27A3.68,3.68,0,0,1,8.4,12.38h0a4.35,4.35,0,0,0-1.33,1.67A4.26,4.26,0,0,1,8,13a6.05,6.05,0,0,0-.71,1.15L7.34,14c0,.09-.08.17-.11.25a4.42,4.42,0,0,1,.37-.55,3.49,3.49,0,0,0-.23.48,4.18,4.18,0,0,1,.83-1,5.52,5.52,0,0,0-.4.55,2.26,2.26,0,0,0-.44.73,1.63,1.63,0,0,1,.11-.17,2.56,2.56,0,0,0-.11.24,2.21,2.21,0,0,1,.77-.87l0,.08a2.18,2.18,0,0,0-.72,1A2.16,2.16,0,0,1,8,14H8a3.2,3.2,0,0,0-.74.87A3.51,3.51,0,0,1,8,14.33v0a2.32,2.32,0,0,0-.58.71,1.09,1.09,0,0,0-.21.27h0l0,0A1.56,1.56,0,0,1,7.66,15v0a1.69,1.69,0,0,0-.21.31,1.44,1.44,0,0,0-.18.25,1.92,1.92,0,0,1,.34-.27,1.09,1.09,0,0,0-.25.55,1.26,1.26,0,0,0-.14.44,1.36,1.36,0,0,1,.33-.52.75.75,0,0,0-.08.37,1,1,0,0,1,.21-.38,1.68,1.68,0,0,0-.09.32q-.09.24-.18.51l0-.05h0l.07-.12a1.35,1.35,0,0,0,.15.91,1.35,1.35,0,0,1,0-.93c0,.24,0,.62.11,1.3,0-.36,0-.63.05-.84a.14.14,0,0,1,0,.06.53.53,0,0,1,0-.13,2.36,2.36,0,0,0,.21.52A2,2,0,0,1,8,17a1.55,1.55,0,0,0,.37.69A1.68,1.68,0,0,1,8,16.71a2.19,2.19,0,0,0,.46.51,2,2,0,0,1-.4-.63,4.46,4.46,0,0,0,.47.53A3.91,3.91,0,0,1,8,16.17v0a2.15,2.15,0,0,0,.32.29,3.32,3.32,0,0,0,.44.55,3,3,0,0,1-.59-1.39,6.49,6.49,0,0,0,.49.83,6.06,6.06,0,0,1-.32-.78,3,3,0,0,0,.4.47s0,0,0,.07v-.06a2.83,2.83,0,0,0,.33.37,3.41,3.41,0,0,1-.34-.5c0-.15-.06-.32-.1-.49a2.13,2.13,0,0,0,.3.3,2.91,2.91,0,0,1-.52-.89c.25.3.29.53.75,1.14a7.33,7.33,0,0,1-.38-.74l0,0a2,2,0,0,1-.12-.25c.14.29.29.58.44.84a13.51,13.51,0,0,1-.77-2.3v0a5.29,5.29,0,0,0,1,1.58A5.33,5.33,0,0,1,8.73,14a9.75,9.75,0,0,0,.64,1,9.33,9.33,0,0,1-.58-1.16,3.32,3.32,0,0,0,.61.78,3.33,3.33,0,0,1-.57-.94,3.2,3.2,0,0,0,.84.89,2.69,2.69,0,0,1-.84-1.33,3.31,3.31,0,0,0,.29.47c.1.16.2.33.31.53,0-.13-.1-.24-.14-.33l.28.28a3.82,3.82,0,0,1-.4-.55L8.94,13l0-.1a4.75,4.75,0,0,0,.82,1.22,4.28,4.28,0,0,1-.81-1.69c.24.37.51.74.76,1.06l-.18-.32a2.43,2.43,0,0,0,.24.3,4.65,4.65,0,0,1-.61-1.22,10.24,10.24,0,0,0,.63,1.14,9.4,9.4,0,0,1-.68-1.77,6.15,6.15,0,0,0,.74,1.17,5.53,5.53,0,0,1-.46-.91,5.09,5.09,0,0,0,.66.9,4.36,4.36,0,0,1-.37-.6,4,4,0,0,0,.55.62,3.14,3.14,0,0,1-.85-1.75,9,9,0,0,0,.85,1.45,8.67,8.67,0,0,1-.64-1.42,3.61,3.61,0,0,0,.78,1,3.27,3.27,0,0,1-.8-1.54,5,5,0,0,0,.79,1.2,5.27,5.27,0,0,1-.58-1.09,4,4,0,0,0,.84.86,3.91,3.91,0,0,1-.56-.69,5,5,0,0,0,.4.4,2.27,2.27,0,0,1-.64-1.36,2.65,2.65,0,0,0,.62,1.21,2.68,2.68,0,0,1-.41-1,2.79,2.79,0,0,0,.58.77,2.64,2.64,0,0,1-.52-1.11,5,5,0,0,1,.56,1.14,3.62,3.62,0,0,0-.12-.47l.11.15a2.09,2.09,0,0,1-.28-1.43,3.56,3.56,0,0,0,.4,1.12,3.47,3.47,0,0,1-.21-1.17,2.42,2.42,0,0,0,.46,1,2.37,2.37,0,0,1-.31-1.15,1.81,1.81,0,0,0,.4.76,1.6,1.6,0,0,1-.21-1.29,1.9,1.9,0,0,0,.36,1.11A1.82,1.82,0,0,1,11,8.35a1.59,1.59,0,0,0,.2.73,1.56,1.56,0,0,1,0-.86.61.61,0Line truncated