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>
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<hy-box bg="brand-main-light">
<hy-heading heading="h4" negative>No padding for me</hy-heading>
</hy-box>
<hy-grid-container>
<hy-grid-row>
<hy-grid-item columns="6" columnsSm="12" columnsLg="4" contentAlign="left">
<hy-cta-link-button
link-content="Explore top research"
sc-label="to Google"
url="https://google.com"
is-external="false"
variant="white-background"
/>
</hy-grid-item>
<hy-grid-item columns="6" columnsSm="12" columnsLg="4" contentAlign="left">
<hy-cta-link-button
link-content="More about strategic research areas"
sc-label="to Google"
url="https://google.com"
is-external="false"
variant="white-background"
/>
</hy-grid-item>
</hy-grid-row>
</hy-grid-container>
<hy-heading heading="h1" mode="default">Heading 1 overridden to default</hy-heading>
<hy-banner
text-title="Check upcoming conferences"
text-description="Take advantage of our curated list of high profile conferences near Helsinki and in the Nordics."
url="https://google.com"
sc-label="List of conferences"
url-title="Show list of conferences"
>
</hy-banner>
Ekaterina Kondareva
committed
<hy-baseline margin="1">
<hy-cta-liftup-image-text
image-url="https://www.helsinki.fi/sites/default/files/styles/16_9_huge/public/coronavirus_1920x1080px_4.jpg?itok=dOgb6pfs"
text-title="Text title 2"
text-description="Text description Lorem ipsum dolor sit amet, consectetur adipiscing elit."
main-url="https://www.google.com"
main-url-title="People finder and contacts"
main-url-aria-label="Standalone link internal"
main-url-is-external="false"
main-url-2="https://www.google.com"
main-url-title-2="Research group"
main-url-aria-label-2="More link internal"
main-url-is-external-2="false"
>
</hy-cta-liftup-image-text>
</hy-baseline>