Table of Contents Generator Stack Stack

Table of Contents Generator Stack

This stack dynamically builds a table of contents based on the header tags included in the web page, H1 through H6. Additionally, it can add hierarchical data organization.

€6.99 » Add to Cart

Demo : Stack Applied

Return
This is the generated table of contents. Click on any of the links and you'll notice a smooth scrolling effect. Want to see the page without the stack? Click here.

The standard Lorem Ipsum passage


Written by Cicero in 45 BC


"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Section 1.10.32 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"

Pporttitor tempus nisl


Duis leo lorem, tempor sed pellentesque sit amet, vulputate gravida lacus. Cras leo felis, interdum sed suscipit sit amet, consectetur a leo. Sed at libero libero, ut porta sem. Sed interdum tempor est at euismod. Suspendisse ut pretium lectus. Fusce in leo tortor. Sed dictum, neque et tincidunt ullamcorper, nisl massa dapibus dolor, id aliquet massa nisi ac tellus. Mauris magna felis, porttitor ut lobortis sit amet, varius in est. Mauris consequat orci tincidunt tortor pretium vel mollis ante pretium. Morbi laoreet egestas dui eu aliquam. Fusce nibh nibh, sodales consectetur tristique sit amet, pulvinar a turpis. Vivamus vehicula mollis sem ac ultrices. Nunc at orci et libero venenatis malesuada non sit amet sapien. Integer ultrices rhoncus dolor, eget malesuada magna tempor sit amet.

Phasellus magna dolor, tincidunt accumsan vehicula nec, porttitor tempus nisl. Phasellus et arcu id leo viverra vulputate. Etiam quis ipsum et orci varius malesuada non feugiat lacus. Praesent non turpis id sapien elementum tempus sed et libero. Praesent elementum eros non libero cursus varius. Donec pharetra, nunc ut congue luctus, diam eros auctor tortor, eget commodo dui ipsum in felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur a neque at ante suscipit luctus quis et tortor. Nulla ut sollicitudin ante. Ut quis sem leo. Phasellus consectetur blandit risus, elementum pharetra mi porta eu. Vestibulum enim mi, malesuada non luctus vitae, posuere eu leo. Fusce tincidunt, diam eget tempor porttitor, nunc nulla hendrerit lectus, vitae rutrum augue orci quis mi. Donec faucibus commodo sem, et posuere dolor auctor convallis. Etiam ac metus ut ligula gravida pharetra.

Morbi blandit leo ut dolor commodo in congue est fermentum. Curabitur placerat elit non diam elementum varius. Aenean sodales scelerisque consequat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam lobortis nisl non purus suscipit laoreet. Maecenas porttitor commodo lectus, ac iaculis sem viverra euismod. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus ac tortor nulla. Donec hendrerit enim quam, sit amet commodo neque. Proin gravida imperdiet ipsum quis blandit. Ut nulla tellus, tincidunt commodo aliquet ut, bibendum at nunc.

Translation by H. Rackham


Aenean in ipsum lorem


Donec faucibus, dui in varius iaculis, lorem sapien mollis dui, nec placerat tortor lectus posuere orci. Morbi arcu lectus, rhoncus a tempor ac, malesuada non purus. Cras eu magna nec nisi molestie egestas. Suspendisse et nunc erat, in tincidunt leo. Etiam pretium libero tortor, sit amet hendrerit risus. Aliquam quis eros vel velit ultricies pretium sed molestie eros. In sit amet dolor id diam accumsan semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent sollicitudin viverra libero eget tempus.

Ut congue, sem sed congue laoreet, dolor erat euismod tortor, et pulvinar metus nisl eu ipsum. In at pharetra ante. Pellentesque neque urna, lacinia sit amet auctor a, suscipit a felis. Quisque dapibus sagittis ante, quis lobortis metus varius iaculis. Aenean sit amet velit enim. Nam enim elit, adipiscing nec tincidunt vitae, dapibus a purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras pharetra, metus et iaculis malesuada, justo elit semper enim, id mattis sapien augue in dolor. Donec at tellus non sem facilisis suscipit. Suspendisse vel tincidunt tortor. Maecenas eget quam neque, non dictum ligula. Vestibulum tincidunt ipsum in massa feugiat dignissim. Sed dapibus nulla eget tortor congue in auctor dolor condimentum. In hac habitasse platea dictumst.

