<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">
<span>Rediger</span>
<h1>Magasinet Våre Barn</h1>
</header>
<div class="text-lg">Magasinet Våre Barn kommer ut med tre utgaver i året, og tar opp temaer som er viktige for medlemmer og andre som er interessert i barnekreftsaken.</div>
</div>
<div class="grid-item-half">
<form class="webform-submission-form" action="" method="post" accept-charset="UTF-8">
<div class="form-item form-type-checkbox form-item-subscribe">
<input type="checkbox" id="edit-subscribe" name="subscribe" class="form-checkbox" required />
<label for="edit-subscribe">
Jeg ønsker å motta <em>Våre Barn Magasinet</em>
</label>
</div>
<div class="form-item form-type-number form-item-number-magazines">
<label for="edit-number-magazines">
Antall magasin jeg ønsker å motta
</label>
<input type="number" id="edit-number-magazines" name="number-magazines" class="form-number" value="3" required min="1" max="5" />
<div class="description">
<div id="edit-number-magazines--description" class="webform-element-description">Maks antall er 5 stk.</div>
</div>
</div>
<div class="form-actions webform-actions form-wrapper" id="edit-actions">
<input class="webform-button--submit button button--primary form-submit" type="submit" id="edit-actions-submit" name="op" value="Lagre">
</div>
</form>
</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 %}
{% endblock %}
{% endembed %}
{% embed '@grid-item--half' %}
{% block body %}
{% include '@webform' with form %}
{% endblock %}
{% endembed %}
{% endblock %}
{% endembed %}
</div>
</div>
</div>
</main>
</div>
{
"title": {
"copy": "Magasinet Våre Barn",
"prefix": "Rediger"
},
"intro": {
"element": "div",
"copy": "Magasinet Våre Barn kommer ut med tre utgaver i året, og tar opp temaer som er viktige for medlemmer og andre som er interessert i barnekreftsaken.",
"class": "text-lg"
},
"form": {
"fields": [
{
"type": "checkbox",
"name": "subscribe",
"label": "Jeg ønsker å motta <em>Våre Barn Magasinet</em>",
"required": true
},
{
"type": "number",
"name": "number-magazines",
"label": "Antall magasin jeg ønsker å motta",
"value": 3,
"description": "Maks antall er 5 stk.",
"required": true,
"attr": "min=\"1\" max=\"5\""
}
],
"submit": {
"label": "Lagre"
}
}
}
There are no notes for this item.