<div class="js-component relative z-0 component-spacer-margin">
<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">
<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">
<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>
{% if bgContrast %}
{% set bgClass = "component-spacer-padding bg-grey-50" %}
{% else %}
{% set bgClass = "component-spacer-margin" %}
{% endif %}
<div class="js-component relative z-0 {{bgClass}}">
<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">
{{ 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">
{{ text | safe }}
</div>
{% endif %}
{% if text2 %}
<div class="prose xl:prose-lg max-w-none flex-1">
{{ text2 | safe }}
</div>
{% endif %}
{% if text3 %}
<div class="prose xl:prose-lg max-w-none flex-1">
{{ text3 | safe }}
</div>
{% endif %}
</div>
{% endif %}
</div>
</div>
{
"siteName": "MentorKit Pattern Library",
"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.