Block Timeline

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

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

{% block content %}

<twig:block-timeline
    class="my-4"
    linePosition="center"
    :events="[
        {
            date: '2023-06-15',
            title: 'Official Partnership',
            content: 'We become Official RPA Partner in Chile.',
            icon: 'fa-solid fa-handshake fa-fw'
        },
        {
            date: '2022-11',
            title: 'International Expansion',
            content: 'We started receiving requests from clients outside Chile.',
            icon: 'fa-solid fa-globe fa-fw'
        },
        {
            date: '2022-06',
            title: 'International Project',
            content: 'Product development for clients outside Chile.',
            icon: 'fa-solid fa-globe fa-fw'
        },
        {
            date: '2021-05',
            title: 'New Products',
            content: 'Creation of Software 1, Software 2 and <a href=\'https://www.example.com/\' target=\'_blank\'>Software 3</a>.',
            icon: 'fa-solid fa-briefcase fa-fw'
        }
    ]"
/>

<twig:block-timeline
    class="my-4"
    linePosition="left"
    :events="[
        {
            date: '2023-06-15',
            title: 'Official Partnership',
            content: 'We become Official RPA Partner in Chile.',
            icon: 'fa-solid fa-handshake fa-fw'
        },
        {
            date: '2022-11',
            title: 'International Expansion',
            content: 'We started receiving requests from clients outside Chile.',
            icon: 'fa-solid fa-globe fa-fw'
        },
        {
            date: '2022-06',
            title: 'International Project',
            content: 'Product development for clients outside Chile.',
            icon: 'fa-solid fa-globe'
        },
        {
            date: '2021-05',
            title: 'New Products',
            content: 'Creation of Software 1, Software 2 and <a href=\'https://www.example.com/\' target=\'_blank\'>Software 3</a>.',
            icon: 'fa-solid fa-briefcase'
        }
    ]"
/>

<twig:block-timeline
    class="my-4"
    linePosition="right"
    :events="[
        {
            date: '2023-06-15',
            title: 'Official Partnership',
            content: 'We become Official RPA Partner in Chile.',
            icon: 'fa-solid fa-handshake'
        },
        {
            date: '2022-11',
            title: 'International Expansion',
            content: 'We started receiving requests from clients outside Chile.',
            icon: 'fa-solid fa-globe'
        },
        {
            date: '2022-06',
            title: 'International Project',
            content: 'Product development for clients outside Chile.',
            icon: 'fa-solid fa-globe fa-fw'
        },
        {
            date: '2021-05',
            title: 'New Products',
            content: 'Creation of Software 1, Software 2 and <a href=\'https://www.example.com/\' target=\'_blank\'>Software 3</a>.',
            icon: 'fa-solid fa-briefcase fa-fw'
        }
    ]"
/>

<twig:block-timeline
    class="my-4"
    linePosition="left"
    :events="[
        {
            date: '2023',
            title: 'Official Partnership',
            content: 'We become Official RPA Partner in Chile.',
            icon: 'fa-solid fa-handshake'
        },
        {
            date: '2022',
            title: 'International Expansion',
            content: 'We started receiving requests from clients outside Chile.',
            icon: 'fa-solid fa-globe'
        },
        {
            date: '2022',
            title: 'International Project',
            content: 'Product development for clients outside Chile.',
            icon: 'fa-solid fa-globe fa-fw'
        },
        {
            date: '2021',
            title: 'New Products',
            content: 'Creation of Software 1, Software 2 and <a href=\'https://www.example.com/\' target=\'_blank\'>Software 3</a>.',
            icon: 'fa-solid fa-briefcase fa-fw'
        }
    ]"
/>

{% endblock %}