---
title: Article page
layout: tui-ssg-template-layout.hbs
bodyClass: articlepage
---

{{>hero_responsive_light article-page.data.fields}}
<main class="main-content">
  <section>
    <div class="tui-container">
      <div class="info-wrapper">
        {{>tui_aside_navigation data=tui-aside-navigation}}
        <article class="info-article">
          {{>tui_breadcrumb data=tui-breadcrumb}}
          <div class="info-page-intro page-intro text-block">
            <h1>{{article-page.data.fields.heading}}</h1>
            {{#if article-page.data.fields.preamble}}
              <div class="tui-text-content preamble" data-markdown>
{{article-page.data.fields.preamble}}
              </div>
            {{/if}}
          </div>

          <div class="info-body">
            <div class="tui-text-content" data-markdown>
{{{article-page.data.fields.componentsArea.0.fields.text}}}
            </div>
          </div>
          <aside class="info-aside">
            {{#each article-page.data.fields.rightColumnComponents}}
{{>info_box fields}}
            {{/each}}
          </aside>
        </article>

      </div>
    </div>
  </section>
</main>
{{>markdown_converter}}