
        <!-- Footer -->
        <footer>&copy; 2025 CourseLMS. All rights reserved.</footer>
    </div>

    <script>
        const sidebar = document.getElementById('sidebar');
        const content = document.getElementById('content');
        const toggle = document.getElementById('toggle');
        const threeDot = document.getElementById('three-dot');
        const dropdown = document.getElementById('dropdown');

        // Toggle Sidebar
        toggle.addEventListener('click', () => {
            sidebar.classList.toggle('open');
            content.classList.toggle('open');
        });

        // Toggle 3-Dot Menu
        threeDot.addEventListener('click', (e) => {
            e.stopPropagation();
            dropdown.classList.toggle('show');
        });

        // Close dropdown when clicking outside
        document.addEventListener('click', (e) => {
            if (!threeDot.contains(e.target) && !dropdown.contains(e.target)) {
                dropdown.classList.remove('show');
            }
        });
    </script>
</body>
</html>