index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>👀 HTML Viewer</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <h1 class="Header-Text">👀 HTML Viewer</h1>
    </header>
    <div class="page-selector">
        <select id="page-select">
        </select>
    </div>
    <main id="content">
        <!-- Wrapper for table to ensure it is centered -->
        <div class="table-wrapper">
            <table>
                <!-- Table content goes here -->
            </table>
        </div>
    </main>
    <div class="toggle-theme">
        <label for="theme-toggle" class="theme-toggle-label">
            <input type="checkbox" id="theme-toggle">
            <span class="slider"></span>
            <span class="toggle-text">☀️/🌙</span>
        </label>
    </div>

    <!-- Footer -->
    <footer>
        <p>
          Made by 
          <a href="https://linktr.ee/kaywhocreates" class="footer-link" target="_blank" rel="noopener noreferrer">
            Kay 🧡
          </a>
        </p>
    </footer> 

    <script src="scripts.js"></script>
</body>
</html>