// loadSections.js
function loadSectionContent(sectionId, sectionFile) {
    const sectionDiv = document.getElementById(sectionId);
    const xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4) {
            if (xhr.status === 200) {
                sectionDiv.innerHTML = xhr.responseText;
            } else {
                console.error('Error loading section:', xhr.status);
                // Handle the error here, e.g. display an error message.
            }
        }
    };
    xhr.open('GET', sectionFile, true);
    xhr.send();
}

loadSectionContent('footer', 'footer.html');