Aenean commodo nunc et eros accumsan quis lacinia augue posuere. Sed magna lorem, interdum non convallis sed, fringilla in magna. Nulla malesuada sollicitudin consectetur. Sed tincidunt ullamcorper nisl, et fermentum risus dapibus lobortis. Vestibulum bibendum enim viverra lorem sollicitudin id iaculis metus iaculis. Cras est ipsum, faucibus in dictum vitae, cursus a libero. Maecenas nec nunc vitae purus elementum consectetur sit amet et nunc. Integer sit amet velit eget sem commodo tincidunt eget laoreet ligula. Morbi nisl ligula, elementum eu lacinia eget, vestibulum at arcu. Praesent et augue turpis. Nunc vulputate elit sit amet elit molestie nec dignissim orci pulvinar. Integer vulputate porttitor purus, ornare tempus nunc placerat eu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent non purus erat, a semper libero. Curabitur congue, nibh et ornare porttitor, lorem nisl semper tortor, eu varius sem sapien sed metus. Proin condimentum tincidunt eros non suscipit.

At vero eos et accusamus


"But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure. To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure?"

Section 1.10.33 of "de Finibus Bonorum et Malorum", written by Cicero in 45 BC

"Et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat."

Translation by H. Rackham


Proin bibendum condimentum


Ut vitae eros enim. Praesent vitae lacus vitae libero ullamcorper pretium quis nec mi. Aenean imperdiet pharetra blandit. Suspendisse sodales aliquet neque vel aliquam. Donec gravida diam id turpis porttitor non mattis tellus feugiat. Fusce suscipit, lorem vel lacinia adipiscing, erat orci tristique nibh, eget congue diam purus vitae ipsum. Morbi convallis neque nec ipsum porttitor venenatis. Donec a sapien eu ligula consequat pretium et ac purus. Sed tortor est, ultricies sit amet eleifend eget, ultricies in tellus. Aenean a purus non nisl pellentesque semper. Sed sit amet consectetur nisl. Curabitur vehicula tincidunt nulla, id pretium elit ornare ac. Etiam sit amet turpis est, id dictum metus.

Morbi vulputate libero vel quam dignissim aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed et tincidunt lectus. Donec lacinia lectus nec ante dignissim placerat. Proin condimentum congue orci, tempor tincidunt leo rhoncus in. Vivamus vel rutrum nisi. Suspendisse quis sapien vulputate magna feugiat placerat. Nulla auctor faucibus lectus eu fringilla. Aenean at lorem ligula, ultrices euismod tortor. Ut in sem sed massa lobortis faucibus. Vivamus feugiat volutpat felis a sagittis. Nunc commodo placerat lorem vitae aliquam. Nullam et nulla nibh, malesuada venenatis sem. Pellentesque elit nisl, congue sed adipiscing id, scelerisque in sem. Curabitur nisl augue, adipiscing vitae ultrices sit amet, porttitor id est. Aenean sit amet leo lectus, eget convallis nunc. Nam vulputate vulputate ligula quis interdum.

Quisque gravida lobortis iaculis


Nunc tincidunt consectetur dapibus. Sed massa massa, porta vel mattis eget, adipiscing vel ipsum. Proin eros quam, tincidunt nec tempor at, varius pellentesque odio. Fusce at arcu elit. Pellentesque scelerisque erat quis enim condimentum eu mollis dui sagittis. Mauris gravida venenatis enim. Vestibulum euismod, tortor et tempus faucibus, eros odio placerat purus, ut feugiat libero lorem eu urna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed eget pulvinar nulla. Etiam ultricies molestie venenatis. Nunc molestie metus sed felis scelerisque quis cursus augue varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque non nulla ac justo pellentesque vulputate eget ut tortor. Sed leo sem, aliquam eget semper eu, porttitor sed erat. Sed pharetra tempus erat et dapibus. Donec varius semper scelerisque. Curabitur consequat, neque eu varius lacinia, urna neque tempor urna, sed commodo ante elit quis lacus. Suspendisse potenti. Nam ultrices venenatis iaculis.

