<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>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>
<ul>
<li>In eu tristique est</li>
<li>In eu tristique est</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
</ul>
</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. <a href=''>Etiam felis nibh</a>, 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>
<ul>
<li>In eu tristique est</li>
<li>In eu tristique est</li>
<li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li>
</ul>
</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>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><ul><li>In eu tristique est</li><li>In eu tristique est</li><li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li></ul>",
"text2": "<h2>Heading 2</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href=''>Etiam felis nibh</a>, 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><ul><li>In eu tristique est</li><li>In eu tristique est</li><li>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</li></ul>"
}
No notes defined.