<div class="page-header">
    <div class="inside">
        <p><a class="link--breadcrumb" href="/">Home</a>
        </p>
        <h1>Favorites</h1>
    </div>
</div>
<div class="align-right">
    <button id="button" type="button" class="button button--borderless button--destructive remove-all-favorites"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
            <use href="/images/delete.svg#delete" />
        </svg>
        <span class="button__label">Remove all</span></button>
</div>
<div class="resource-list">
    <ul class="cards">
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Deserunt Nostrum Quod Accusantium Libero Quae in Id</a>
                    </h3>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Occaecati Et</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--audio" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/audio.svg#audio" />
                            </svg>
                            Audio</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            Iceland</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Paradigm
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Task Force
                        </div>
                        <span class="overflow">
                            +2 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Ipsam Qui Est Omnis Nulla Sint Natus Minima Provident Non Aperiam Optio</a>
                    </h3>
                    <p class="card__meta card__subscription"><svg class="icon icon--lock" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/lock.svg#lock" />
                        </svg>
                        <span aria-hidden="true">Subscription required</span><span class="screen-reader-text">Subscription required to access this resource</span></p>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Eum minus</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--case-study" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/case-study.svg#case-study" />
                            </svg>
                            Case Study</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            Bermuda</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Help Desk
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Secured Line
                        </div>
                        <span class="overflow">
                            +1 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Sint Ut Nisi Est Totam Molestiae</a>
                    </h3>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Occaecati Omnis Reprehenderit Repellat</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--toolkit" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/toolkit.svg#toolkit" />
                            </svg>
                            Toolkit</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            Suriname</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Toolset
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Methodology
                        </div>
                        <span class="overflow">
                            +2 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Fuga Sapiente Dolorem Praesentium Autem Animi Inventore Qui Sit Perferendis Et Quaerat</a>
                    </h3>
                    <p class="card__meta card__subscription"><svg class="icon icon--lock" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/lock.svg#lock" />
                        </svg>
                        <span aria-hidden="true">Subscription required</span><span class="screen-reader-text">Subscription required to access this resource</span></p>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Velit Ad</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--curriculum" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/curriculum.svg#curriculum" />
                            </svg>
                            Educational Curriculum</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            Tunisia</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Process Improvement
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Superstructure
                        </div>
                        <span class="overflow">
                            +2 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Non Molestiae Perspiciatis Voluptatem Repellat</a>
                    </h3>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Reprehenderit Rerum</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--video" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/video.svg#video" />
                            </svg>
                            Video</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            Dominica</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Task Force
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Time Frame
                        </div>
                        <span class="overflow">
                            +5 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Nihil Qui Ea Alias</a>
                    </h3>
                    <p class="card__meta card__subscription"><svg class="icon icon--lock" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/lock.svg#lock" />
                        </svg>
                        <span aria-hidden="true">Subscription required</span><span class="screen-reader-text">Subscription required to access this resource</span></p>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Culpa Qui Ipsam</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--article" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/article.svg#article" />
                            </svg>
                            Article</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            Lao People&#39;s Democratic Republic</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Ability
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Methodology
                        </div>
                        <span class="overflow">
                            +4 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Dolorem Laborum Commodi Dolorum</a>
                    </h3>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Possimus Ea Doloremque Qui</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--book" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/book.svg#book" />
                            </svg>
                            Book</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            Republic of Korea</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Ability
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Conglomeration
                        </div>
                        <span class="overflow">
                            +4 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Ullam Eligendi Neque Impedit Asperiores Accusantium Repudiandae Veritatis Consequatur Fugit</a>
                    </h3>
                    <p class="card__meta card__subscription"><svg class="icon icon--lock" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/lock.svg#lock" />
                        </svg>
                        <span aria-hidden="true">Subscription required</span><span class="screen-reader-text">Subscription required to access this resource</span></p>
                    <p class="card__byline"><svg class="icon icon--author" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                            <use href="/images/author.svg#author" />
                        </svg>
                        By Exercitationem Odit</p>
                </header>
                <aside class="card__aside">
                    <div class="card__meta">
                        <span class="card__format"><span class="screen-reader-text">resource format: </span><svg class="icon icon--academic" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/academic.svg#academic" />
                            </svg>
                            Academic Paper</span> </div>
                    <div class="card__meta">
                        <span class="card__locality"><span class="screen-reader-text">location of relevance: </span><svg class="icon icon--location" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/location.svg#location" />
                            </svg>
                            Mauritania</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Software
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Open Architecture
                        </div>
                        <span class="overflow">
                            +2 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
            <div class="align-right">
                <button id="button" type="button" class="button button--borderless button--destructive remove-favorite"><svg class="icon icon--delete" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                        <use href="/images/delete.svg#delete" />
                    </svg>
                    <span class="button__label">Remove</span></button>
            </div>
        </li>
    </ul>
