Block Team

Showcase of team members.

John Doe

John Doe

Fundador
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
John Doe

John Doe

Fundador
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
John Doe

John Doe

Fundador
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
John Doe

John Doe

Fundador
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
John Doe

John Doe

Fundador
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
John Doe

John Doe

Fundador
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
John Doe

John Doe

Fundador
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
John Doe

John Doe

Fundador
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
John Doe

John Doe

Fundador
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
John Doe

John Doe

Fundador
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
John Doe

John Doe

Fundador
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
John Doe

John Doe

Fundador
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
{# derafu_twig:templates/pages/components/block-team.html.twig #}

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

{% block content %}
<twig:block-team
    :members="[
        {
            name: 'John Doe',
            role: 'Fundador',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        },
    ]"
    :cols="1"
/>
<twig:block-team
    :members="[
        {
            name: 'John Doe',
            role: 'Fundador',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        },
        {
            name: 'John Doe',
            role: 'Fundador',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        },
        {
            name: 'John Doe',
            role: 'Fundador',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        },
        {
            name: 'John Doe',
            role: 'Fundador',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        },
    ]"
    :cols="2"

/>
<twig:block-team
    :members="[
        {
            name: 'John Doe',
            role: 'Fundador',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        },
        {
            name: 'John Doe',
            role: 'Fundador',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        },
        {
            name: 'John Doe',
            role: 'Fundador',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        },
    ]"
    :cols="3"

/>
<twig:block-team
    :members="[
        {
            name: 'John Doe',
            role: 'Fundador',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        },
        {
            name: 'John Doe',
            role: 'Fundador',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        },
        {
            name: 'John Doe',
            role: 'Fundador',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: ''
                }
            ]
        },
        {
            name: 'John Doe',
            role: 'Fundador',
            image: '../../img/block-hero.jpeg',
            bio: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.',
            links: [
                {
                    icon: 'fa-brands fa-linkedin',
                    text: 'LinkedIn',
                    url: 'https://www.example.com'
                },
                {
                    icon: 'fa-brands fa-github',
                    text: 'GitHub',
                    url: 'https://www.example.com'
                }
            ]
        },
    ]"
    :cols="4"

/>
{% endblock %}