        </ul>
                
              </nav>
            
          </div>
        </header>
      <div class="main-and-footer">
        <div>
          
  <main id="main">
    <h1>
      <svg class="bookmark-icon" aria-hidden="true" viewBox="0 0 40 50" focusable="false">
        <use xlink:href="#bookmark"></use>
      </svg>
      Expandable sections
    </h1>
    
    
      


    
    <p>In some cases, where there is a lot of content, it&rsquo;s helpful to collapse certain sections. That way, re