Skip to main content
LocalTapiola Turva

Error View ready

Please note that example templates load Duet from jsDelivr’s CDN. For production usage you should install the packages using NPM and host the different parts yourself.

Hint: Press F on your keyboard to view both templates and components in fullscreen and ESC to exit the fullscreen mode. You can also open the template in a new browser window.


Open in new window
<!DOCTYPE html>
<html class="duet-bg-gradient" lang="fi">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
  <title>LähiTapiola</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@duetds/fonts@latest/lib/localtapiola.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@duetds/fonts@latest/lib/turva.css" />
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@duetds/css@latest/lib/duet.min.css" />
  <script type="module" src="https://cdn.jsdelivr.net/npm/@duetds/components@2.6.10/lib/duet/duet.esm.js"></script>
  <script nomodule src="https://cdn.jsdelivr.net/npm/@duetds/components@2.6.10/lib/duet/duet.js"></script>
</head>
<body>
<duet-layout center middle>
  <img src="https://www.duetds.com/assets/img/illustrations/lt-error.png" alt="Virheilmoituksen kuvitus" style="max-width:358px;width:70%;height:auto;"/>
  <duet-spacer size="large"></duet-spacer>
  <duet-heading level="h1">Hyvä asiakkaamme, palvelussa on juuri nyt huoltokatko</duet-heading>
  <duet-paragraph variation="intro">Kehitämme palveluita, pahoittelemme katkosta aiheutuvaa haittaa. Olet tervetullut palveluun katkon päätyttyä.</duet-paragraph>
  <duet-spacer size="x-small"></duet-spacer>
  <duet-button fixed variation="primary" url="https://www.lahitapiola.fi/henkilo" icon="navigation-arrow-right" icon-right>Siirry etusivulle</duet-button>
</duet-layout>
</body>
</html>

Integration

To install this template’s dependencies into your project, run:

npm install @duetds/components --save-dev
npm install @duetds/css --save-dev
npm install @duetds/fonts --save-dev

For further guidelines, please see each package’s documentation.

Troubleshooting

If you experience any issues while using a template, please head over to the Support page for more guidelines and help.