Barnekreftforeningen MinSide portal

Page Payment History 

<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>Betalingshistorikk</h1>
                            </header>
                            <ul class="details-list list-reset list-sm mb-md">
                                <li class="icon-bullet-warning">
                                    <span>Medlemsbetaling &nbsp; <strong>250,00 kr</strong></span>
                                </li>
                                <li class="icon-bullet-new">
                                    <span>Medlemsbetaling &nbsp; <strong>250,00 kr</strong></span>
                                    <span class="details-list__description">29. mars 2019</span>
                                </li>
                                <li class="icon-bullet-new">
                                    <span>Medlemsbetaling &nbsp; <strong>250,00 kr</strong></span>
                                    <span class="details-list__description">8. mars 2018</span>
                                </li>
                                <li class="icon-bullet-new">
                                    <span>Medlemsbetaling &nbsp; <strong>250,00 kr</strong></span>
                                    <span class="details-list__description">27. juni 2017</span>
                                </li>
                            </ul>
                            <a href="/components/preview/page-profile" class="btn btn-text icon-arrow-back-primary">Tilbake til min profil</a>
                            <a href="/components/preview/page-payment-info" class="btn btn-cta">Betalingsinformasjon</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 '@details-list' with details %}
                  {% include '@button' with go_back %}
                  {% include '@button' with more_info %}
                {% endblock %}
              {% endembed %}
            {% endblock %}
          {% endembed %}
        </div>
      </div>
    </div>
  </main>
</div>
 
{
  "title": {
    "copy": "Betalingshistorikk"
  },
  "details": {
    "class": "mb-md",
    "items": [
      {
        "icon": "bullet-warning",
        "text": "Medlemsbetaling &nbsp; <strong>250,00 kr</strong>"
      },
      {
        "icon": "bullet-new",
        "text": "Medlemsbetaling &nbsp; <strong>250,00 kr</strong>",
        "description": "29. mars 2019"
      },
      {
        "icon": "bullet-new",
        "text": "Medlemsbetaling &nbsp; <strong>250,00 kr</strong>",
        "description": "8. mars 2018"
      },
      {
        "icon": "bullet-new",
        "text": "Medlemsbetaling &nbsp; <strong>250,00 kr</strong>",
        "description": "27. juni 2017"
      }
    ]
  },
  "go_back": {
    "copy": "Tilbake til min profil",
    "class": "btn btn-text icon-arrow-back-primary",
    "href": "/components/preview/page-profile"
  },
  "more_info": {
    "copy": "Betalingsinformasjon",
    "class": "btn btn-cta",
    "href": "/components/preview/page-payment-info"
  }
}

There are no notes for this item.