<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

<!-- scroll to top button -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">

<!-- sidebar nav scroll definition disabled (using JS code instead) -->
<!-- <body data-spy="scroll" data-target="#sidenav"> -->



  <!-- top navigation header START -->
  <nav class="navbar navbar-expand-md navbar-dark">
    <!-- add "mySticky" for a fixed top-navbar -->

    
    
    <!-- placeholder logo from https://logoipsum.com/ -->
      <svg id="logo-55" width="168" height="41" viewBox="0 0 168 41" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M49.2775 28.9524H61.2295V25.3524H53.5255V11.7924H49.2775V28.9524Z" class="cneutral" fill="#3C2B1F"></path> <path d="M68.3107 26.5524C66.6067 26.5524 65.7187 25.0644 65.7187 22.8324C65.7187 20.6004 66.6067 19.0884 68.3107 19.0884C70.0147 19.0884 70.9267 20.6004 70.9267 22.8324C70.9267 25.0644 70.0147 26.5524 68.3107 26.5524ZM68.3347 29.3364C72.2947 29.3364 74.8867 26.5284 74.8867 22.8324C74.8867 19.1364 72.2947 16.3284 68.3347 16.3284C64.3987 16.3284 61.7587 19.1364 61.7587 22.8324C61.7587 26.5284 64.3987 29.3364 68.3347 29.3364Z" class="cneutral" fill="#3C2B1F"></path> <path d="M81.7411 33.2004C83.5651 33.2004 85.1731 32.7924 86.2531 31.8324C87.2371 30.9444 87.8851 29.6004 87.8851 27.7524V16.6644H84.1411V17.9844H84.0931C83.3731 16.9524 82.2691 16.3044 80.6371 16.3044C77.5891 16.3044 75.4771 18.8484 75.4771 22.4484C75.4771 26.2164 78.0451 28.2804 80.8051 28.2804C82.2931 28.2804 83.2291 27.6804 83.9491 26.8644H84.0451V28.0884C84.0451 29.5764 83.3491 30.4404 81.6931 30.4404C80.3971 30.4404 79.7491 29.8884 79.5331 29.2404H75.7411C76.1251 31.8084 78.3571 33.2004 81.7411 33.2004ZM81.7171 25.3764C80.2531 25.3764 79.2931 24.1764 79.2931 22.3284C79.2931 20.4564 80.2531 19.2564 81.7171 19.2564C83.3491 19.2564 84.2131 20.6484 84.2131 22.3044C84.2131 24.0324 83.4211 25.3764 81.7171 25.3764Z" class="cneutral" fill="#3C2B1F"></path> <path d="M95.5835 26.5524C93.8795 26.5524 92.9915 25.0644 92.9915 22.8324C92.9915 20.6004 93.8795 19.0884 95.5835 19.0884C97.2875 19.0884 98.1995 20.6004 98.1995 22.8324C98.1995 25.0644 97.2875 26.5524 95.5835 26.5524ZM95.6075 29.3364C99.5675 29.3364 102.159 26.5284 102.159 22.8324C102.159 19.1364 99.5675 16.3284 95.6075 16.3284C91.6715 16.3284 89.0315 19.1364 89.0315 22.8324C89.0315 26.5284 91.6715 29.3364 95.6075 29.3364Z" class="cneutral" fill="#3C2B1F"></path> <path d="M103.302 28.9524H107.214V16.6644H103.302V28.9524ZM103.302 14.9604H107.214V11.7924H103.302V14.9604Z" class="cneutral" fill="#3C2B1F"></path> <path d="M108.911 33.0084H112.823V27.6804H112.871C113.639 28.7124 114.767 29.3364 116.351 29.3364C119.567 29.3364 121.703 26.7924 121.703 22.8084C121.703 19.1124 119.711 16.3044 116.447 16.3044C114.767 16.3044 113.567 17.0484 112.727 18.1524H112.655V16.6644H108.911V33.0084ZM115.343 26.3124C113.663 26.3124 112.703 24.9444 112.703 22.9524C112.703 20.9604 113.567 19.4484 115.271 19.4484C116.951 19.4484 117.743 20.8404 117.743 22.9524C117.743 25.0404 116.831 26.3124 115.343 26.3124Z" class="cneutral" fill="#3C2B1F"></path> <path d="M128.072 29.3364C131.288 29.3364 133.664 27.9444 133.664 25.2564C133.664 22.1124 131.12 21.5604 128.96 21.2004C127.4 20.9124 126.008 20.7924 126.008 19.9284C126.008 19.1604 126.752 18.8004 127.712 18.8004C128.792 18.8004 129.536 19.1364 129.68 20.2404H133.28C133.088 17.8164 131.216 16.3044 127.736 16.3044C124.832 16.3044 122.432 17.6484 122.432 20.2404C122.432 23.1204 124.712 23.6964 126.848 24.0564C128.48 24.3444 129.968 24.4644 129.968 25.5684C129.968 26.3604 129.224 26.7924 128.048 26.7924C126.752 26.7924 125.936 26.1924 125.792 24.9684H122.096C122.216 27.6804 124.472 29.3364 128.072 29.3364Z" class="cneutral" fill="#3C2B1F"></path> <path d="M138.978 29.3124C140.682 29.3124 141.762 28.6404 142.65 27.4404H142.722V28.9524H146.466V16.6644H142.554V23.5284C142.554 24.9924 141.738 26.0004 140.394 26.0004C139.146 26.0004 138.546 25.2564 138.546 23.9124V16.6644H134.658V24.7284C134.658 27.4644 136.146 29.3124 138.978 29.3124Z" class="cneutral" fill="#3C2B1F"></path> <path d="M148.168 28.9524H152.08V22.0644C152.08 20.6004 152.8 19.5684 154.024 19.5684C155.2 19.5684 155.752 20.3364 155.752 21.6564V28.9524H159.664V22.0644C159.664 20.6004 160.36 19.5684 161.608 19.5684C162.784 19.5684 163.336 20.3364 163.336 21.6564V28.9524H167.248V20.9604C167.248 18.2004 165.856 16.3044 163.072 16.3044C161.488 16.3044 160.168 16.9764 159.208 18.4644H159.16C158.536 17.1444 157.312 16.3044 155.704 16.3044C153.928 16.3044 152.752 17.1444 151.984 18.4164H151.912V16.6644H148.168V28.9524Z" class="cneutral" fill="#3C2B1F"></path> <path d="M25.4099 1.97689L21.4769 0.923031L18.1625 13.2926L15.1702 2.12527L11.2371 3.17913L14.4701 15.2446L6.41746 7.19201L3.53827 10.0712L12.371 18.904L1.37124 15.9566L0.317383 19.8896L12.336 23.11C12.1984 22.5165 12.1256 21.8981 12.1256 21.2627C12.1256 16.7651 15.7716 13.1191 20.2692 13.1191C24.7668 13.1191 28.4128 16.7651 28.4128 21.2627C28.4128 21.894 28.3409 22.5086 28.205 23.0986L39.1277 26.0253L40.1815 22.0923L28.1151 18.8591L39.1156 15.9115L38.0617 11.9785L25.9958 15.2115L34.0484 7.15895L31.1692 4.27976L22.459 12.99L25.4099 1.97689Z" class="ccustom" fill="#F97316"></path> <path d="M28.1943 23.1444C27.8571 24.57 27.1452 25.8507 26.1684 26.8768L34.0814 34.7899L36.9606 31.9107L28.1943 23.1444Z" class="ccustom" fill="#F97316"></path> <path d="M26.0884 26.9596C25.0998 27.9693 23.8505 28.7228 22.4495 29.1111L25.3289 39.8571L29.2619 38.8032L26.0884 26.9596Z" class="ccustom" fill="#F97316"></path> <path d="M22.3026 29.1504C21.6526 29.3175 20.9713 29.4063 20.2692 29.4063C19.517 29.4063 18.7886 29.3043 18.0971 29.1134L15.2151 39.8692L19.1481 40.923L22.3026 29.1504Z" class="ccustom" fill="#F97316"></path> <path d="M17.9581 29.0737C16.5785 28.6661 15.3514 27.903 14.383 26.8904L6.45052 34.8229L9.32971 37.7021L17.9581 29.0737Z" class="ccustom" fill="#F97316"></path> <path d="M14.3168 26.8203C13.365 25.8013 12.6717 24.5377 12.3417 23.1341L1.38334 26.0704L2.43719 30.0034L14.3168 26.8203Z" class="ccustom" fill="#F97316"></path> </svg>
    
   
    
    
    
    <!-- Brand -->
    <a class="navbar-brand" href="/Default.aspx">
      <img id="logo" alt="Logo" src="https://picsum.photos/id/29/50/50/"> 
      <span>_(version 07c.1)</span>
    </a>

    <!-- Toggler/collapsible Button -->
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
      <span class="navbar-toggler-icon"></span>
    </button>

    <!-- Navbar links -->
    <div class="collapse navbar-collapse justify-content-end" id="collapsibleNavbar">
      <ul class="navbar-nav">
        <li class="nav-item"> <a class="nav-link" href="#">Home</a> </li>
        <!-- Dropdown -->
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
            About Us
          </a>
          <div class="dropdown-menu dropdown-menu-right">
            <a class="dropdown-item" href="#">Meetings meetings meetings</a>
            <a class="dropdown-item" href="#">Subscriptions</a>
            <a class="dropdown-item" href="#">History</a>
          </div>
        </li>
        <li class="nav-item"> <a class="nav-link" href="#item-7">scroll to section 7</a> </li>
      </ul>
    </div>
  </nav>
  <!-- top navigation header END -->

  <!-- START of container section -->
  <div class="container myContainer">

    <!-- Jumbotron content section-->
 <!--    <div class="row">
      <div class="col text-center">Jumbotron section</div>
    </div> -->

    <!-- sidebar (auto hide on small screen) -->
    <div class="row leftrow">
      <!-- sidebar nav column -->
      <div class="col-3 sticky-column d-none d-sm-block d-print-none">

        <!-- nav start -->
        <nav id="sidenav" class="nav nav-button flex-column">
          <a class="nav-link" href="#item-0">Item 0</a>
          <a class="nav-link" href="#item-1">Item 1</a>
          <nav class="nav flex-column nav-button">
            <!-- sub-items -->
            <a class="nav-link sub-item ml-3 my-1" href="#item-1-1">Item 1-1</a>
            <a class="nav-link sub-item ml-3 my-1" href="#item-1-2">Item 1-2</a>
          </nav>
          <a class="nav-link" href="#item-2">Item 2</a>
          <a class="nav-link" href="#item-3">Item 3</a>
          <nav class="nav flex-column nav-button">
            <!-- sub-items -->
            <a class="nav-link sub-item ml-3 my-1" href="#item-3-1">Item 3-1</a>
            <a class="nav-link sub-item ml-3 my-1" href="#item-3-2">Item 3-2</a>
          </nav>
          <a class="nav-link" href="#item-4">Item 4</a>
          <a class="nav-link" href="#item-5">Item 5</a>
          <a class="nav-link" href="#item-6">Item 6</a>
          <a class="nav-link" href="#item-7">Item 7</a>
          <nav class="nav flex-column nav-button">
            <!-- sub-items -->
            <a class="nav-link sub-item ml-3 my-1" href="#item-7-1">Item 7-1</a>
            <a class="nav-link sub-item ml-3 my-1" href="#item-7-2">Item 7-2</a>
            <a class="nav-link sub-item ml-3 my-1" href="#item-7-3">Item 7-3</a>
            <a class="nav-link sub-item ml-3 my-1" href="#item-7-4">Item 7-4</a>
          </nav>
          <a class="nav-link" href="#item-8">Item 8</a>
          <a class="nav-link" href="#item-9">Item 9</a>
          <!-- sub-items --> 
          <nav class="nav nav-button flex-column">
          <a class="nav-link ml-3 my-1" href="#item-9-1">Item 9-1</a>
          </nav>
        <a class="nav-link" href="#item-10">Item 10</a>
        <a class="nav-link" href="#item-11">Item 11</a>
        <nav class="nav nav-button flex-column">
          <a class="nav-link ml-3 my-1" href="#item-11-1">Item 11-1</a>
          <a class="nav-link ml-3 my-1" href="#item-11-2">Item 11-2</a>
          <a class="nav-link ml-3 my-1" href="#item-11-3">Item 11-3</a>
          <a class="nav-link ml-3 my-1" href="#item-11-4">Item 11-4</a>
        </nav>
        <a class="nav-link" href="#item-12">Item 12</a>
        <nav class="nav nav-button flex-column">
          <a class="nav-link ml-3 my-1" href="#item-12-1">Item 12-1</a>
          <a class="nav-link ml-3 my-1" href="#item-12-2">Item 12-2</a>
          <a class="nav-link ml-3 my-1" href="#item-12-3">Item 12-3</a>
          <a class="nav-link ml-3 my-1" href="#item-12-4">Item 12-4</a>
        </nav>
        <a class="nav-link" href="#item-13">Item 13</a>
        <nav class="nav nav-button flex-column">
          <a class="nav-link ml-3 my-1" href="#item-13-1">Item 13-1</a>
          <a class="nav-link ml-3 my-1" href="#item-13-2">Item 13-2</a>
          <a class="nav-link ml-3 my-1" href="#item-13-3">Item 13-3</a>
          <a class="nav-link ml-3 my-1" href="#item-13-4">Item 13-4</a>
        </nav>
        <a class="nav-link" href="#item-14">Item 14</a>
        <nav class="nav nav-button flex-column">
          <a class="nav-link ml-3 my-1" href="#item-14-1">Item 14-1</a>
          <a class="nav-link ml-3 my-1" href="#item-14-2">Item 14-2</a>
          <a class="nav-link ml-3 my-1" href="#item-14-3">Item 14-3</a>
          <a class="nav-link ml-3 my-1" href="#item-14-4">Item 14-4</a>
        </nav>
        <a class="nav-link" href="#item-15">Item 15</a>
        <nav class="nav nav-button flex-column">
          <a class="nav-link ml-3 my-1" href="#item-15-1">Item 15-1</a>
          <a class="nav-link ml-3 my-1" href="#item-15-2">Item 15-2</a>
          <a class="nav-link ml-3 my-1" href="#item-15-3">Item 15-3</a>
          <a class="nav-link ml-3 my-1" href="#item-15-4">Item 15-4</a>
        </nav>
        <!-- nav end -->
        
        <!-- sidebar nav column end -->
      </div>
      
      <!-- main content section (big right box) area -->
      <div class="col">
        <!-- nested columns -->
        <!-- row/columns 1-5 -->
        <div class="row">
          <div class="col-md-4">1</div>
          <div class="col-md-2">2</div>
          <div class="col-md-3">3</div>
          <div class="col-md-1">4</div>
          <div class="col-md-2">5</div>
        </div>

        <!-- row/columns A-C -->
        <div class="row">
          <div class="col-md-2">A</div>
          <div class="col-md-4">B</div>
          <div class="col-md-6 bg-warning">C</div>
        </div>

        <!-- row main text area -->
        <div class="row rightrow">
          <!-- column main text area -->
          <div class="col-12">
            <h4>Final sidebar nav with auto-hide scrollbar</h4>
            <ul class ="text-danger">
          <b>Changes/features:</b>
              <li>Same functionality as 07c, <u><b>but with improved aesthetics</b></u></li>
              <li>Top navbar disappears when scrolling upwards (gives more vertical room for sidebar nav)</li>    
          <li>Scrollspy offset removed (no longer needed when top navbar is gone)</li>
          <li>Smooth-scroll removed in JS (top navbar no longer flickers when scrolling, but 'Smooth scroll' feature now only works with modern browsers)</li>
         <li>Scrollbar for sidebar-nav added (appears when there isn't enough vertical room to display all items)</li>     
          <li>Scrollspy target definition in JS (not HTML))</li>
        </ul>
            
            <h4 id="item-0">Item 0</h4>
            <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore er dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>

            <h4 id="item-1">Item 1</h4>
            <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>

            <h5 id="item-1-1">Item 1-1</h5>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <h5 id="item-1-2">Item 1-2</h5>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <h4 id="item-2">Item 2</h4>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <h4 id="item-3">Item 3</h4>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <h5 id="item-3-1">Item 3-1</h5>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <h5 id="item-3-2">Item 3-2</h5>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <h4 id="item-4">Item 4</h4>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>

            <h4 id="item-5">Item 5</h4>
            <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <h5 id="item-6">Item 6</h5>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>

            <h4 id="item-7">Item 7</h4>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <h5 id="item-7-1">Item 7-1</h5>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <h5 id="item-7-2">Item 7-2</h5>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>

            <h5 id="item-7-3">Item 7-3</h5>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <h5 id="item-7-4">Item 7-4</h5>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <h4 id="item-8">Item 8</h4>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
            <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>

        <h4 id="item-9">Item 9</h4>
      <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-9-1">Item 9-1</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h4 id="item-10">Item 10</h4>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>

      <h4 id="item-11">Item 11</h4>
      <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-11-1">Item 11-1</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-11-2">Item 11-2</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-11-3">Item 11-3</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-11-4">Item 11-4</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>

      <h4 id="item-12">Item 12</h4>
      <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-12-1">Item 12-1</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-12-2">Item 12-2</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-12-3">Item 12-3</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-12-4">Item 12-4</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>

      <h4 id="item-13">Item 13</h4>
      <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-13-1">Item 13-1</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-13-2">Item 13-2</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-13-3">Item 13-3</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-13-4">Item 13-4</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>

      <h4 id="item-14">Item 14</h4>
      <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-14-1">Item 14-1</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-14-2">Item 14-2</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-14-3">Item 14-3</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-14-4">Item 14-4</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>

      <h4 id="item-15">Item 15</h4>
      <p>testing first item : Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-15-1">Item 15-1</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-15-2">Item 15-2</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-15-3">Item 15-3</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <h5 id="item-15-4">Item 15-4</h5>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>
      <p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet something incredible is waiting to be known Ut enim ad minima veniam a billion trillion billions upon billions? Corpus callosum the ash of stellar alchemy the ash of stellar alchemy quis nostrum exercitationem ullam corporis suscipit laboriosam nisi ut aliquid ex ea commodi consequatur citizens of distant epochs? The only home we've ever known globular star cluster astonishment hundreds of thousands sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem quis nostrum exercitationem ullam corporis suscipit laboriosam and billions upon billions upon billions upon billions upon billions upon billions upon billions.</p>

            <!-- text column END -->
          </div>
          <!-- row main text area END -->
        </div>

        <!-- row/columns D -->
        <!-- testing different breakpoints -->
        <div class="row">
          <div class="col-sm-2 bg-success">D1</div>
          <div class="col-sm-1 bg-success">D2</div>
          <div class="col-md-3 bg-success">D3</div>
          <div class="col-md-4 bg-success">D4</div>
          <div class="col-sm-1 bg-success">D5</div>
          <div class="col-lg-1 bg-success">D6</div>
        </div>

        <!-- row/columns E -->
        <div class="row">
          <div class="col-12 bg-secondary">E</div>
        </div>

        <!-- row/columns F -->
        <div class="row">
          <div class="col-md-7 bg-info">F1</div>
          <div class="col-md-5 bg-info">F2</div>
        </div>

        <!-- Carousel content section -->
        <div class="row">
          <div class="col text-center">Carousel section</div>
        </div>

        <!-- cards content section -->
        <div class="row">
          <div class="col-md-4 bg-primary text-center">
            column CARD 1 OF 3 section
          </div>
          <div class="col-md-4 bg-primary text-center text-center">
            column CARD 2 OF 3 section
          </div>
          <div class="col-md-4 bg-primary text-center">
            column CARD 3 OF 3 section
          </div>
        </div>

        <!-- main content section (big right box) column end -->
      </div>

      <!-- sidebar column end -->
    </div>
    <!-- END of content sections -->

    <!-- END of container section -->
  </div>

  <!-- footer section -->
  <div class="row">
    <div class="col footer_section text-center text-white bg-dark">FOOTER section
    </div>
  </div>

