Table of Contents

<section>
	<div class="fw-container">
		<div class="fw-row">
			<div class="fw-col-12">
				<nav class="sc-toc toc-4a692fac sc-toc--nested" data-scope="custom" data-selector="#toc-demo-article" data-levels="2,3" data-hierarchical="1" data-min="2" data-numeration="decimal_nested" data-suffix="." data-smooth="1" data-offset="0" data-scrollspy="1" data-nofollow="0" data-skip="" role="navigation" aria-label="Table of Contents">
					<div class="sc-toc__header">
						<span class="sc-toc__title">Table of Contents</span>
					</div>
					<ul class="sc-toc__list">
						<li class="sc-toc__empty" hidden>No headings found.</li>
					</ul>
				</nav>
				<div id="toc-demo-article">
					<h2>Getting started</h2>
					<p>Install the framework, activate the Bootstrap 5 theme, and open the page builder.</p>
					<h3>Install the plugin</h3>
					<p>Upload the plugin zip or install it from the dashboard.</p>
					<h3>Activate the theme</h3>
					<p>Switch to the Unyson+ theme to pick up the full design-token system.</p>
					<h2>Building a page</h2>
					<p>Drag sections, columns and elements onto the canvas.</p>
					<h3>Add your sections</h3>
					<p>Each section is a full-width band that holds rows and columns.</p>
					<h3>Style with tokens</h3>
					<p>Tune colour, spacing and type from clean wrapper classes.</p>
					<h2>Going live</h2>
					<p>Publish, and your responsive page is live.</p>
				</div>
			</div>
		</div>
	</div>
</section>