<div class="blog-left-nav"> <h4>In this blog</h4> <ul> <li> <a href="#1" class="selected"> section 1 </a> </li> <li> <a href="#2" class="selected"> section 2 </a> </li> </ul> </div> <style> .blog-left-nav { position: sticky; top: 55px; } .blog-left-nav h4 { font-size: 25px; } .blog-left-nav ul { padding-left: 0; } .blog-left-nav ul li { margin-top: 14px; } .blog-left-nav ul .selected { color: #0D6EFD; } .blog-left-nav ul a { color: #87898C; } </style>
<p>Sampe user guide here</p> <section class="blogSectionHeading" id="1"> section 1 </section> <p>section 1</p> <p>section 1</p> <p>section 1</p> <section class="blogSectionHeading" id="2"> section 2 </section> <p>section 2</p> <p>section 2</p> <p>section 2</p> <style> .blogSectionHeading { font-weight: 600; font-size: 24px; } </style>

<div class="related-content-container"> <h4>Related Content</h4> <ul> <li> <a href="https://www.systemviewacademy.com/w/new-update-to-myhub"> <p class="item-type" data-lfr-editable-id="item-type-1" data-lfr-editable-type="text" > What's New | SystemView </p> <p class="item-title" data-lfr-editable-id="item-title-1" data-lfr-editable-type="text" > New Update to MyHub </p> </a> </li> <li> <a href="https://www.systemviewacademy.com/w/a-beginner-s-guide-to-using-systemview-for-elective-surgery-reporting-and-analysis"> <p class="item-type" data-lfr-editable-id="item-type-1" data-lfr-editable-type="text" > Webinar </p> <p class="item-title" data-lfr-editable-id="item-title-1" data-lfr-editable-type="text" > A beginner's guide to using SystemView for Elective Surgery reporting and analysis </p> </a> </li> </ul> </div>