<div class="page-wrapper">
<aside class="page-nav">
<button class="icon-close btn-borderless p-0 close-nav" data-overlay-close>
Lukk meny
</button>
<ul class="list-reset list-md">
<li>
<a class="icon-account-circle is-active" href="/components/preview/page-profile">Min profil</a>
</li>
<li>
<a class="icon-people " href="/components/preview/page-members">Medlemmer</a>
</li>
<li>
<a class="icon-calendar-today " href="">Aktiviteter</a>
</li>
<li>
<a class="icon-person " href="">Likeperson</a>
</li>
<li>
<a class="icon-arrow-forward " href="">Logg inn</a>
</li>
<li>
<a class="icon-arrow-back " href="">Logg ut</a>
</li>
</ul>
</aside>
<main class="page-main">
<header class="page-header">
<div class="container">
<div class="row">
<div class="logo-group">
<button class="btn-icon btn-borderless toggle-nav" data-toggle-selector=".page-nav" data-toggle-class="is-open" data-overlay-selector=".page-nav" data-overlay-class="is-open">
<span class="icon-menu"></span>
<span class="visually-hidden">Toggle navigation</span>
</button>
<a href="/" class="block">
<svg class="logo">
<use xlink:href="/svg/spritemap.svg#logo-barnekreftforeningen"></use>
</svg>
<span class="visually-hidden">Barnekreftforeningen</span>
</a>
</div>
<span class="text-sm color-dark-grey icon-account-circle">Ola Nordmann</span>
</div>
</div>
</header>
<div class="page-body">
<div class="container">
<div class="row">
<div class="grid-base">
<div class="grid-item-two-third">
<header class="section-header">
<h1>Betalingsinformasjon</h1>
</header>
<div class="mb-sm">Betalingen foregår ved å:</div>
<ul class="list-sm mb-md">
<li> <span class="mb-md">Betale <em>[250] kroner</em></span>
</li>
<li> <span class="mb-md">Til konto <em>5010.05.20777</em></span>
</li>
<li> <span class="list-sm mb-md">Merk med <em>"for [familiemedlem 2020]"</em></span>
</li>
</ul>
<a href="/components/preview/page-profile" class="btn btn-text icon-arrow-back-primary">Tilbake til min profil</a>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<div class="page-wrapper">
{% include '@page-nav' with navigation %}
<main class="page-main">
{% include '@page-header' %}
<div class="page-body">
<div class="container">
<div class="row">
{% embed '@grid' with grid %}
{% block grid_items %}
{% embed '@grid-item--two-third' %}
{% block body %}
{% include '@header' with title %}
{% include '@text' with intro %}
{% include '@list' with list %}
{% include '@button' with go_back %}
{% endblock %}
{% endembed %}
{% endblock %}
{% endembed %}
</div>
</div>
</div>
</main>
</div>
{
"title": {
"copy": "Betalingsinformasjon"
},
"intro": {
"element": "div",
"copy": "Betalingen foregår ved å:",
"class": "mb-sm"
},
"list": {
"class": "list-sm mb-md",
"items": [
{
"element": "span",
"copy": "Betale <em>[250] kroner</em>",
"class": "mb-md"
},
{
"element": "span",
"copy": "Til konto <em>5010.05.20777</em>",
"class": "mb-md"
},
{
"element": "span",
"copy": "Merk med <em>\"for [familiemedlem 2020]\"</em>"
}
]
},
"go_back": {
"copy": "Tilbake til min profil",
"class": "btn btn-text icon-arrow-back-primary",
"href": "/components/preview/page-profile"
}
}
There are no notes for this item.