<div class="js-component component-spacer-margin relative z-0">
<div class="container">
<div class="lg:flex space-y-8 lg:space-y-0 lg:space-x-8">
<div class="prose xl:prose-lg max-w-none flex-1 prose-h2:font-normal prose-a:text-button-surface prose-a:hover:text-button-surface-hover">
<h2>Heading 1</h2>
<p><a href=''>Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. Etiam felis nibh, faucibus at sapien eu, ultricies placerat enim. Sed id iaculis ipsum, ac maximus mauris. Ut velit odio, scelerisque vitae tristique eget, accumsan vestibulum neque.</p>
</div>
<div class="prose xl:prose-lg max-w-none flex-1 prose-h2:font-normal prose-a:text-button-surface prose-a:hover:text-button-surface-hover">
<h2>Heading 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis nibh, faucibus at sapien eu, ultricies placerat enim. Sed id iaculis ipsum, ac maximus mauris. <a href=''>Ut velit odio</a>, scelerisque vitae tristique eget, accumsan vestibulum neque.</p>
</div>
<div class="prose xl:prose-lg max-w-none flex-1 prose-h2:font-normal prose-a:text-button-surface prose-a:hover:text-button-surface-hover">
<h2>Heading 3</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis nibh, faucibus at sapien eu, ultricies placerat enim. Sed id iaculis ipsum, ac maximus mauris. Ut velit odio, scelerisque vitae tristique eget, accumsan vestibulum neque.</p>
</div>
</div>
</div>
</div>
<div
class="js-component component-spacer-margin relative z-0"
{% if dataTheme %}data-theme="{{ dataTheme }}"{% endif %}
{% if dataMode %}data-mode="{{ dataMode }}"{% endif %}
>
<div class="container">
{% if text and not text2 and not text3 %}
<div class="max-w-screen-md mx-auto">
<div class="prose xl:prose-lg max-w-none prose-h2:font-normal prose-a:text-button-surface prose-a:hover:text-button-surface-hover">
{{ text | safe }}
</div>
</div>
{% else %}
<div class="lg:flex space-y-8 lg:space-y-0 lg:space-x-8">
{% if text %}
<div class="prose xl:prose-lg max-w-none flex-1 prose-h2:font-normal prose-a:text-button-surface prose-a:hover:text-button-surface-hover">
{{ text | safe }}
</div>
{% endif %}
{% if text2 %}
<div class="prose xl:prose-lg max-w-none flex-1 prose-h2:font-normal prose-a:text-button-surface prose-a:hover:text-button-surface-hover">
{{ text2 | safe }}
</div>
{% endif %}
{% if text3 %}
<div class="prose xl:prose-lg max-w-none flex-1 prose-h2:font-normal prose-a:text-button-surface prose-a:hover:text-button-surface-hover">
{{ text3 | safe }}
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
{
"siteName": "UCEA",
"dataTheme": "",
"dataMode": "",
"text": "<h2>Heading 1</h2><p><a href=''>Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. Etiam felis nibh, faucibus at sapien eu, ultricies placerat enim. Sed id iaculis ipsum, ac maximus mauris. Ut velit odio, scelerisque vitae tristique eget, accumsan vestibulum neque.</p>",
"text2": "<h2>Heading 2</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis nibh, faucibus at sapien eu, ultricies placerat enim. Sed id iaculis ipsum, ac maximus mauris. <a href=''>Ut velit odio</a>, scelerisque vitae tristique eget, accumsan vestibulum neque.</p>",
"text3": "<h2>Heading 3</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam felis nibh, faucibus at sapien eu, ultricies placerat enim. Sed id iaculis ipsum, ac maximus mauris. Ut velit odio, scelerisque vitae tristique eget, accumsan vestibulum neque.</p>"
}
No notes defined.