<!-- scroll to top button styling (visible when scrolling down) --> 
<!-- source: https://codeplaners.com/how-to-scroll-back-to-top-in-bootstrap/ -->
    <!-- red button: btn-danger
         blue button: btn-primary -->
<a id="back-to-top" d-none d-sm-block d-print-none href="#" class="btn btn-primary d-none d-lg-block d-print-none btn-lg back_to_top" role="button"><i class="fas fa-chevron-up"></i></a>
/* scroll spy */
body {
  position: relative;
}

/* smooth scrolling (for modern browsers. Older browsers use JS code instead) */
html {
  scroll-behavior: smooth;
}


/* ---------- other --------- */
/* top horizontal navbar */
.navbar {
    background-color: RoyalBlue;
} 


@media screen and (max-width: 767px) {
  .navbar-collapse {
    padding-top: 25px;
  }
}

/* fixed top navbar when scrolling */
.mySticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* header stays above scrolling content */
  z-index: 99
}




/* sidebar nav -stays in same location while scrolling */ 
.sticky-column {
  position: -webkit-sticky;
  position: sticky;
  /* top alignment of sidebar nav */
  top: 0rem;
  /* general appearance */
  background: WhiteSmoke;
  /* gray outline around navbar area
  border: 1px solid DarkGray; */
  /* rounded corners of navbar area */  
  border-radius: 5px;
  padding-left: 0px;
  padding-right: 0px;
 
  /* scrollbar appears with screens not high enough to display entire sidebar nav, otherwise hidden */
        overflow: auto;
        /* change "6rem" value height of when scrollbar appears */
        max-height: calc(100vh - 6rem);
/* scrollbar appearance (Firefox only) */  
        scrollbar-width: thin;
        scrollbar-color: LightGray white; 
     /* scrollbar on left side   direction: rtl;*/        
}
  
