<section class="supt-section-team">
<div class="container">
<div class="row">
<div class="col">
<h2 class="supt-section-team__title supt-slide-up-title">Group management </h2>
<div class="supt-section-team__grid">
<div class="supt-card-people">
<div class="supt-card-people__head">
<img src="/sites/gv/files/flmngr/superhuit/leadership/austin-lally.webp" alt="Austin Lally" />
</div>
<div class="supt-card-people__body">
<div class="supt-card-people__content">
<h3 class="supt-card-people__name">Austin Lally</h3>
<p class="supt-card-people__role">Chief Executive Officer</p>
</div>
<a href="#austin-lally" class="supt-button-link ">
<span>
Read more
<svg class="supt-icon-chevron -right" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 10" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M1.5 2.75L5.64645 6.89645C5.84171 7.09171 6.15829 7.09171 6.35355 6.89645L10.5 2.75" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</span>
</a>
</div>
</div>
<div class="supt-card-people">
<div class="supt-card-people__head">
<img src="/sites/gv/files/flmngr/superhuit/leadership/antonio-anguita.webp" alt="Antonio Anguita" />
</div>
<div class="supt-card-people__body">
<div class="supt-card-people__content">
<h3 class="supt-card-people__name">Antonio Anguita</h3>
<p class="supt-card-people__role">President of Iberia, Italy & Latin America</p>
</div>
<a href="#antonio-anguita" class="supt-button-link ">
<span>
Read more
<svg class="supt-icon-chevron -right" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 10" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M1.5 2.75L5.64645 6.89645C5.84171 7.09171 6.15829 7.09171 6.35355 6.89645L10.5 2.75" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</span>
</a>
</div>
</div>
<div class="supt-card-people">
<div class="supt-card-people__head">
<img src="/sites/gv/files/flmngr/superhuit/leadership/olivier-allender.webp" alt="Olivier Allender" />
</div>
<div class="supt-card-people__body">
<div class="supt-card-people__content">
<h3 class="supt-card-people__name">Olivier Allender</h3>
<p class="supt-card-people__role">President of France, Belgium, UK & Ireland, Arlo Europe</p>
</div>
<a href="#olivier-allender" class="supt-button-link ">
<span>
Read more
<svg class="supt-icon-chevron -right" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 10" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M1.5 2.75L5.64645 6.89645C5.84171 7.09171 6.15829 7.09171 6.35355 6.89645L10.5 2.75" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</span>
</a>
</div>
</div>
<div class="supt-card-people">
<div class="supt-card-people__head">
<img src="/sites/gv/files/flmngr/superhuit/leadership/marta-panzano.webp" alt="Marta Panzano" />
</div>
<div class="supt-card-people__body">
<div class="supt-card-people__content">
<h3 class="supt-card-people__name">Marta Panzano</h3>
<p class="supt-card-people__role">Chief Human Resources, Communications and ESG Officer</p>
</div>
<a href="#marta-panzano" class="supt-button-link ">
<span>
Read more
<svg class="supt-icon-chevron -right" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 10" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M1.5 2.75L5.64645 6.89645C5.84171 7.09171 6.15829 7.09171 6.35355 6.89645L10.5 2.75" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</span>
</a>
</div>
</div>
<div class="supt-card-people">
<div class="supt-card-people__head">
<img src="/sites/gv/files/flmngr/superhuit/leadership/jonas-lindstrom.webp" alt="Jonas Lindstrom" />
</div>
<div class="supt-card-people__body">
<div class="supt-card-people__content">
<h3 class="supt-card-people__name">Jonas Lindstrom</h3>
<p class="supt-card-people__role">General Manager Verisure Nordics</p>
</div>
<a href="#jonas-lindstrom" class="supt-button-link ">
<span>
Read more
<svg class="supt-icon-chevron -right" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 10" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M1.5 2.75L5.64645 6.89645C5.84171 7.09171 6.15829 7.09171 6.35355 6.89645L10.5 2.75" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</span>
</a>
</div>
</div>
<div class="supt-card-people">
<div class="supt-card-people__head">
<img src="/sites/gv/files/flmngr/superhuit/leadership/colin-smith.webp" alt="Colin Smith" />
</div>
<div class="supt-card-people__body">
<div class="supt-card-people__content">
<h3 class="supt-card-people__name">Colin Smith</h3>
<p class="supt-card-people__role">Chief Financial Officer</p>
</div>
<a href="#colin-smith" class="supt-button-link ">
<span>
Read more
<svg class="supt-icon-chevron -right" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 10" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M1.5 2.75L5.64645 6.89645C5.84171 7.09171 6.15829 7.09171 6.35355 6.89645L10.5 2.75" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</span>
</a>
</div>
</div>
<div class="supt-card-people">
<div class="supt-card-people__head">
<img src="/sites/gv/files/flmngr/superhuit/leadership/luis-gil.webp" alt="Luis Gil" />
</div>
<div class="supt-card-people__body">
<div class="supt-card-people__content">
<h3 class="supt-card-people__name">Luis Gil</h3>
<p class="supt-card-people__role">President of Expansion</p>
</div>
<a href="#luis-gil" class="supt-button-link ">
<span>
Read more
<svg class="supt-icon-chevron -right" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 10" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M1.5 2.75L5.64645 6.89645C5.84171 7.09171 6.15829 7.09171 6.35355 6.89645L10.5 2.75" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</span>
</a>
</div>
</div>
<div class="supt-card-people">
<div class="supt-card-people__head">
<img src="/sites/gv/files/flmngr/superhuit/leadership/olivier-horps.webp" alt="Olivier Horps" />
</div>
<div class="supt-card-people__body">
<div class="supt-card-people__content">
<h3 class="supt-card-people__name">Olivier Horps</h3>
<p class="supt-card-people__role">Chief Marketing Officer</p>
</div>
<a href="#olivier-horps" class="supt-button-link ">
<span>
Read more
<svg class="supt-icon-chevron -right" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 10" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M1.5 2.75L5.64645 6.89645C5.84171 7.09171 6.15829 7.09171 6.35355 6.89645L10.5 2.75" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</span>
</a>
</div>
</div>
<div class="supt-card-people">
<div class="supt-card-people__head">
<img src="/sites/gv/files/flmngr/superhuit/leadership/nina-cronstedt.webp" alt="Nina Cronstedt" />
</div>
<div class="supt-card-people__body">
<div class="supt-card-people__content">
<h3 class="supt-card-people__name">Nina Cronstedt</h3>
<p class="supt-card-people__role">Chief Legal Officer</p>
</div>
<a href="#nina-cronstedt" class="supt-button-link ">
<span>
Read more
<svg class="supt-icon-chevron -right" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 10" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M1.5 2.75L5.64645 6.89645C5.84171 7.09171 6.15829 7.09171 6.35355 6.89645L10.5 2.75" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</span>
</a>
</div>
</div>
<div class="supt-card-people">
<div class="supt-card-people__head">
<img src="/sites/gv/files/flmngr/superhuit/leadership/cristina-rivas-saiz.webp" alt="Cristina Rivas Saiz" />
</div>
<div class="supt-card-people__body">
<div class="supt-card-people__content">
<h3 class="supt-card-people__name">Cristina Rivas Saiz</h3>
<p class="supt-card-people__role">Chief Technology Officer</p>
</div>
<a href="#cristina-rivas-saiz" class="supt-button-link ">
<span>
Read more
<svg class="supt-icon-chevron -right" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 10" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M1.5 2.75L5.64645 6.89645C5.84171 7.09171 6.15829 7.09171 6.35355 6.89645L10.5 2.75" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
No notes defined.
<section class="supt-section-team">
<div class="container">
<div class="row">
<div class="col">
<h2 class="supt-section-team__title supt-slide-up-title">{{ title }}</h2>
<div class="supt-section-team__grid">
{% for member in members %}
{% include "molecules/cards/card-people/card-people.twig" with member only %}
{% endfor %}
</div>
</div>
</div>
</div>
</section>
/* No context defined. */
.supt-section-team {
@mixin clamp padding-block, $spacing-8, $spacing-16, $breakpoint-xs, $breakpoint-xl;
background-color: $color-grey-background;
&__title {
@extend %t-h2;
margin-bottom: 0;
}
.col {
@mixin clamp gap, $spacing-8, $spacing-12, $breakpoint-xs, $breakpoint-xl;
display: flex;
flex-direction: column;
}
&__grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: $spacing-6 $spacing-3;
@media (min-width: $breakpoint-sm) {
grid-template-columns: repeat(3, 1fr);
}
@media (min-width: $breakpoint-lg) {
grid-template-columns: repeat(4, 1fr);
gap: $spacing-12 $spacing-4;
}
@media (min-width: $breakpoint-xl) {
grid-template-columns: repeat(5, 1fr);
}
}
}