<!-- ### Begin: Element gridelements-column ### -->
<div id="c411" class="frame frame-default frame-type-gridelements-column frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<div class="row justify-content-center">
<div class="col-sm-8 text-center">
<!-- ### Begin: Element headers ### -->
<div id="c289" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 1
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
</div>
</div>
</div>
</div>
<!-- ### End: Element gridelements-column ### -->
<!-- ### Begin: Element gridelements-2columns ### -->
<div id="c845" class="frame frame-default frame-type-gridelements-2columns frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<div class="row">
<div class="col-lg-6">
<!-- ### Begin: Element headers ### -->
<div id="c346" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 1
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-lg-6">
<!-- ### Begin: Element headers ### -->
<div id="c223" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 2
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
</div>
</div>
</div>
</div>
<!-- ### End: Element gridelements-2columns ### -->
<!-- ### Begin: Element gridelements-3columns ### -->
<div id="c268" class="frame frame-default frame-type-gridelements-3columns frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<div class="row">
<div class="col-lg-4">
<!-- ### Begin: Element headers ### -->
<div id="c301" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 1
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-lg-4">
<!-- ### Begin: Element headers ### -->
<div id="c630" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 2
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-lg-4">
<!-- ### Begin: Element headers ### -->
<div id="c44" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 3
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
</div>
</div>
</div>
</div>
<!-- ### End: Element gridelements-3columns ### -->
<!-- ### Begin: Element gridelements-4columns ### -->
<div id="c824" class="frame frame-default frame-type-gridelements-4columns frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<div class="row">
<div class="col-lg-3">
<!-- ### Begin: Element headers ### -->
<div id="c533" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 1
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-lg-3">
<!-- ### Begin: Element headers ### -->
<div id="c238" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 2
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-lg-3">
<!-- ### Begin: Element headers ### -->
<div id="c31" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 3
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-lg-3">
<!-- ### Begin: Element headers ### -->
<div id="c12" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 4
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
</div>
</div>
</div>
</div>
<!-- ### End: Element gridelements-4columns ### -->
<!-- ### Begin: Element gridelements-5columns ### -->
<div id="c782" class="frame frame-default frame-type-gridelements-5columns frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<div class="row-15">
<div class="col-lg-3">
<!-- ### Begin: Element headers ### -->
<div id="c523" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 1
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-lg-3">
<!-- ### Begin: Element headers ### -->
<div id="c520" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 2
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-lg-3">
<!-- ### Begin: Element headers ### -->
<div id="c507" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 3
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-lg-3">
<!-- ### Begin: Element headers ### -->
<div id="c568" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 4
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-lg-3">
<!-- ### Begin: Element headers ### -->
<div id="c944" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 5
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
</div>
</div>
</div>
</div>
<!-- ### End: Element gridelements-5columns ### -->
<!-- ### Begin: Element gridelements-6columns ### -->
<div id="c285" class="frame frame-default frame-type-gridelements-6columns frame-layout-0 frame-background-none frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<div class="row">
<div class="col-md-4 col-xl-2">
<!-- ### Begin: Element headers ### -->
<div id="c168" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 1
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-md-4 col-xl-2">
<!-- ### Begin: Element headers ### -->
<div id="c626" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 2
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-md-4 col-xl-2">
<!-- ### Begin: Element headers ### -->
<div id="c472" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 3
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-md-4 col-xl-2">
<!-- ### Begin: Element headers ### -->
<div id="c627" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 4
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-md-4 col-xl-2">
<!-- ### Begin: Element headers ### -->
<div id="c105" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 5
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
<div class="col-md-4 col-xl-2">
<!-- ### Begin: Element headers ### -->
<div id="c282" class="frame frame-default frame-type-headers frame-layout-0 frame-background-secondary frame-no-backgroundimage frame-space-before-none frame-space-after-none">
<div class="frame-container">
<div class="frame-inner">
<header class="frame-header">
<h2 class="element-header">
Col 6
</h2>
</header>
</div>
</div>
</div>
<!-- ### End: Element headers ### -->
</div>
</div>
</div>
</div>
</div>
<!-- ### End: Element gridelements-6columns ### -->
{% import "@macro-render" as render %}
{% block main %}
{{ render.frames(grid) }}
{% endblock %}
{
"grid": [
{
"type": "column",
"context": {
"rowClass": "row justify-content-center",
"column": [
{
"class": "col-sm-8 text-center",
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 1"
}
}
]
}
]
}
},
{
"type": "2columns",
"context": {
"column": [
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 1"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 2"
}
}
]
}
]
}
},
{
"type": "3columns",
"context": {
"column": [
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 1"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 2"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 3"
}
}
]
}
]
}
},
{
"type": "4columns",
"context": {
"column": [
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 1"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 2"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 3"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 4"
}
}
]
}
]
}
},
{
"type": "5columns",
"context": {
"column": [
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 1"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 2"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 3"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 4"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 5"
}
}
]
}
]
}
},
{
"type": "6columns",
"context": {
"column": [
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 1"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 2"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 3"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 4"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 5"
}
}
]
},
{
"data": [
{
"type": "header",
"context": {
"background_color_class": "secondary",
"header": "Col 6"
}
}
]
}
]
}
}
]
}
No notes defined.