/* scrollbar appearance (webkit browsers) */ 
/* width */
.sticky-column::-webkit-scrollbar {
  width: 7px;
}
/* Track */
.sticky-column::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px WhiteSmoke; 
  border-radius: 10px;
}
/* Handle */
.sticky-column::-webkit-scrollbar-thumb {
  background: Darkgray; 
  border-radius: 10px;
}
/* Handle on hover */
.sticky-column::-webkit-scrollbar-thumb:hover {
  background: Gray; 
}
  
  



/* styling of left (text-area) row */
.leftrow {
    padding: 50;
    align-items: flex-start;
    background: white;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}




/* styling of right row */
.rightrow {
/*  background-color: white; */
}



/* collapse columns if required */
.sticky-column .nav-button > .nav-link + nav {
/* CHANGED .nav-pills to .nav-button */
  display: none;  
}

/* sub-items opened */
.sticky-column .nav-button > .nav-link.active + nav {
     display: block;
 }

/* end collapse columns */
.main-header {
  margin:0;
  padding:2rem;
}

/* -- sidebar nav styles -- */
/* main-items side-navbar text color */
.nav-link {
  display: block;
  padding: 4px 10px;
  font-size: 13px;
  font-weight: 300;
  color: DimGray; 
}

/* sub-items  */
.flex-column > .sub-item {
  font-size: 13px;
  font-weight: 300;
  color: DimGray;
}


