./ Create pages for each section. For the lowermost section, create page that loads the content into the middle section. The topmost section should contain a page describing the web page itself.


Code

<section style="display:none;" id="middle_content">
    <h3>Hobbies</h3>
    <ul>
        <li>Hacking</li>
        <li>Gaming</li>
        <li>Sleeping</li>
    </ul>
  </section>
<script>
  const middle_content = document.getElementById('middle_content');
  const load_middle_content = () => {
    middle_content.style.display = ""
  }
</script>