Newer
Older
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="/build/huds-lib.css" />
<link rel="stylesheet" type="text/css" href="/fonts/fonts.css" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
<title>Stencil Component Starter</title>
<script type="module" src="/build/huds-lib.esm.js"></script>
<script nomodule src="/build/huds-lib.js"></script>
</head>
<body class="full-width">
<hy-heading heading="h1" mode="default">Heading 1 overridden to default</hy-heading>
Ekaterina Kondareva
committed
<hy-process
variant="small"
class="hy-process-container"
number-term="Step"
data-items='[{"heading":"Step title","description":"Step description text"},
{"heading":"Step title","description":"Step description text", "step":"Intermediate step"},
{"heading":"Step title","description":"Step description text", "step":"Intermediate step"},
{"heading":"Step title","description":"Step description text", "step":"Intermediate step"}]'
>
</hy-process>
Ekaterina Kondareva
committed
<hy-key-highlight-group
variant="small"
data-items='[{"heading":"Key Highlight title","description":"Key Highlight description text"},
{"heading":"Key Highlight title","description":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elit orci, ultricies id fermentum vel, porta et eros."},
{"heading":"Tervetuloa Helsingin yliopistoon! Lue miten pääset syksyllä aloittamaan opintosi sujuvasti. Tutustu myös opiskelijan ohjeisiin.","description":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elit orci, ultricies id fermentum vel, porta et eros."},
Ekaterina Kondareva
committed
{"heading":"Key Highlight title","description":"Key Highlight description text"}]'
>
</hy-key-highlight-group>
Ekaterina Kondareva
committed
<hy-key-highlight-group
variant="big"
data-items='[{"heading":"Key Highlight title","description":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris elit orci, ultricies id fermentum vel, porta et eros."},
{"heading":"Onnea uudet opiskelijat","description":"Key Highlight description text"},
Ekaterina Kondareva
committed
{"heading":"Key Highlight title","description":"Key Highlight description text"}]'
>
</hy-key-highlight-group>
Ekaterina Kondareva
committed
<hy-key-highlight-group
variant="small"
data-items='[{"heading":"Key Highlight title","description":"Key Highlight description text"},
{"heading":"Key Highlight title","description":"Key Highlight description text"},
{"heading":"Key Highlight title","description":"Kaikista maistereista työllistyi omalle alalleen vuoden sisällä valmistumisesta"}]'
Ekaterina Kondareva
committed
</hy-key-highlight-group>
Ekaterina Kondareva
committed
<hy-key-figure-group
variant="small"
data-items='[{"heading":"3500 h","description":"Opetustusta annettiin Helsingin yliopistossa vuonna 2019"},
{"heading":"87%","description":"Hakijoista valitsi Helsingin yliopiston ensisijaiseksi vaihtoehdoksi."},
{"heading":"4/5","description":"Kaikista maistereista työllistyi omalle alalleen vuoden sisällä valmistumisesta"}]'
Ekaterina Kondareva
committed
>
</hy-key-figure-group>
<hy-key-figure-group
variant="small"
data-items='[{"heading":"3500 h","description":"Kaikista maistereista työllistyi omalle alalleen vuoden sisällä valmistumisesta"},
{"heading":"87%","description":"Hakijoista valitsi Helsingin yliopiston ensisijaiseksi vaihtoehdoksi."},
{"heading":"63","description":"Opetustusta annettiin Helsingin yliopistossa vuonna 2019"},
Ekaterina Kondareva
committed
{"heading":"4/5","description":"Key Highlight description text"}]'
>
</hy-key-figure-group>
<hy-key-figure-group
variant="small"
data-items='[{"heading":"3500 h","description":"Opetustusta annettiin Helsingin yliopistossa vuonna 2019"},
{"heading":"87%","description":"Hakijoista valitsi Helsingin yliopiston ensisijaiseksi vaihtoehdoksi."},
{"heading":"87%","description":"Kaikista maistereista työllistyi omalle alalleen vuoden sisällä valmistumisesta"},
{"heading":"96%","description":"Hakijoista valitsi Helsingin yliopiston ensisijaiseksi vaihtoehdoksi."},
Ekaterina Kondareva
committed
{"heading":"4/5","description":"Key Highlight description text"}]'
>
</hy-key-figure-group>