{% render 'src/web-app/+common/html/doc-begin.html' %}

{% render 'src/web-app/+common/html/page-header.html' %}

<main>
   <web-app-panels class=dna-panels data-menu-nav=main-web-app-panels>
      <web-app-panel id=web-app-panel class=dna-template data-hash=~~code~~>
         <header>
            <h2>~~header~~</h2>
         </header>
         <web-app-widgets>
            <web-app-widget data-array=~~widgetList~~ data-class=~~code~~>
               <header>
                  <h2>~~header~~</h2>
               </header>
            </web-app-widget>
         </web-app-widgets>
      </web-app-panel>
   </web-app-panels>
</main>

{% render 'src/web-app/+common/html/page-footer.html' %}

<web-app-widget-templates>
   {% render 'src/web-app/+page/generated/widgets.html' %}
</web-app-widget-templates>

{% render 'src/web-app/+common/html/doc-end.html' %}