<h1 class="h3 mb-3">{{title}}</h1>
{{{desc}}}
<div class="row">
	<div class="col-md-3 col-xl-2">
		<div class="card">
			<div class="card-header">
				<h5 class="card-title mb-0">{{{submenutitle}}}</h5>
			</div>
			<div class="list-group list-group-flush" role="tablist">
      {{#submenuitems}}
				<a class="list-group-item list-group-item-action {{active}}" data-bs-toggle="list" href="#{{id}}" role="tab">{{{submenudesc}}}
        </a>
      {{/submenuitems}}
			</div>
		</div>
	</div>
	<div class="col-md-9 col-xl-10">
		<div class="tab-content">
      {{#submenuitems}}
				<div class="tab-pane fade show {{active}}" id="{{id}}" role="tabpanel">
					{{{content}}}
	      </div>
      {{/submenuitems}}
    </div>
	</div>
</div>
