Vertical Navigation List in Bootstrap with pages

Question

Hello Helpmates,

 

I am trying to create a page which should have a Verticle Navigation List Group and when You click any List item it shoud show up a page that is mentioned in href="example.aspx"

 

example :

<div class="list-group"> <a href="#" class="list-group-item list-group-item-action active"> Cras justo odio </a> <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a> <a href="#" class="list-group-item list-group-item-action">Morbi leo risus</a> <a href="#" class="list-group-item list-group-item-action">Porta ac consectetur ac</a> <a href="#" class="list-group-item list-group-item-action disabled">Vestibulum at eros</a> </div>

I can use Master page and content pages but I want to try a different way where you can see the page that the list item is referencing

 

 

real world example:

https://www.mycreativeshop.com/templates/business-cards/education-training

 

It will be a great help in my task.