Inpage nav

Custom

Inpage nav links helps users scan the contents of a page and navigate to different sections of the page.

HTML

          Inpage nav
          ---------------
            <nav class="qg-inpage-nav" aria-label="in this section navigation">
              <h2 class="qg-inpage-nav_heading">On this page</h2>
              <ul class="qg-inpage-nav_list">
                <li>
                  <a href="#test-1" title="About us">
                    Nav 1
                  </a>
                </li>
                ......
              </ul>
            </nav>

          Section
          ---------------
           <div id="test-1">
             <h3>Test section 1</h3>
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam amet aspernatur cumque debitis dignissimos eligendi eveniet illo, illum incidunt ipsam nesciunt nihil officiis quaerat quam quod quos ullam ut, veritatis!
             </p>
           </div>