styleguide version 0.0.0

FAQ 

<div class="supt-faq">
    <details class="supt-accordion" name="faq">
        <summary>
            <span>How does Verisure’s alarm system work?</span>
            <svg class="supt-icon-chevron " 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>
        </summary>
        <div class="supt-accordion__body">
            <p><strong>Verisure’s alarm</strong> uses a four-step process: <em>deter</em> intruders, <em>detect</em> activity with sensors and cameras, <em>verify</em> alerts via professional monitoring, then <em>intervene</em>—for example, dispatching guards or alerting police.</p>
            <p>Each step is handled quickly and efficiently by our trained professionals. <a href="https://www.verisure.com/our-service-new">Learn more</a>.</p>
        </div>
    </details>
    <details class="supt-accordion" name="faq">
        <summary>
            <span>What devices are included in the Verisure system?</span>
            <svg class="supt-icon-chevron " 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>
        </summary>
        <div class="supt-accordion__body">
            <p>The system includes: <strong>shock sensors</strong>, <strong>motion+photo detectors</strong>, <strong>smart locks</strong>, <strong>SOS buttons</strong>, and the <em>ZeroVision smoke barrier</em> <a href="https://www.verisure.com/our-service-new">Find out more</a>.</p>
        </div>
    </details>
    <details class="supt-accordion" name="faq">
        <summary>
            <span>Is technical monitoring included?</span>
            <svg class="supt-icon-chevron " 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>
        </summary>
        <div class="supt-accordion__body">
            <p><strong>Yes.</strong> Verisure offers <em>24/7 professional monitoring</em>, with agents verifying alerts in under a minute and coordinating responses—with guards, police or fire services if needed <a href="https://www.verisure.com/our-service-new">Full details here</a>.</p>
        </div>
    </details>
    <details class="supt-accordion" name="faq">
        <summary>
            <span>Can I control the system remotely?</span>
            <svg class="supt-icon-chevron " 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>
        </summary>
        <div class="supt-accordion__body">
            <p>You can manage your alarm remotely using the <strong>My Verisure app</strong> or <em>voicepad</em>, including arming/disarming, viewing cameras, and using your smart lock—all from mobile or tablet <a href="https://www.verisure.com/our-service-new">Explore remote control</a>.</p>
        </div>
    </details>
</div>

No notes defined.

<div class="supt-faq">
	{% for item in items %}
	{% include "molecules/accordion/accordion.twig" with item|merge({attributes: item.attributes|default({})|merge({name: name|default('faq')})}) only %}
	{% endfor %}
</div>
 
{
  "items": [
    {
      "title": "How does Verisure’s alarm system work?",
      "body": "<p><strong>Verisure’s alarm</strong> uses a four-step process: <em>deter</em> intruders, <em>detect</em> activity with sensors and cameras, <em>verify</em> alerts via professional monitoring, then <em>intervene</em>—for example, dispatching guards or alerting police.</p><p>Each step is handled quickly and efficiently by our trained professionals. <a href=\"https://www.verisure.com/our-service-new\">Learn more</a>.</p>"
    },
    {
      "title": "What devices are included in the Verisure system?",
      "body": "<p>The system includes: <strong>shock sensors</strong>, <strong>motion+photo detectors</strong>, <strong>smart locks</strong>, <strong>SOS buttons</strong>, and the <em>ZeroVision smoke barrier</em> <a href=\"https://www.verisure.com/our-service-new\">Find out more</a>.</p>"
    },
    {
      "title": "Is technical monitoring included?",
      "body": "<p><strong>Yes.</strong> Verisure offers <em>24/7 professional monitoring</em>, with agents verifying alerts in under a minute and coordinating responses—with guards, police or fire services if needed <a href=\"https://www.verisure.com/our-service-new\">Full details here</a>.</p>"
    },
    {
      "title": "Can I control the system remotely?",
      "body": "<p>You can manage your alarm remotely using the <strong>My Verisure app</strong> or <em>voicepad</em>, including arming/disarming, viewing cameras, and using your smart lock—all from mobile or tablet <a href=\"https://www.verisure.com/our-service-new\">Explore remote control</a>.</p>"
    }
  ]
}