<div class="mediaBlock u-bg-theme">
<div class="mediaBlock_figure">
<div class="embed embed-4:3">
<img class="embed_media-img" src="../../assets/bridge-4-3.jpg" alt="">
</div>
</div>
<div class="mediaBlock_body">
<h2 class="mediaBlock_title">
Lorem ipsum
</h2>
<div class="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 class="mediaBlock_actions">
<p class="mediaBlock_action">
<a class="actionLink actionLink-alt" href="#">
<span>Lorem ipsum</span>
</a>
</p>
<p class="mediaBlock_action">
<a class="actionLink actionLink-alt" href="#">
<span>Lorem ipsum</span>
</a>
</p>
</div>
</div>
</div>
<div class="mediaBlock u-bg-theme">
<div class="mediaBlock_figure">
<div class="embed embed-4:3">
<img class="embed_media-img" src="{{ path img }}" alt="">
</div>
</div>
<div class="mediaBlock_body">
<h2 class="mediaBlock_title">
{{ label }}
</h2>
<div class="typography-inverse">
{{{ htmlText }}}
</div>
<div class="mediaBlock_actions">
{{#each links}}
<p class="mediaBlock_action">
{{render '@action-link--alt' }}
</p>
{{/each}}
</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",
"id": "1",
"img": "/assets/bridge-4-3.jpg",
"links": [
{
"name": "first link"
},
{
"name": "fourth link"
}
]
}
There are no notes for this item.