<div class="block block-sd-general block-breadcrumb-container">
<div>
<nav class="breadcrumb " role="navigation" aria-labelledby="system-breadcrumb">
<span id="system-breadcrumb" class="visually-hidden">Breadcrumb</span>
<ol>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/component/preview/newsroom">Media</a>
</li>
<li>
Our stories
</li>
</ol>
</nav>
</div>
</div>
<style>
.breadcrumb {
--large: 1170px;
max-width: var(--large);
margin: 0 auto;
}
@media(min-width: var(--large)) {
.breadcrumb {
padding-left: 0;
padding-right: 0;
}
}
.breadcrumb li:not(:first-child)::before {
content: " \BB ";
}
breadcrumb {
padding: 0;
}
.breadcrumb ol {
align-items: center;
display: flex;
flex-flow: row wrap;
}
.breadcrumb li {
color: #0a2239;
font-size: 0.875rem;
}
.breadcrumb li:not(:last-child) {
margin-right: 0.25rem;
}
.breadcrumb li:not(:first-child) {
padding-left: 0.78125rem;
position: relative;
}
.breadcrumb li:not(:first-child):before {
align-items: center;
background-color: transparent;
border-radius: 0;
color: #9da7b0;
content: "";
display: flex;
font-family: "Da-Vinci";
font-size: 0.625rem;
height: 0.625rem;
justify-content: center;
line-height: 1;
position: absolute;
width: 0.625rem;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.breadcrumb a {
color: #ff0033;
display: block;
}
.breadcrumb a:hover {
color: #ff2652;
}
.site-breadcrumb {
background-color: white;
padding: 1rem;
}
.site-breadcrumb .region-breadcrumb {
width: 100%;
max-width: var(--large);
margin: 0 auto;
}
.breadcrumb {
padding: 20px 30px 10px;
background: none;
}
.breadcrumb a {
color: #555555;
}
.visually-hidden {
position: absolute !important;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
width: 1px;
height: 1px;
word-wrap: normal;
}
</style>
<header class="supt-hero-text-media supt-parallax-full-image -small" data-from-bottom="true">
<div class="supt-hero-text-media__media" style="height: 100%;">
<img src="/sites/gv/files/flmngr/superhuit/media/stories/stories-hero.webp" alt="Our stories" loading="eager" class="supt-parallax-full-image__image" />
</div>
<div class="supt-hero-text-media__content container">
<div class="supt-hero-text-media__content-inner row">
<div class="supt-hero-text-media__headline col-md-6 supt-slide-up-title">
<h1 class="supt-hero-text-media__title">Our stories</h1>
<p class="supt-hero-text-media__description">Stay up to date with Verisure latest stories, news, opinion pieces and Consumer trend reports.</p>
</div>
</div>
</div>
<div class="supt-scroll-item">
<p class="supt-scroll-item__text">Scroll down</p>
<span class="supt-scroll-item__inner">
<span class="supt-scroll-item__icon"></span>
</span>
<svg xmlns="http://www.w3.org/2000/svg" width="2" height="63" viewbox="0 0 2 63" fill="none" class="supt-scroll-item__line">
<path d="M1 1L1 63" stroke="url(#paint0_linear_10281_8341)" stroke-linecap="round" stroke-dasharray="1 4" />
<defs>
<linearGradient id="paint0_linear_10281_8341" x1="1.5" y1="1" x2="1.5" y2="63" gradientunits="userSpaceOnUse">
<stop offset="0.4" stop-color="#ED002F" />
<stop offset="1" stop-color="#ED002F" stop-opacity="0" />
</linearGradient>
</defs>
</svg>
</div>
</header>
<div class="views-element-container block block-views block-views-blockblog-blog-list" data-block-id="90607984-4eff-47de-9632-aa7260dc096d">
<div>
<div class="botones-isotope">
<button class="button" data-filter="*">All categories</button>
<button class="button" data-filter="Blogcategory1">Blog category 1</button>
</div>
<div class="vista-isotope view view-blog view-id-blog view-display-id-blog_list js-view-dom-id-0c661ebf3f5f8d76cdb4fbd9514c25040978e6037708e0a0065a77248a21dc39">
<div class="view-content">
<div class="item-list">
<ul class="blog" style="position: relative; height: 3400px;">
<li class="item blog-item" style="position: absolute; left: 0px; top: 0px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9441" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/2024_anual_report_image.jpeg?itok=8ryK8tDk" width="430" height="240" alt="efg" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/2024_anual_report_image.jpeg?itok=8ryK8tDk" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9441" hreflang="en">Blog test 10</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:08:53Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 340px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9446" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/eventos-ir.jpg?itok=ryo6hnuw" width="430" height="240" alt="werfg" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/eventos-ir.jpg?itok=ryo6hnuw" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9446" hreflang="en">Blog test 11</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:08:53Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 680px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9436" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/qaa_test_2.jpg?itok=_hSZkQsL" width="430" height="240" alt="erg" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/qaa_test_2.jpg?itok=_hSZkQsL" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9436" hreflang="en">Blog Test 9</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:08:52Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 1020px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9431" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/594e8de6-5f1e-4edd-8bfa-1cce7ac934a8.jpeg?itok=EP3se_2q" width="430" height="240" alt="erg" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/594e8de6-5f1e-4edd-8bfa-1cce7ac934a8.jpeg?itok=EP3se_2q" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9431" hreflang="en">Blog test 8</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:08:51Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 1360px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9426" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/early-detention-low.jpeg?itok=TUKC5lSW" width="430" height="240" alt="ergfhnm" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/early-detention-low.jpeg?itok=TUKC5lSW" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9426" hreflang="en">Blog Test 7</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:08:50Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 1700px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9421" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/220620_children_yale_doorbell_17.png?itok=o6xOGGvb" width="430" height="240" alt="ergthm " typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/220620_children_yale_doorbell_17.png?itok=o6xOGGvb" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9421" hreflang="en">Blog Test 6</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:08:49Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 2040px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9416" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/full-control-low.jpeg?itok=s3SJ19fH" width="430" height="240" alt="ewrfghn" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/full-control-low.jpeg?itok=s3SJ19fH" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9416" hreflang="en">Blog test 5</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:08:28Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 2380px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9411" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/mask20group2019.png?itok=vDNPvv8g" width="430" height="240" alt="werfgh" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/mask20group2019.png?itok=vDNPvv8g" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9411" hreflang="en">Blog Test 4</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:07:37Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item Blogcategory1" style="position: absolute; left: 0px; top: 2720px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/blog-test-1" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/our_services_topx1200.jpg?itok=bzaV_bTZ" width="430" height="240" alt="blog test 1" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/our_services_topx1200.jpg?itok=bzaV_bTZ" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy">Blog category 1</div>
<div class="title">
<a href="/blog-test-1" hreflang="en">blog test 1</a>
</div>
<div class="date-block">Author test |
<time datetime="2025-07-10T09:40:39Z" class="datetime">10 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 3060px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9381" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/greatplacework_image.png?itok=oM9aOgPK" width="430" height="240" alt="Verisure team" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/greatplacework_image.png?itok=oM9aOgPK" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9381" hreflang="en">Blog Test 3</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-09T09:49:13Z" class="datetime">09 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 3400px; display: none;" data-page="2" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9376" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/a47e8ee5-dc63-4f60-8e28-fdbe2157d6ac.png" width="430" height="240" alt="fdgn" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/a47e8ee5-dc63-4f60-8e28-fdbe2157d6ac.png?itok=Sg4Gg-Ex" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9376" hreflang="en">Blog Test 2</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-08T09:39:54Z" class="datetime">08 July 2025</time>
</div>
</div>
</span>
</div>
</li>
</ul>
<div class="isotope-pager">
<a href="javascript:void(0);" class="pager-item active" data-page="1">1</a>
<a href="javascript:void(0);" class="pager-item" data-page="2">2</a>
</div>
</div>
</div>
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;">
<defs>
<filter id="supt-line-filter-glow" x="0" y="-64" width="130" height="453" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
<feOffset />
<feGaussianBlur stddeviation="2" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.929412 0 0 0 0 0 0 0 0 0 0.184314 0 0 0 1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_8434_8136" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
<feOffset />
<feGaussianBlur stddeviation="4" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.929412 0 0 0 0 0 0 0 0 0 0.184314 0 0 0 1 0" />
<feBlend mode="normal" in2="effect1_dropShadow_8434_8136" result="effect2_dropShadow_8434_8136" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
<feOffset />
<feGaussianBlur stddeviation="8" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.929412 0 0 0 0 0 0 0 0 0 0.184314 0 0 0 1 0" />
<feBlend mode="normal" in2="effect2_dropShadow_8434_8136" result="effect3_dropShadow_8434_8136" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
<feOffset />
<feGaussianBlur stddeviation="12" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.929412 0 0 0 0 0 0 0 0 0 0.184314 0 0 0 1 0" />
<feBlend mode="normal" in2="effect3_dropShadow_8434_8136" result="effect4_dropShadow_8434_8136" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
<feOffset />
<feGaussianBlur stddeviation="16" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.929412 0 0 0 0 0 0 0 0 0 0.184314 0 0 0 1 0" />
<feBlend mode="normal" in2="effect4_dropShadow_8434_8136" result="effect5_dropShadow_8434_8136" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
<feOffset />
<feGaussianBlur stddeviation="32" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.929412 0 0 0 0 0 0 0 0 0 0.184314 0 0 0 1 0" />
<feBlend mode="normal" in2="effect5_dropShadow_8434_8136" result="effect6_dropShadow_8434_8136" />
<feBlend mode="normal" in="SourceGraphic" in2="effect6_dropShadow_8434_8136" result="shape" />
</filter>
</defs>
</svg>
No notes defined.
{# {% include "organisms/navigation/navigation.twig" with navigation only %} #}
{% include "molecules/breadcrumb/breadcrumb.twig" with breadcrumb only %}
{% include "organisms/hero-text-media/hero-text-media.twig" with hero only %}
<div class="views-element-container block block-views block-views-blockblog-blog-list" data-block-id="90607984-4eff-47de-9632-aa7260dc096d">
<div>
<div class="botones-isotope">
<button class="button" data-filter="*">All categories</button>
<button class="button" data-filter="Blogcategory1">Blog category 1</button>
</div>
<div class="vista-isotope view view-blog view-id-blog view-display-id-blog_list js-view-dom-id-0c661ebf3f5f8d76cdb4fbd9514c25040978e6037708e0a0065a77248a21dc39">
<div class="view-content">
<div class="item-list">
<ul class="blog" style="position: relative; height: 3400px;">
<li class="item blog-item" style="position: absolute; left: 0px; top: 0px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9441" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/2024_anual_report_image.jpeg?itok=8ryK8tDk" width="430" height="240" alt="efg" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/2024_anual_report_image.jpeg?itok=8ryK8tDk" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9441" hreflang="en">Blog test 10</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:08:53Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 340px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9446" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/eventos-ir.jpg?itok=ryo6hnuw" width="430" height="240" alt="werfg" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/eventos-ir.jpg?itok=ryo6hnuw" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9446" hreflang="en">Blog test 11</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:08:53Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 680px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9436" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/qaa_test_2.jpg?itok=_hSZkQsL" width="430" height="240" alt="erg" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/qaa_test_2.jpg?itok=_hSZkQsL" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9436" hreflang="en">Blog Test 9</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:08:52Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 1020px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9431" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/594e8de6-5f1e-4edd-8bfa-1cce7ac934a8.jpeg?itok=EP3se_2q" width="430" height="240" alt="erg" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/594e8de6-5f1e-4edd-8bfa-1cce7ac934a8.jpeg?itok=EP3se_2q" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9431" hreflang="en">Blog test 8</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:08:51Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 1360px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9426" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/early-detention-low.jpeg?itok=TUKC5lSW" width="430" height="240" alt="ergfhnm" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/early-detention-low.jpeg?itok=TUKC5lSW" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9426" hreflang="en">Blog Test 7</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:08:50Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 1700px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9421" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/220620_children_yale_doorbell_17.png?itok=o6xOGGvb" width="430" height="240" alt="ergthm " typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/220620_children_yale_doorbell_17.png?itok=o6xOGGvb" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9421" hreflang="en">Blog Test 6</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:08:49Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 2040px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9416" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/full-control-low.jpeg?itok=s3SJ19fH" width="430" height="240" alt="ewrfghn" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/full-control-low.jpeg?itok=s3SJ19fH" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9416" hreflang="en">Blog test 5</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:08:28Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 2380px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9411" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/mask20group2019.png?itok=vDNPvv8g" width="430" height="240" alt="werfgh" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/mask20group2019.png?itok=vDNPvv8g" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9411" hreflang="en">Blog Test 4</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-15T14:07:37Z" class="datetime">15 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item Blogcategory1" style="position: absolute; left: 0px; top: 2720px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/blog-test-1" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/our_services_topx1200.jpg?itok=bzaV_bTZ" width="430" height="240" alt="blog test 1" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/our_services_topx1200.jpg?itok=bzaV_bTZ" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy">Blog category 1</div>
<div class="title">
<a href="/blog-test-1" hreflang="en">blog test 1</a>
</div>
<div class="date-block">Author test |
<time datetime="2025-07-10T09:40:39Z" class="datetime">10 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 3060px;" data-page="1" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9381" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/greatplacework_image.png?itok=oM9aOgPK" width="430" height="240" alt="Verisure team" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/greatplacework_image.png?itok=oM9aOgPK" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9381" hreflang="en">Blog Test 3</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-09T09:49:13Z" class="datetime">09 July 2025</time>
</div>
</div>
</span>
</div>
</li>
<li class="item blog-item" style="position: absolute; left: 0px; top: 3400px; display: none;" data-page="2" data-filter="*">
<div class="views-field views-field-nothing">
<span class="field-content">
<div class="image">
<a href="/node/9376" hreflang="en"><img src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/a47e8ee5-dc63-4f60-8e28-fdbe2157d6ac.png" width="430" height="240" alt="fdgn" typeof="Image" class="progressive-image-loading" data-src="https://www.verisure.com/sites/gv/files/styles/430x240/public/flmngr/drupal/blog/a47e8ee5-dc63-4f60-8e28-fdbe2157d6ac.png?itok=Sg4Gg-Ex" data-loaded="true"></a>
</div>
<div class="view-blog-text">
<div class="taxonomy"></div>
<div class="title">
<a href="/node/9376" hreflang="en">Blog Test 2</a>
</div>
<div class="date-block">
|
<time datetime="2025-07-08T09:39:54Z" class="datetime">08 July 2025</time>
</div>
</div>
</span>
</div>
</li>
</ul>
<div class="isotope-pager">
<a href="javascript:void(0);" class="pager-item active" data-page="1">1</a>
<a href="javascript:void(0);" class="pager-item" data-page="2">2</a>
</div>
</div>
</div>
</div>
</div>
</div>
{% include "02-icons/svg-defs.twig" %}
{# {% include "organisms/footer/footer.twig" with footer only %} #}
{# {% include "molecules/country-picker/country-picker.twig" %} #}
{
"breadcrumb": {
"items": [
{
"text": "Home",
"url": "/"
},
{
"text": "Media",
"url": "/component/preview/newsroom"
},
{
"text": "Our stories"
}
]
},
"hero": {
"modifiers": [
"small"
],
"title": "Our stories",
"description": "Stay up to date with Verisure latest stories, news, opinion pieces and Consumer trend reports.",
"image": {
"src": "/sites/gv/files/flmngr/superhuit/media/stories/stories-hero.webp",
"alt": "Our stories"
}
}
}
.supt-blog-list {
#block-verisure-gv-content .container-fluid {
padding: 0;
}
}
.block-views-blockblog-blog-list {
padding-top: 0 !important;
background-color: $color-grey-background;
> div {
/* Replicate bootstrap container */
padding-left: var(--supt-container-padding-inline);
padding-right: var(--supt-container-padding-inline);
max-width: $grid-container-max-width !important;
width: 100%;
margin-right: auto;
margin-left: auto;
@media (min-width: $breakpoint-sm) {
max-width: 540px;
}
@media (min-width: $breakpoint-md) {
max-width: 720px;
}
@media (min-width: $breakpoint-lg) {
max-width: 960px;
}
@media (min-width: $breakpoint-xl) {
max-width: 1140px;
}
}
.botones-isotope {
display: none;
}
.item-list {
display: flex;
flex-direction: column;
gap: $spacing-8;
@media (min-width: $breakpoint-md) {
gap: $spacing-12;
}
.blog {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: $spacing-6;
height: auto !important;
@media (min-width: $breakpoint-md) {
gap: $spacing-12 $spacing-4;
}
.blog-item {
/* reset */
display: block !important;
left: initial !important;
top: initial !important;
margin: 0;
box-shadow: none;
border: none;
border-radius: 0;
padding: 0;
transition: none;
overflow: hidden;
height: auto;
background: initial;
/* *********** */
position: relative !important;
grid-column: span 12;
@media (min-width: $breakpoint-md) {
&:nth-child(n + 2) {
grid-column: span 6;
}
}
@media (min-width: $breakpoint-lg) {
&:nth-child(n + 2) {
grid-column: span 4;
}
}
.field-content {
@mixin clamp gap, $spacing-4, $spacing-6, $breakpoint-xs, $breakpoint-xl;
display: flex;
flex-direction: column;
.taxonomy {
display: none;
}
.image {
overflow: hidden;
height: initial;
width: 100%;
margin: 0;
border-radius: 0;
img {
aspect-ratio: 4 / 3;
width: 100%;
height: 100%;
transition: transform $transition-mid ease-in-out;
}
}
.view-blog-text {
@mixin clamp gap, $spacing-4, $spacing-6, $breakpoint-xs, $breakpoint-xl;
width: 100%;
display: flex;
flex-direction: column;
padding: 0;
}
.views-field {
width: 100%;
}
.title {
a {
@extend %t-h4;
margin-bottom: 0;
outline: none;
transition: color $transition-fast;
position: static;
cursor: pointer;
&::before {
content: '';
display: block;
position: absolute;
inset: 0;
background-color: transparent;
z-index: 1;
}
}
}
.date-block {
margin: 0;
display: flex;
align-items: baseline;
gap: $spacing-1-5;
color: $color-grey-5;
text-transform: capitalize;
opacity: 1;
&::before {
@extend %t-body-xs;
content: 'News';
display: inline-flex;
align-items: center;
padding: 3px $spacing-1-5 2px;
border-radius: 4px;
border: 1px solid $color-grey-2;
background: transparent;
position: relative;
backdrop-filter: blur(16px);
white-space: nowrap;
letter-spacing: 0;
@media (min-width: $breakpoint-md) {
padding-inline: 7px;
}
}
time {
@extend %t-body-xs;
}
}
}
&:first-child {
@extend %gradiant-corpo;
@mixin clamp margin-bottom, $spacing-8, $spacing-12, $breakpoint-xs, $breakpoint-xl;
width: auto;
margin-inline: calc(var(--supt-container-padding-inline) * -1);
@media (min-width: $grid-container-max-mq) {
margin-inline: calc(
-1 *
(((100vw - $grid-container-max-width) / 2) + var(--supt-container-padding-inline))
);
}
.field-content {
@media (min-width: $breakpoint-md) {
flex-flow: row nowrap;
justify-content: space-between;
}
.image {
@media (min-width: $breakpoint-md) {
order: 2;
width: 50%;
}
img {
@media (min-width: $breakpoint-md) {
aspect-ratio: 2/1;
}
}
}
.view-blog-text {
padding: $spacing-10 0 $spacing-12 var(--supt-container-padding-inline);
@media (min-width: $breakpoint-md) {
width: calc(5 / 12 * 100%);
}
}
.title {
a {
@extend %t-h2;
color: $color-white;
}
}
.date-block,
time {
color: $color-white;
}
.date-block::before {
border-color: $color-white;
}
}
}
&:hover,
&:focus-within {
.field-content {
.image {
img {
transform: scale(1.05);
}
}
}
}
}
}
.isotope-pager {
display: none;
}
}
.view-display-id-blog_list {
margin-bottom: 0;
padding-bottom: $spacing-16;
}
.view-display-id-blog_list .title a,
.view-security-portal .title a,
.view-magazine.view-display-id-magazine_list .title a {
color: $color-black;
}
}