altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
102 lines • 6.04 kB
HTML
<!-- START: 01-molekyler-03-media-95-altinnett-slideshow -->
<div class="pt-3 pb-4 pb-md-6 mb-6 mb-lg-8 an-slideshow">
<div class="an-slideshow-set an-slideshow-set-md">
<div class="an-slideshow-list" data-slideshow>
<div class="an-slideshow-item">
<img class="an-slideshow-img mb-4" src="../../images/altinnett-slideshow/digitalpost-1.svg" alt="Et skjerm som vises en nettside med en knapp for å sende en melding i midten. (Tegning)">
<div class="an-slideshow-text container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<h2 class="a-h3 a-blueDarkerText">Slik fungerer digital dialog (1 av 3)</h2>
<p class="a-blueDarkerText">Du varsler brukerne om oppgavene deres fra ditt fagsystem. Du velger selv når og hvordan, og varselet sendes umiddelbart til brukeren.</p>
</div>
</div>
</div>
</div>
<div class="an-slideshow-item">
<img class="an-slideshow-img mb-4" src="../../images/altinnett-slideshow/digitalpost-2.svg" alt="Tre mobiltelefoner. Den første har mottatt en melding, den andre vises et logg inn skjema og den tredje vises en melding. (Tegning)">
<div class="an-slideshow-text container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<h2 class="a-h3 a-blueDarkerText">Slik fungerer digital dialog (2 av 3)</h2>
<p class="a-blueDarkerText">Brukerne får varsel, logger inn og fyller ut. De får varsel om svar på det de har sendt inn og kan om nødvendig logge inn og lese svaret.</p>
</div>
</div>
</div>
</div>
<div class="an-slideshow-item">
<img class="an-slideshow-img mb-4" src="../../images/altinnett-slideshow/digitalpost-3.svg" alt="Et skjerm som vises et linjediagram. (Tegning)">
<div class="an-slideshow-text container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<h2 class="a-h3 a-blueDarkerText">Slik fungerer digital dialog (3 av 3)</h2>
<p class="a-blueDarkerText">Du mottar kontinuerlig data fra Altinn rett inn i ditt system. Her kan du selv purre på dem som somler, behaldle saker og sende umiddelbare svar til brukeren.</p>
</div>
</div>
</div>
</div>
</div>
<div class="an-slideshow-buttons" data-slideshow-buttons></div>
</div>
<div class="an-slideshow-set an-slideshow-set-sm">
<div class="an-slideshow-list" data-slideshow>
<div class="an-slideshow-item">
<img class="an-slideshow-img mb-4" src="../../images/altinnett-slideshow/digitalpost-mobile-1.svg" alt="Et skjerm som vises en nettside med en knapp for å sende en melding i midten. (Tegning)">
<div class="an-slideshow-text container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<h2 class="a-h3 a-blueDarkerText">Slik fungerer digital dialog (1 av 5)</h2>
<p class="a-blueDarkerText">Du varsler brukerne om oppgavene deres fra ditt fagsystem. Du velger selv når og hvordan, og varselet sendes umiddelbart til brukeren.</p>
</div>
</div>
</div>
</div>
<div class="an-slideshow-item">
<img class="an-slideshow-img mb-4" src="../../images/altinnett-slideshow/digitalpost-mobile-2.svg" alt="En mobiltelefon som har mottatt en melding. (Tegning)">
<div class="an-slideshow-text container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<h2 class="a-h3 a-blueDarkerText">Slik fungerer digital dialog (2 av 5)</h2>
<p class="a-blueDarkerText">Brukerne får varsel...</p>
</div>
</div>
</div>
</div>
<div class="an-slideshow-item">
<img class="an-slideshow-img mb-4" src="../../images/altinnett-slideshow/digitalpost-mobile-3.svg" alt="En mobiltelefon som vises et logg inn skjema. (Tegning)">
<div class="an-slideshow-text container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<h2 class="a-h3 a-blueDarkerText">Slik fungerer digital dialog (3 av 5)</h2>
<p class="a-blueDarkerText">...logger inn og fyller ut.</p>
</div>
</div>
</div>
</div>
<div class="an-slideshow-item">
<img class="an-slideshow-img mb-4" src="../../images/altinnett-slideshow/digitalpost-mobile-4.svg" alt="En mobiltelefon som vises en melding. (Tegning)">
<div class="an-slideshow-text container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<h2 class="a-h3 a-blueDarkerText">Slik fungerer digital dialog (4 av 5)</h2>
<p class="a-blueDarkerText">Brukerne får varsel om svar på det de har sendt inn og kan om nødvendig logge inn og lese svaret.</p>
</div>
</div>
</div>
</div>
<div class="an-slideshow-item">
<img class="an-slideshow-img mb-4" src="../../images/altinnett-slideshow/digitalpost-mobile-5.svg" alt="Et skjerm som vises et linjediagram. (Tegning)">
<div class="an-slideshow-text container">
<div class="row">
<div class="col-12 col-lg-10 offset-lg-1">
<h2 class="a-h3 a-blueDarkerText">Slik fungerer digital dialog (5 av 5)</h2>
<p class="a-blueDarkerText">Du mottar kontinuerlig data fra Altinn rett inn i ditt system. Her kan du selv purre på dem som somler, behaldle saker og sende umiddelbare svar til brukeren.</p>
</div>
</div>
</div>
</div>
</div>
<div class="an-slideshow-buttons" data-slideshow-buttons></div>
</div>
</div>
<!-- END: 01-molekyler-03-media-95-altinnett-slideshow -->