"On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are bound to ensue; and equal blame belongs to those who fail in their duty through weakness of will, which is the same as saying through shrinking from toil and pain. These cases are perfectly simple and easy to distinguish. In a free hour, when our power of choice is untrammelled and when nothing prevents our being able to do what we like best, every pleasure is to be welcomed and every pain avoided. But in certain circumstances and owing to the claims of duty or the obligations of business it will frequently occur that pleasures have to be repudiated and annoyances accepted. The wise man therefore always holds in these matters to this principle of selection: he rejects pleasures to secure other greater pleasures, or else he endures pains to avoid worse pains."

Aliquam rutrum ultrices est


In commodo metus hendrerit ut


Sed vestibulum mattis leo in dictum. Donec malesuada, lorem ut fermentum suscipit, nibh est luctus dolor, id egestas dui leo tincidunt felis. Etiam vehicula gravida nisl sit amet placerat. Phasellus posuere felis ut risus varius accumsan bibendum diam dapibus. Fusce imperdiet sodales dui, in fermentum tellus congue eget. Fusce justo augue, volutpat et egestas eu, dapibus id diam. Vivamus eros nibh, faucibus sed dictum nec, vulputate sed nunc. Duis massa erat, vulputate ullamcorper volutpat vel, porttitor sed diam. Suspendisse eget eros eu mi lacinia convallis at vitae mauris. Maecenas lobortis nunc ac metus tristique quis aliquet nisl placerat. Suspendisse dictum feugiat augue at imperdiet. Nullam ultrices lacus eu massa convallis id vestibulum quam ultrices. Nulla sed metus mauris. Praesent lorem lectus, lobortis sit amet eleifend eget, ultrices sed nunc. Sed accumsan tempor vulputate. Sed pretium ornare tortor, vitae rutrum sapien auctor sit amet.

Aenean rhoncus convallis viverra. Duis non sodales erat. Vestibulum non viverra velit. Mauris consequat tincidunt eros eget viverra. Integer arcu mauris, gravida ac mattis eu, volutpat sed dolor. Phasellus pharetra, nisl ornare semper convallis, risus ante interdum lectus, ut mollis mauris odio ac arcu. Cras ultrices tellus non magna molestie ut auctor dolor condimentum. Nunc vulputate est pellentesque libero mollis quis dictum elit consectetur. In hac habitasse platea dictumst. Curabitur placerat varius risus eget commodo. Nullam scelerisque malesuada egestas. Quisque iaculis bibendum sem, at tristique enim pellentesque in. Nulla mi libero, ultricies id tincidunt non, tempor et sem. Etiam non lectus sapien. Sed tincidunt sapien non ante egestas imperdiet.

Nulla at sem ac pellentesque


Nulla at sem ac velit pellentesque ultricies. Nullam nec leo in nisi congue sollicitudin eu in sapien. Aliquam tortor odio, mattis malesuada tristique sed, fringilla in nibh. Vivamus et arcu ac ligula consectetur tempor eu in erat. Vivamus a vehicula lacus. In hac habitasse platea dictumst. Sed molestie viverra blandit. Vestibulum interdum aliquam eleifend. Morbi porttitor blandit neque id condimentum. Maecenas sodales auctor augue. Aenean suscipit viverra elit, at rhoncus dolor mattis ut. Etiam ac arcu sed turpis vulputate lacinia. Maecenas ut dui quis elit dignissim faucibus nec quis neque. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec in sem sapien. Nam bibendum, leo ac ultricies eleifend, lorem tellus pretium ante, non porttitor neque augue ac purus. Nullam ullamcorper commodo nunc, commodo rutrum turpis scelerisque vel.

Mauris nec ligula risus. Curabitur ut est ac mi semper gravida. Cras rutrum tortor ac nulla dignissim et mollis mauris viverra. Suspendisse convallis fermentum sem sit amet ultrices. Fusce ultrices molestie leo, non vestibulum mi aliquet id. Mauris ullamcorper arcu elementum magna viverra in pellentesque diam facilisis. Quisque et leo eget nisi dapibus scelerisque. Suspendisse pellentesque rhoncus nibh, lobortis vehicula orci placerat pulvinar. Quisque a facilisis ante. Donec sit amet turpis at erat lobortis rutrum. Phasellus a metus eget elit sodales ultrices vitae ac arcu.

Connect With Us

Newsletter Signup

Sign up to gain access to exclusive discounts and previews.