Block Team
Showcase of team members.
{# 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 %}