/* active item (currently selected item) 
------ rectangular block background ----- */
 .nav-link.active {
  /* rounded corners */
  border-radius: 5px;
  padding-left: 10px;
  font-weight: 500;
  color: white;
  background: RoyalBlue;
}   


/* OR.... USE THIS: active item (currently selected item) 
------ thin vertical line ----- */
/* .nav-link.active {
  padding-left: 18px;
  font-weight: 900;
  color: DarkGray;
  background-color: transparent;
  border-left: 3px solid RoyalBlue;
} */






/* item hover (when hovering mouse over) */
.flex-column > .nav-link:focus,
.flex-column > .nav-link:hover {
    /* rounded corners */   
  border-radius: 5px;   
  padding-left: 10px;
  color: white;
  background: LightGray;
  text-decoration: none;
  font-weight: 700;   */
  /* UNUSED border line  
      border-left: 1px solid #563d7c; */
  }     

/* OR.... USE THIS -a thin vertical line */
/* .flex-column > .nav-link:focus,
.flex-column > .nav-link:hover {
  .nav-link.active {
  padding-left: 18px;
  font-weight: 900;
  color: Orange;
  background-color: Red;
  border-left: 3px solid RoyalBlue;
}    */



/* hack for offset as "data-offset" not working in scroll spy */
/* not needed when top navbar hides while scrolling down      */
/* .myContainer h4:before,
.myContainer h5:before{
  content:"";
  display:block;
  padding-top:85px;
  margin-top:-85px;
  pointer-events:none;
} */


