<div class="contactCard">
<div class="contactCard_elem u-bg-theme">
<h3 class="contactCard_title">Lorem ipsum</h3>
<div class="typography typography-inverse">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>
</div>
</div>
<div class="contactCard_elem">
<h3 class="contactCard_title">Lorem ipsum</h3>
<div class="typography">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>
</div>
</div>
</div>
<div class="contactCard">
<div class="contactCard_elem u-bg-theme">
<h3 class="contactCard_title">{{label}}</h3>
<div class="typography typography-inverse">
{{{htmlText}}}
</div>
</div>
<div class="contactCard_elem">
<h3 class="contactCard_title">{{label}}</h3>
<div class="typography">
{{{htmlText}}}
</div>
</div>
</div>
{
"label": "Lorem ipsum",
"labelLong": "Lorem ipsum dolor sit amet",
"htmlText": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>",
"htmlTextMedium": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt.</p>",
"htmlTextShort": "<p>Integer varius tincidunt purus at laoreet. Sed congue sollicitudin.</p>",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus. Integer convallis maximus odio.",
"url": "#",
"videoUrl": "https://www.youtube.com/embed/roS6oFjCDhc"
}
This example show two .contactCard_elem
next to each others.
Having only one .contactCard_elem
element will not break the contact card module.