1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <title>[% title %]</title>
5
6 <style>
7 html {
8 background: #eff1f5;
9 display: flex;
10 flex-direction: column;
11 align-items: center;
12 }
13
14 .wrapper {
15 background: #303446;
16 padding-block: 1rem;
17 padding-inline: 1rem;
18 max-width: 27em;
19 }
20
21 .wrapper img {
22 margin-block-end: 4px;
23 padding-inline: 2px;
24 }
25 </style>
26</head>
27
28<body>
29
30<main class="wrapper">
31 [% FOREACH icon IN icons %]
32 <img src="[% icon %]">
33 [% END %]
34</main>
35
36</body>
37
38</html>