<section class="supt-section-who-we-are ">
<div class="container supt-parallax-element">
<h2 class="supt-parallax-element__item">Who are we?</h2>
<div class="row supt-parallax-element__item">
<div class="col col-12 col-sm-10 col-md-6">
Verisure is the number one provider of professionally monitored security services with 24/7 response in Europe and Latin America. Every day, our dedicated teams use leading technology to keep over 5.7 million families and small businesses safe from intruders, fire and health emergencies. Our mission is to give our customers peace of mind by protecting what matters most to them. This is founded on our belief that everyone has the right to feel safe and secure.
</div>
<div class="col col-12 col-sm-10 col-md-6">
Since being founded in Sweden in 1988, we have expanded across Europe, and opened operations in Latin America, with our customers now spanning 17 countries. Our customers are amongst the most satisfied and loyal in our industry and we have the highest retention and growth rates globally in consumer-facing services. Each one of us is passionate about making the world a safer place, and our customers know they can rely on us to support them at their time of greatest need. We are building on over 35 years of expertise so that our growth and innovation continues to shape the future of the security industry.
</div>
</div>
</div>
<div class="supt-section-who-we-are__image supt-parallax-image">
<img src="/sites/gv/files/flmngr/superhuit/about-us/at-a-glance/at-a-glance-what-we-do.webp" alt="Who are we? - Verisure" class="supt-parallax-image__image" />
</div>
</section>
No notes defined.
<section class="supt-section-who-we-are {{ modifiers|modifiersAttr }}">
<div class="container supt-parallax-element">
<h2 class="supt-parallax-element__item">{{ title }}</h2>
<div class="row supt-parallax-element__item">
<div class="col col-12 col-sm-10 col-md-6">
{{ text1 }}
</div>
<div class="col col-12 col-sm-10 col-md-6">
{{ text2 }}
</div>
</div>
</div>
<div class="supt-section-who-we-are__image supt-parallax-image">
<img src="{{ path(image.src) }}" alt="{{ image.alt }}" class="supt-parallax-image__image"/>
</div>
</section>
{
"title": "Who are we?",
"text1": "Verisure is the number one provider of professionally monitored security services with 24/7 response in Europe and Latin America. Every day, our dedicated teams use leading technology to keep over 5.7 million families and small businesses safe from intruders, fire and health emergencies. Our mission is to give our customers peace of mind by protecting what matters most to them. This is founded on our belief that everyone has the right to feel safe and secure.",
"text2": "Since being founded in Sweden in 1988, we have expanded across Europe, and opened operations in Latin America, with our customers now spanning 17 countries. Our customers are amongst the most satisfied and loyal in our industry and we have the highest retention and growth rates globally in consumer-facing services. Each one of us is passionate about making the world a safer place, and our customers know they can rely on us to support them at their time of greatest need. We are building on over 35 years of expertise so that our growth and innovation continues to shape the future of the security industry.",
"image": {
"src": "/sites/gv/files/flmngr/superhuit/about-us/at-a-glance/at-a-glance-what-we-do.webp",
"alt": "Who are we? - Verisure"
}
}
.supt-section-who-we-are {
@mixin clamp gap, $spacing-10, $spacing-26, $breakpoint-xs, $breakpoint-xl;
@mixin clamp padding-top, $spacing-8, $spacing-16, $breakpoint-xs, $breakpoint-xl;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: $color-white;
.container {
@mixin clamp gap, $spacing-4, $spacing-6, $breakpoint-xs, $breakpoint-xl;
display: flex;
flex-direction: column;
}
.row {
@media (max-width: calc($breakpoint-md - 1px)) {
gap: $spacing-4;
}
}
h2 {
@extend %t-h2;
}
p {
@mixin clamp padding-right, $spacing-6, $spacing-8, $breakpoint-md, $breakpoint-xl;
@extend %t-body-s;
&:not(:last-child) {
margin-bottom: $spacing-4;
}
}
&__image {
overflow: hidden;
img {
aspect-ratio: 1440/700;
width: 100%;
height: auto;
object-fit: cover;
object-position: center;
}
}
&.-light {
background-color: $color-grey-background;
h2 {
color: $color-black;
}
p {
color: $color-grey-5;
}
}
}