{{#extend "my-account" pageClass="page_my-account_your-account" title="My account" pageMyAcc=true}}
  {{#content "heading"}}
    {{> account-heading title="My account"}}
  {{/content}}
  {{#content "aside"}}
    {{> aside-nav2 my-account-menu page-name="My account"}}
  {{/content}}
  {{#content "main"}}
    <div class="my-account">
        <div class="my-account-data">
            <div class="my-account-data__heading">
                <div class="my-account-data__icon">
                    <span class="fas fa-user-alt"></span>
                </div>
                <h4>Profile</h4>
            </div>
            <ul class="my-account-data__list">
                <li class="my-account-data__list-item"><a href="./page_my-account_personal-details.html" class="link-secondary">Update personal details</a></li>
                <li class="my-account-data__list-item"><a href="./page_my-account_change-password.html" class="link-secondary">Change your password</a></li>
            </ul>
        </div>
        <div class="my-account-data">
            <div class="my-account-data__heading">
                <div class="my-account-data__icon">
                    <span class="fas fa-calendar-edit"></span>
                </div>
                <h4>Order history</h4>
            </div>
            <ul class="my-account-data__list">
                <li class="my-account-data__list-item"><a href="./page_my-account_order-history.html" class="link-secondary">View order history</a></li>
                <li class="my-account-data__list-item"><a href="./page_shopping-cart.html" class="link-secondary">View your basket</a></li>
            </ul>
        </div>
        <div class="my-account-data">
            <div class="my-account-data__heading">
                <div class="my-account-data__icon">
                    <span class="fas fa-credit-card-front"></span>
                </div>
                <h4>Payment details</h4>
            </div>
            <ul class="my-account-data__list">
                <li class="my-account-data__list-item"><a href="./page_my-account_payment-details.html" class="link-secondary">Manage your payment details</a></li>
                <li class="my-account-data__list-item"><a href="./page_my-account_payment-details.html" class="link-secondary">Set default payment details</a></li>
            </ul>
        </div>
        <div class="my-account-data">
            <div class="my-account-data__heading">
                <div class="my-account-data__icon">
                    <span class="fas fa-book"></span>
                </div>
                <h4>Address book</h4>
            </div>
            <ul class="my-account-data__list">
                <li class="my-account-data__list-item"><a href="./page_my-account_address-book.html" class="link-secondary">Manage your delivery address</a></li>
                <li class="my-account-data__list-item"><a href="./page_my-account_address-book.html" class="link-secondary">Set default delivery address</a></li>
            </ul>
        </div>
    </div>
  {{/content}}
{{/extend}}