/* -------- FOR GUIDANCE -------- */
/* framing of content boxes (to see the layout) */
/* div[class*='col'] {
        border-width: 1px;
        border-style: dotted;
        border-color: LightGray;

}   */





/* styling of sidebar-navigation section */
/* 
.sidenav {
  margin: 0.1rem;
  padding: 0.1rem;
  border-radius: 0.5rem;
  background-color: purple;
} 
*/





/* styling of footer section */
.footer_section {
  border-radius: 0.3rem;
  margin: 0.1rem;
  padding: 0.5rem;
}


/* ======================== */
/* scroll to top button */
.back_to_top {
    position: fixed;
    bottom: 5px;
    right: 5px;
    display: none;
}
/* -- scroll to top button -- */
$(document).ready(function(){
    $(window).scroll(function () {
            if ($(this).scrollTop() > 50) {
                $('#back-to-top').fadeIn();
            } else {
                $('#back-to-top').fadeOut();
            }
        });
        // scroll body to 0px on click
        $('#back-to-top').click(function () {
            $('body,html').animate({
                scrollTop: 0
            }, 400);
            return false;
        });
});


/* --- scrollspy target ---  */
$(document).ready(function () {
  $("body").attr({
    "data-spy": "scroll",
    "data-target": "#sidenav",
    "data-offset": "85" //not working
  });
}); 
Run Pen

External CSS

  1. https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css

External JavaScript

  1. https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js
  2. https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js