</div>
<div class="page-header">
	<div class="inside">
		<p>{% render '@link--breadcrumb', {label: 'Home', href: '/', standAlone: true}, true %}</p>
		<h1>{{ title }}</h1>
	</div>
</div>
<div class="align-right">
	{% render '@button--destructive-borderless', {label: 'Remove all', icon: 'delete', standAlone: true, className: 'remove-all-favorites'}, true %}
</div>
<div class="resource-list">
	<ul class="cards">
	{% for card in cards %}
	{% render '@card--resource', card %}
	{% endfor %}
	</ul>
</div>
{
  "bodyClass": "page page-template-page-favorites",
  "hasMenu": true,
  "hasFooter": true,
  "title": "Favorites",
  "cards": [
    {
      "id": 0,
      "modifier": "resource",
      "format": "Audio",
      "formatIcon": "audio",
      "name": "Resource",
      "title": "Deserunt Nostrum Quod Accusantium Libero Quae in Id",
      "byline": "Occaecati Et",
      "locality": "Iceland",
      "topics": [
        "Paradigm",
        "Task-Force"
      ],
      "topicCount": 4,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 1,
      "modifier": "resource",
      "format": "Case Study",
      "formatIcon": "case-study",
      "name": "Resource",
      "title": "Ipsam Qui Est Omnis Nulla Sint Natus Minima Provident Non Aperiam Optio",
      "byline": "Eum minus",
      "locality": "Bermuda",
      "topics": [
        "Help-Desk",
        "Secured Line"
      ],
      "topicCount": 3,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 2,
      "modifier": "resource",
      "format": "Toolkit",
      "formatIcon": "toolkit",
      "name": "Resource",
      "title": "Sint Ut Nisi Est Totam Molestiae",
      "byline": "Occaecati Omnis Reprehenderit Repellat",
      "locality": "Suriname",
      "topics": [
        "Toolset",
        "Methodology"
      ],
      "topicCount": 4,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 3,
      "modifier": "resource",
      "format": "Educational Curriculum",
      "formatIcon": "curriculum",
      "name": "Resource",
      "title": "Fuga Sapiente Dolorem Praesentium Autem Animi Inventore Qui Sit Perferendis Et Quaerat",
      "byline": "Velit Ad",
      "locality": "Tunisia",
      "topics": [
        "Process Improvement",
        "Superstructure"
      ],
      "topicCount": 4,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 4,
      "modifier": "resource",
      "format": "Video",
      "formatIcon": "video",
      "name": "Resource",
      "title": "Non Molestiae Perspiciatis Voluptatem Repellat",
      "byline": "Reprehenderit Rerum",
      "locality": "Dominica",
      "topics": [
        "Task-Force",
        "Time-Frame"
      ],
      "topicCount": 7,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 5,
      "modifier": "resource",
      "format": "Article",
      "formatIcon": "article",
      "name": "Resource",
      "title": "Nihil Qui Ea Alias",
      "byline": "Culpa Qui Ipsam",
      "locality": "Lao People's Democratic Republic",
      "topics": [
        "Ability",
        "Methodology"
      ],
      "topicCount": 6,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    },
    {
      "id": 6,
      "modifier": "resource",
      "format": "Book",
      "formatIcon": "book",
      "name": "Resource",
      "title": "Dolorem Laborum Commodi Dolorum",
      "byline": "Possimus Ea Doloremque Qui",
      "locality": "Republic of Korea",
      "topics": [
        "Ability",
        "Conglomeration"
      ],
      "topicCount": 6,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": false
    },
    {
      "id": 7,
      "modifier": "resource",
      "format": "Academic Paper",
      "formatIcon": "academic",
      "name": "Resource",
      "title": "Ullam Eligendi Neque Impedit Asperiores Accusantium Repudiandae Veritatis Consequatur Fugit",
      "byline": "Exercitationem Odit",
      "locality": "Mauritania",
      "topics": [
        "Software",
        "Open Architecture"
      ],
      "topicCount": 4,
      "href": "resource",
      "standAlone": true,
      "showRemoveButton": true,
      "requiresSubscription": true
    }
  ]
}

There are no notes for this item.