<script type="text/javascript">
  Drupal.settings.inpage_navigation = {title: 'Heading 1'};
</script>

<div class="page-header">
  <div class="container-fluid page-header__hero-title">
    <p>Ut auctor, enim in <strong>pharetra sollicitudin</strong>, neque diam convallis velit, in commodo nunc lacus id felis.</p>
  </div>
</div>

<div class="row">
  <div class="col-sm-3 col-md-3 region-sidebar-first">
    <section class="section inpage-nav__wrapper">
      <span class="inpage-nav__block-title">Page Contents</span>
      <div class="inpage-nav is-scrollspy-target">
        <ul class="nav inpage-nav__list">
          <li class="active">
            <a href="#heading-1" class="inpage_nav__list-item">Heading 1</a>
          </li>
          <li>
            <a href="#heading-2" class="inpage_nav__list-item">Heading 2</a>
          </li>
          <li>
            <a href="#heading-3" class="inpage_nav__list-item">Heading 3</a>
          </li>
          <li>
            <a href="#heading-4" class="inpage_nav__list-item">Heading 4</a>
          </li>
          <li>
            <a href="#heading-5" class="inpage_nav__list-item">Heading 5</a>
          </li>
          <li class="last">
            <a href="#heading-6" class="inpage_nav__list-item">Heading 6</a>
          </li>
        </ul>
      </div>
    </section>
  </div>
  <div class="section col-sm-8 main">
    <section id="heading-1">
      <h2 class="block-title">Heading 1</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dui ac lacus interdum eleifend non ut nisl. Duis arcu turpis, tristique vitae fringilla feugiat, tincidunt ac enim. Duis tincidunt purus quis metus finibus, ut ultricies nibh mattis. Ut ultricies placerat leo ac egestas. Suspendisse fringilla augue quam. Proin velit ipsum, bibendum ut commodo non, mattis at nisi. Sed massa eros, malesuada eu ipsum non, euismod finibus massa. Etiam mi ex, fringilla quis urna non, dignissim vulputate tortor. Vivamus congue sem vel ipsum posuere vulputate. Praesent ac vestibulum sem, sed tristique ligula. Praesent non eros suscipit, sagittis quam in, commodo felis.</p>
      <p>Donec egestas fermentum nisl vel aliquet. Pellentesque dui massa, elementum sed laoreet at, blandit sit amet magna. Praesent ac lobortis turpis. Maecenas sem est, consequat in erat sit amet, malesuada cursus arcu. Vestibulum molestie massa nec elit luctus euismod. Nullam nec diam et augue mattis mollis. Phasellus efficitur id velit eu vestibulum. Donec ullamcorper semper porttitor. Vivamus et sagittis urna. Nunc sit amet lectus nec magna cursus vehicula. In elementum pretium pellentesque. Vivamus est metus, hendrerit eget urna venenatis, pellentesque cursus lacus. Etiam tempus justo eget velit ultrices, in tempor arcu sodales.</p>
    </section>
    <section id="heading-2">
      <h2 class="block-title">Heading 2</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dui ac lacus interdum eleifend non ut nisl. Duis arcu turpis, tristique vitae fringilla feugiat, tincidunt ac enim. Duis tincidunt purus quis metus finibus, ut ultricies nibh mattis. Ut ultricies placerat leo ac egestas. Suspendisse fringilla augue quam. Proin velit ipsum, bibendum ut commodo non, mattis at nisi. Sed massa eros, malesuada eu ipsum non, euismod finibus massa. Etiam mi ex, fringilla quis urna non, dignissim vulputate tortor. Vivamus congue sem vel ipsum posuere vulputate. Praesent ac vestibulum sem, sed tristique ligula. Praesent non eros suscipit, sagittis quam in, commodo felis.</p>
    </section>
    <section id="heading-3">
      <h2 class="block-title">Heading 3</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dui ac lacus interdum eleifend non ut nisl. Duis arcu turpis, tristique vitae fringilla feugiat, tincidunt ac enim. Duis tincidunt purus quis metus finibus, ut ultricies nibh mattis. Ut ultricies placerat leo ac egestas. Suspendisse fringilla augue quam. Proin velit ipsum, bibendum ut commodo non, mattis at nisi. Sed massa eros, malesuada eu ipsum non, euismod finibus massa. Etiam mi ex, fringilla quis urna non, dignissim vulputate tortor. Vivamus congue sem vel ipsum posuere vulputate. Praesent ac vestibulum sem, sed tristique ligula. Praesent non eros suscipit, sagittis quam in, commodo felis.</p>
      <p>Donec egestas fermentum nisl vel aliquet. Pellentesque dui massa, elementum sed laoreet at, blandit sit amet magna. Praesent ac lobortis turpis. Maecenas sem est, consequat in erat sit amet, malesuada cursus arcu. Vestibulum molestie massa nec elit luctus euismod. Nullam nec diam et augue mattis mollis. Phasellus efficitur id velit eu vestibulum. Donec ullamcorper semper porttitor. Vivamus et sagittis urna. Nunc sit amet lectus nec magna cursus vehicula. In elementum pretium pellentesque. Vivamus est metus, hendrerit eget urna venenatis, pellentesque cursus lacus. Etiam tempus justo eget velit ultrices, in tempor arcu sodales.</p>
    </section>
    <section id="heading-4">
      <h2 class="block-title">Heading 4</h2>
      <p>Donec egestas fermentum nisl vel aliquet. Pellentesque dui massa, elementum sed laoreet at, blandit sit amet magna. Praesent ac lobortis turpis. Maecenas sem est, consequat in erat sit amet, malesuada cursus arcu. Vestibulum molestie massa nec elit luctus euismod. Nullam nec diam et augue mattis mollis. Phasellus efficitur id velit eu vestibulum. Donec ullamcorper semper porttitor. Vivamus et sagittis urna. Nunc sit amet lectus nec magna cursus vehicula. In elementum pretium pellentesque. Vivamus est metus, hendrerit eget urna venenatis, pellentesque cursus lacus. Etiam tempus justo eget velit ultrices, in tempor arcu sodales.</p>
    </section>
    <section id="heading-5">
      <h2 class="block-title">Heading 5</h2>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id dui ac lacus interdum eleifend non ut nisl. Duis arcu turpis, tristique vitae fringilla feugiat, tincidunt ac enim. Duis tincidunt purus quis metus finibus, ut ultricies nibh mattis. Ut ultricies placerat leo ac egestas. Suspendisse fringilla augue quam. Proin velit ipsum, bibendum ut commodo non, mattis at nisi. Sed massa eros, malesuada eu ipsum non, euismod finibus massa. Etiam mi ex, fringilla quis urna non, dignissim vulputate tortor. Vivamus congue sem vel ipsum posuere vulputate. Praesent ac vestibulum sem, sed tristique ligula. Praesent non eros suscipit, sagittis quam in, commodo felis.</p>
      <p>Donec egestas fermentum nisl vel aliquet. Pellentesque dui massa, elementum sed laoreet at, blandit sit amet magna. Praesent ac lobortis turpis. Maecenas sem est, consequat in erat sit amet, malesuada cursus arcu. Vestibulum molestie massa nec elit luctus euismod. Nullam nec diam et augue mattis mollis. Phasellus efficitur id velit eu vestibulum. Donec ullamcorper semper porttitor. Vivamus et sagittis urna. Nunc sit amet lectus nec magna cursus vehicula. In elementum pretium pellentesque. Vivamus est metus, hendrerit eget urna venenatis, pellentesque cursus lacus. Etiam tempus justo eget velit ultrices, in tempor arcu sodales.</p>
    </section>
    <section id="heading-6">
      <h2 class="block-title">Heading 6</h2>
      <p>Donec egestas fermentum nisl vel aliquet. Pellentesque dui massa, elementum sed laoreet at, blandit sit amet magna. Praesent ac lobortis turpis. Maecenas sem est, consequat in erat sit amet, malesuada cursus arcu. Vestibulum molestie massa nec elit luctus euismod. Nullam nec diam et augue mattis mollis. Phasellus efficitur id velit eu vestibulum. Donec ullamcorper semper porttitor. Vivamus et sagittis urna. Nunc sit amet lectus nec magna cursus vehicula. In elementum pretium pellentesque. Vivamus est metus, hendrerit eget urna venenatis, pellentesque cursus lacus. Etiam tempus justo eget velit ultrices, in tempor arcu sodales.</p>
    </section>
  </div>
</div>