Block Text Image

{# derafu_twig:templates/pages/components/block-text-image.html.twig #}

{% extends 'layouts/default.html.twig' %}

{% block content %}

<twig:block-text-image
    class="my-4"
    image="{{ base_path }}/img/block-hero.jpeg"
    title="Lorem ipsum dolor sit amet"
    content="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi malesuada tellus velit, in fringilla turpis interdum aliquet. Donec eget neque sit amet orci gravida eleifend.</p><p>Fusce aliquet tempus gravida. Nam ullamcorper libero ac velit pharetra, in volutpat sem vulputate. Integer quis suscipit nibh, non tempor enim. Nulla ipsum leo, vulputate nec dolor nec, aliquet porttitor nibh. Donec maximus tellus vitae ornare <a href='https://www.example.com/' target='_blank'>tellus</a> dignissim.</p>"
    :buttons="[
        {
            text: 'Example.com 1',
            url: 'https://www.example.com'
        },
        {
            text: 'Example.com 2',
            url: 'https://www.example.com'
        }
    ]"
/>

<twig:block-text-image
    class="my-4"
    image="{{ base_path }}/img/block-hero.jpeg"
    imagePosition="left"
    title="Lorem ipsum dolor sit amet"
    content="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi malesuada tellus velit, in fringilla turpis interdum aliquet. Donec eget neque sit amet orci gravida eleifend.</p><p>Fusce aliquet tempus gravida. Nam ullamcorper libero ac velit pharetra, in volutpat sem vulputate. Integer quis suscipit nibh, non tempor enim. Nulla ipsum leo, vulputate nec dolor nec, aliquet porttitor nibh. Donec maximus tellus vitae ornare dignissim.</p>"
    :buttons="[
        {
            text: 'Example.com',
            url: 'https://www.example.com'
        }
    ]"
/>

{% endblock %}