<div class="page-header">
    <div class="inside">
        <p><a class="link--breadcrumb" href="/">Home</a>
        </p>
        <h1>Browse all</h1>
    </div>
</div>
<div class="filter-wrapper">
    <button id="show-filters" type="button" class="button button--borderless"><svg class="icon icon--filter" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
            <use href="/images/filter.svg#filter" />
        </svg>
        <span class="button__label">Filter</span></button>
    <form class="filters" action="/">
        <button id="hide-filters" type="button" class="button button--borderless"><span class="button__label">Close</span><svg class="icon icon--close" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                <use href="/images/close.svg#close" />
            </svg>
        </button>
        <h2 class="h1 screen-reader-text" tabindex="-1">Filters</h2>
        <div class="accordion accordion--filter-list">
            <div class="accordion__pane">
                <p class="accordion__heading">Locations of relevance</p>
                <div class="accordion__content">
                    <button id="deselect-locations-of-relevance" type="button" class="button button--borderless"><span class="button__label">Deselect All<span class="screen-reader-text"> Locations of relevance</span></span></button>
                    <ul id="locations-of-relevance" class="input-group input-group__parent locations-of-relevance">
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-bangladesh" value="bangladesh"><label for="locations-of-relevance-bangladesh">Bangladesh</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-brazil" value="brazil"><label for="locations-of-relevance-brazil">Brazil</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-canada" value="canada"><label for="locations-of-relevance-canada">Canada</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-france" value="france"><label for="locations-of-relevance-france">France</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-germany" value="germany"><label for="locations-of-relevance-germany">Germany</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-hong-kong" value="hong-kong"><label for="locations-of-relevance-hong-kong">Hong Kong</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-india" value="india"><label for="locations-of-relevance-india">India</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-indonesia" value="indonesia"><label for="locations-of-relevance-indonesia">Indonesia</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-italy" value="italy"><label for="locations-of-relevance-italy">Italy</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-japan" value="japan"><label for="locations-of-relevance-japan">Japan</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-netherlands" value="netherlands"><label for="locations-of-relevance-netherlands">Netherlands</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-south-africa" value="south-africa"><label for="locations-of-relevance-south-africa">South Africa</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-spain" value="spain"><label for="locations-of-relevance-spain">Spain</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-sweden" value="sweden"><label for="locations-of-relevance-sweden">Sweden</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-united-kingdom" value="united-kingdom"><label for="locations-of-relevance-united-kingdom">United Kingdom</label>
                        </li>
                        <li>
                            <input type="checkbox" name="locations-of-relevance[]" id="locations-of-relevance-united-states" value="united-states"><label for="locations-of-relevance-united-states">United States</label>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="accordion__pane">
                <p class="accordion__heading">Goals</p>
                <div class="accordion__content">
                    <button id="deselect-goals" type="button" class="button button--borderless"><span class="button__label">Deselect All<span class="screen-reader-text"> Goals</span></span></button>
                    <ul id="goals" class="input-group input-group__parent goals">
                        <li>
                            <input type="checkbox" name="goals[]" id="goals-learn-the-basics-of-platform-cooperativism" value="learn-the-basics-of-platform-cooperativism"><label for="goals-learn-the-basics-of-platform-cooperativism">Learn the basics of platform cooperativism</label>
                        </li>
                        <li>
                            <label for="build-a-co-op">
                                <input class="input--parent" id="build-a-co-op" type="checkbox" name="build-a-co-op" value="build-a-co-op" />Build a co-op
                            </label>
                            <span class="filter-disclosure-label" hidden>show 7 subtopics for "Build a co-op"</span>
                            <span class="supplementary-label" hidden> (and 7 subtopics)</span>
                            <ul class="input-group checkbox input-group__descendant">
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <label for="build-a-platform-or-protocol">
                                <input class="input--parent" id="build-a-platform-or-protocol" type="checkbox" name="build-a-platform-or-protocol" value="build-a-platform-or-protocol" />Build a platform or protocol
                            </label>
                            <span class="filter-disclosure-label" hidden>show 5 subtopics for "Build a platform or protocol"</span>
                            <span class="supplementary-label" hidden> (and 5 subtopics)</span>
                            <ul class="input-group checkbox input-group__descendant">
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <input type="checkbox" name="goals[]" id="goals-transition-to-a-co-op" value="transition-to-a-co-op"><label for="goals-transition-to-a-co-op">Transition to a co-op</label>
                        </li>
                        <li>
                            <input type="checkbox" name="goals[]" id="goals-advocate-for-policy-change" value="advocate-for-policy-change"><label for="goals-advocate-for-policy-change">Advocate for policy change</label>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="accordion__pane">
                <p class="accordion__heading">Topics</p>
                <div class="accordion__content">
                    <button id="deselect-topics" type="button" class="button button--borderless"><span class="button__label">Deselect All<span class="screen-reader-text"> Topics</span></span></button>
                    <ul id="topics" class="input-group input-group__parent topics">
                        <li>
                            <label for="cooperative-essentials">
                                <input class="input--parent" id="cooperative-essentials" type="checkbox" name="cooperative-essentials" value="cooperative-essentials" />Cooperative essentials
                            </label>
                            <span class="filter-disclosure-label" hidden>show 5 subtopics for "Cooperative essentials"</span>
                            <span class="supplementary-label" hidden> (and 5 subtopics)</span>
                            <ul class="input-group checkbox input-group__descendant">
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <label for="business-operations">
                                <input class="input--parent" id="business-operations" type="checkbox" name="business-operations" value="business-operations" />Business operations
                            </label>
                            <span class="filter-disclosure-label" hidden>show 6 subtopics for "Business operations"</span>
                            <span class="supplementary-label" hidden> (and 6 subtopics)</span>
                            <ul class="input-group checkbox input-group__descendant">
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <label for="technology-and-platforms">
                                <input class="input--parent" id="technology-and-platforms" type="checkbox" name="technology-and-platforms" value="technology-and-platforms" />Technology &amp; Platforms
                            </label>
                            <span class="filter-disclosure-label" hidden>show 9 subtopics for "Technology &amp; Platforms"</span>
                            <span class="supplementary-label" hidden> (and 9 subtopics)</span>
                            <ul class="input-group checkbox input-group__descendant">
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <label for="law-and-policy">
                                <input class="input--parent" id="law-and-policy" type="checkbox" name="law-and-policy" value="law-and-policy" />Law &amp; Policy
                            </label>
                            <span class="filter-disclosure-label" hidden>show 4 subtopics for "Law &amp; Policy"</span>
                            <span class="supplementary-label" hidden> (and 4 subtopics)</span>
                            <ul class="input-group checkbox input-group__descendant">
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <label for="fair-labour">
                                <input class="input--parent" id="fair-labour" type="checkbox" name="fair-labour" value="fair-labour" />Fair labour
                            </label>
                            <span class="filter-disclosure-label" hidden>show 3 subtopics for "Fair labour"</span>
                            <span class="supplementary-label" hidden> (and 3 subtopics)</span>
                            <ul class="input-group checkbox input-group__descendant">
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <label for="platform-co-op-theory">
                                <input class="input--parent" id="platform-co-op-theory" type="checkbox" name="platform-co-op-theory" value="platform-co-op-theory" />Platform co-op theory
                            </label>
                            <span class="filter-disclosure-label" hidden>show 7 subtopics for "Platform co-op theory"</span>
                            <span class="supplementary-label" hidden> (and 7 subtopics)</span>
                            <ul class="input-group checkbox input-group__descendant">
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="accordion__pane">
                <p class="accordion__heading">Formats</p>
                <div class="accordion__content">
                    <button id="deselect-formats" type="button" class="button button--borderless"><span class="button__label">Deselect All<span class="screen-reader-text"> Formats</span></span></button>
                    <ul id="formats" class="input-group input-group__parent formats">
                        <li>
                            <input type="checkbox" name="formats[]" id="formats-academic-paper" value="academic-paper"><label for="formats-academic-paper">Academic Paper</label>
                        </li>
                        <li>
                            <input type="checkbox" name="formats[]" id="formats-article" value="article"><label for="formats-article">Article</label>
                        </li>
                        <li>
                            <input type="checkbox" name="formats[]" id="formats-audio" value="audio"><label for="formats-audio">Audio</label>
                        </li>
                        <li>
                            <input type="checkbox" name="formats[]" id="formats-book" value="book"><label for="formats-book">Book</label>
                        </li>
                        <li>
                            <input type="checkbox" name="formats[]" id="formats-case-study" value="case-study"><label for="formats-case-study">Case Study</label>
                        </li>
                        <li>
                            <input type="checkbox" name="formats[]" id="formats-educational-curriculum" value="educational-curriculum"><label for="formats-educational-curriculum">Educational Curriculum</label>
                        </li>
                        <li>
                            <input type="checkbox" name="formats[]" id="formats-online-training" value="online-training"><label for="formats-online-training">Online Training</label>
                        </li>
                        <li>
                            <input type="checkbox" name="formats[]" id="formats-podcast" value="podcast"><label for="formats-podcast">Podcast</label>
                        </li>
                        <li>
                            <input type="checkbox" name="formats[]" id="formats-presentation-slides" value="presentation-slides"><label for="formats-presentation-slides">Presentation Slides</label>
                        </li>
                        <li>
                            <input type="checkbox" name="formats[]" id="formats-report" value="report"><label for="formats-report">Report</label>
                        </li>
                        <li>
                            <input type="checkbox" name="formats[]" id="formats-toolkit" value="toolkit"><label for="formats-toolkit">Toolkit</label>
                        </li>
                        <li>
                            <input type="checkbox" name="formats[]" id="formats-video" value="video"><label for="formats-video">Video</label>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="accordion__pane">
                <p class="accordion__heading">Sectors</p>
                <div class="accordion__content">
                    <button id="deselect-sectors" type="button" class="button button--borderless"><span class="button__label">Deselect All<span class="screen-reader-text"> Sectors</span></span></button>
                    <ul id="sectors" class="input-group input-group__parent sectors">
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-agriculture" value="agriculture"><label for="sectors-agriculture">Agriculture</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-art-fashion-design" value="art-fashion-design"><label for="sectors-art-fashion-design">Art, fashion, design</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-accounting-and-finance" value="accounting-and-finance"><label for="sectors-accounting-and-finance">Accounting and Finance</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-advertising-and-marketing" value="advertising-and-marketing"><label for="sectors-advertising-and-marketing">Advertising and marketing</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-consulting" value="consulting"><label for="sectors-consulting">Consulting</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-co-op-development" value="co-op-development"><label for="sectors-co-op-development">Co-op development</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-community-organizing" value="community-organizing"><label for="sectors-community-organizing">Community organizing</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-construction" value="construction"><label for="sectors-construction">Construction</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-environment" value="environment"><label for="sectors-environment">Environment</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-education" value="education"><label for="sectors-education">Education</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-energy-and-mining" value="energy-and-mining"><label for="sectors-energy-and-mining">Energy and mining</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-entertainment" value="entertainment"><label for="sectors-entertainment">Entertainment</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-food" value="food"><label for="sectors-food">Food</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-healthcare" value="healthcare"><label for="sectors-healthcare">Healthcare</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-hospitality-and-tourism" value="hospitality-and-tourism"><label for="sectors-hospitality-and-tourism">Hospitality and tourism</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-legal" value="legal"><label for="sectors-legal">Legal</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-manufacturing" value="manufacturing"><label for="sectors-manufacturing">Manufacturing</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-media-and-communications" value="media-and-communications"><label for="sectors-media-and-communications">Media and communications</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-maintenance-and-repair" value="maintenance-and-repair"><label for="sectors-maintenance-and-repair">Maintenance and repair</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-protective-services-and-defense" value="protective-services-and-defense"><label for="sectors-protective-services-and-defense">Protective services and defense</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-personal-care-and-services" value="personal-care-and-services"><label for="sectors-personal-care-and-services">Personal care and services</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-public-and-social-services" value="public-and-social-services"><label for="sectors-public-and-social-services">Public and social services</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-property-and-real-estate" value="property-and-real-estate"><label for="sectors-property-and-real-estate">Property and real estate</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-recycling-and-waste-management" value="recycling-and-waste-management"><label for="sectors-recycling-and-waste-management">Recycling and waste management</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-sales-and-retail" value="sales-and-retail"><label for="sectors-sales-and-retail">Sales and retail</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-science-and-engineering" value="science-and-engineering"><label for="sectors-science-and-engineering">Science and engineering</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-sports-fitness-and-recreation" value="sports-fitness-and-recreation"><label for="sectors-sports-fitness-and-recreation">Sports fitness and recreation</label>
                        </li>
                        <li>
                            <label for="technology">
                                <input class="input--parent" id="technology" type="checkbox" name="technology" value="technology" />Technology
                            </label>
                            <span class="filter-disclosure-label" hidden>show 5 subtopics for "Technology"</span>
                            <span class="supplementary-label" hidden> (and 5 subtopics)</span>
                            <ul class="input-group checkbox input-group__descendant">
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                                <li>
                                    <label for="checkbox">
                                        <input id="checkbox" type="checkbox" name="name" value="checkbox" />Checkbox
                                    </label>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-transportation-and-logistics" value="transportation-and-logistics"><label for="sectors-transportation-and-logistics">Transportation and logistics</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-translation" value="translation"><label for="sectors-translation">Translation</label>
                        </li>
                        <li>
                            <input type="checkbox" name="sectors[]" id="sectors-utilities" value="utilities"><label for="sectors-utilities">Utilities</label>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <button id="apply-filters" type="submit" class="button"><span class="button__label">Apply filters</span></button>
    </form>
</div>
<div class="sort-wrapper">
    <div class="sort">
        <div class="menu-button">
            <h2 class="h3 menu-button__label"><svg class="icon icon--sort" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                    <use href="/images/sort.svg#sort" />
                </svg>
                Sort by</h2>
            <ul class="link-list">
                <li class="link-list__item"><a href="/?date-added" aria-current=true>Date added</a></li>
                <li class="link-list__item"><a href="/?date-published">Date published</a></li>
                <li class="link-list__item"><a href="/?most-favorited">Most favorited</a></li>
            </ul>
        </div>
    </div>
</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">Exercitationem Libero Optio Ut Facilis Et Est Est Quae</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 Savion Bode</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><span class="separator">.</span>
                        <span class="card__publisher"><span class="screen-reader-text">publisher: </span>Leannon - Stanton</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>
                            Uganda</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Initiative
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Customer Loyalty
                        </div>
                        <span class="overflow">
                            +5 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Et Voluptas Quidem Nemo Hic Blanditiis Numquam Molestiae Sed</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 Brando Becker</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><span class="separator">.</span>
                        <span class="card__publisher"><span class="screen-reader-text">publisher: </span>Simonis - MacGyver</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>
                            Lithuania</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Graphic Interface
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Graphic Interface
                        </div>
                        <span class="overflow">
                            +5 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Voluptas Optio Recusandae Aut Ad Quod</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 Sammie Rau</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><span class="separator">.</span>
                        <span class="card__publisher"><span class="screen-reader-text">publisher: </span>Gaylord - Johnson</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>
                            Azerbaijan</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Data Warehouse
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Extranet
                        </div>
                        <span class="overflow">
                            +2 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Vero Qui Perspiciatis Saepe</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 Kristy McKenzie</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--template" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/template.svg#template" />
                            </svg>
                            Template</span><span class="separator">.</span>
                        <span class="card__publisher"><span class="screen-reader-text">publisher: </span>Windler - Cummerata</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>
                            Saint Pierre and Miquelon</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Flexibility
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Paradigm
                        </div>
                        <span class="overflow">
                            +3 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Tenetur in Atque Labore Voluptas Corporis Assumenda Eos</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 Vesta Connelly</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><span class="separator">.</span>
                        <span class="card__publisher"><span class="screen-reader-text">publisher: </span>Brakus LLC</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>
                            Canada</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Neural Net
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Framework
                        </div>
                        <span class="overflow">
                            +1 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Numquam Reiciendis Quos Et Dolores Enim Quasi Facere Molestias Quo</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 Leola Schmeler</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><span class="separator">.</span>
                        <span class="card__publisher"><span class="screen-reader-text">publisher: </span>Hane and Sons</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>
                            Sri Lanka</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Throughput
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Leverage
                        </div>
                        <span class="overflow">
                            +3 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Molestiae Qui Perspiciatis Qui Voluptatibus Dignissimos Sapiente Molestias in Molestias Necessitatibus</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 Destany Brekke</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><span class="separator">.</span>
                        <span class="card__publisher"><span class="screen-reader-text">publisher: </span>Fahey - MacGyver</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>
                            Israel</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Middleware
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Analyzer
                        </div>
                        <span class="overflow">
                            +1 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Iste Veniam Quam Repudiandae Dolores Facilis Cupiditate Reprehenderit</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 Willy Lehner</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><span class="separator">.</span>
                        <span class="card__publisher"><span class="screen-reader-text">publisher: </span>Ryan, Russel and Blick</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>
                            Brazil</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Challenge
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Emulation
                        </div>
                        <span class="overflow">
                            +3 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Dolor Nisi Sapiente Quaerat Eum Deserunt Similique Libero Eligendi Deleniti Provident Commodi</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 Joanny Kemmer</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--document" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/document.svg#document" />
                            </svg>
                            Document</span><span class="separator">.</span>
                        <span class="card__publisher"><span class="screen-reader-text">publisher: </span>Mante, Bins and Dare</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>
                            Kyrgyz Republic</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Knowledge Base
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Initiative
                        </div>
                        <span class="overflow">
                            +4 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Et Vitae Esse Nihil Molestias minus Voluptatem Illo</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 Jacinthe Hane</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><span class="separator">.</span>
                        <span class="card__publisher"><span class="screen-reader-text">publisher: </span>Bogan Inc</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>
                            Yemen</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>Internet Solution
                        </div>
                        <span class="overflow">
                            +1 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Repellendus Et Culpa Consequatur Consequatur Exercitationem Autem Voluptatem Dolores</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 Willy Stracke</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--report" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                                <use href="/images/report.svg#report" />
                            </svg>
                            Report</span><span class="separator">.</span>
                        <span class="card__publisher"><span class="screen-reader-text">publisher: </span>Zemlak, Spencer and Halvorson</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>
                            Hong Kong</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>Database
                        </div>
                        <span class="overflow">
                            +3 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
        </li>
        <li class="card__wrapper">
            <article class="card card--resource">
                <header>
                    <h3 class="card__title">
                        <a class="card__link" href="resource">Deserunt Et Perferendis Excepturi Impedit Excepturi</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 Mireille Waelchi</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><span class="separator">.</span>
                        <span class="card__publisher"><span class="screen-reader-text">publisher: </span>Gerlach - Hahn</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>
                            Austria</span>
                    </div>
                    <div class="card__tags tags">
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Customer Loyalty
                        </div>
                        <div class="badge">
                            <span class="screen-reader-text">Topic: </span>Solution
                        </div>
                        <span class="overflow">
                            +5 more
                        </span>
                    </div>
                    <div class="card__meta">
                        <span class="card__added">Added January 1, 2020</span>
                    </div>
                </aside>
            </article>
        </li>
    </ul>
</div>
<div class="spacer"></div>
<nav class="navigation pagination" role="navigation" aria-label="resources">
    <h2 class="screen-reader-text">resources navigation</h2>
    <div class="nav-links">
        <a class="previous link link--pagination" href="1">
            <span class="screen-reader-text">Previous 10 resources</span><svg class="icon icon--chevron-left" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                <use href="/images/chevron-left.svg#chevron-left" />
            </svg>
        </a>
        <span aria-current="page" class="page current">2</span>
        <a class="link link--pagination" href="3"><span class="screen-reader-text">page </span>3</a>
        <span class="page dots">…</span>
        <a class="link link--pagination" href="61"><span class="screen-reader-text">page </span>61<span class="screen-reader-text"> (last)</span></a>
        <a class="next link link--pagination" href="3">
            <span class="screen-reader-text">Next 10 resources</span><svg class="icon icon--chevron-right" aria-hidden="true" viewBox="0 0 20 20" focusable="false">
                <use href="/images/chevron-right.svg#chevron-right" />
            </svg>
        </a>
    </div>
</nav>
<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="filter-wrapper">
	{% render '@button--borderless', {standAlone: true, id: 'show-filters'}, true %}
	<form class="filters" action="/">
		{% render '@button--borderless', {standAlone: true, id: 'hide-filters', label: 'Close', iconPosition: 'end', icon: 'close'}, true %}
		<h2 class="h1 screen-reader-text" tabindex="-1">Filters</h2>
		<div class="accordion accordion--filter-list">
		{% for filterList in filterLists %}
			{% render '@filter-list', {standAlone: true, label: filterList.label, terms: filterList.terms}, true %}
		{% endfor %}
		</div>
		{% render '@submit', {standAlone: true, label: 'Apply filters', id: 'apply-filters'}, true %}
	</form>
</div>
<div class="sort-wrapper">
	<div class="sort">
		{% render '@menu-button', {standAlone: true}, true %}
	</div>
</div>
{% if currentTags and foundPosts %}
<div class="current-filters">
	<p class="h3">Showing {{ foundPosts }} of 742 resources for:</p>
	<h2 class="h4">Applied filters</h2>
	<ul class="tags">
		{% for tag in currentTags %}
			{% render '@button--tag-button', {standAlone: true, label: tag.label}, true %}
		{% endfor %}
	</ul>
	<p><a href="?x">Clear all <span class="screen-reader-text">filters</span></a></p>
</div>
{% endif %}
<div class="resource-list">
<ul class="cards">
{% for card in cards %}
  {% render '@card--resource', card %}
{% endfor %}
</ul>
</div>
{% render '@pagination', {title: false}, true %}
{
  "bodyClass": "archive post-type-archive",
  "hasMenu": true,
  "hasFooter": true,
  "title": "Browse all",
  "currentTags": false,
  "filterLists": [
    {
      "label": "Locations of relevance",
      "terms": [
        {
          "label": "Bangladesh"
        },
        {
          "label": "Brazil"
        },
        {
          "label": "Canada"
        },
        {
          "label": "France"
        },
        {
          "label": "Germany"
        },
        {
          "label": "Hong Kong"
        },
        {
          "label": "India"
        },
        {
          "label": "Indonesia"
        },
        {
          "label": "Italy"
        },
        {
          "label": "Japan"
        },
        {
          "label": "Netherlands"
        },
        {
          "label": "South Africa"
        },
        {
          "label": "Spain"
        },
        {
          "label": "Sweden"
        },
        {
          "label": "United Kingdom"
        },
        {
          "label": "United States"
        }
      ]
    },
    {
      "label": "Goals",
      "terms": [
        {
          "label": "Learn the basics of platform cooperativism"
        },
        {
          "label": "Build a co-op",
          "children": [
            "Write bylaws",
            "Build a business model",
            "Establish a governance structure",
            "Incorporate a co-op",
            "Build a marketing plan",
            "Pick a co-op type",
            "Make decisions collaboratively"
          ]
        },
        {
          "label": "Build a platform or protocol",
          "children": [
            "Understand the design process",
            "Design for privacy",
            "Design for inclusion",
            "Build accessible digital tools",
            "Build open source software"
          ]
        },
        {
          "label": "Transition to a co-op"
        },
        {
          "label": "Advocate for policy change"
        }
      ]
    },
    {
      "label": "Topics",
      "terms": [
        {
          "label": "Cooperative essentials",
          "children": [
            "Governance",
            "Ownership",
            "Cooperative best practices",
            "Diversity and inclusion",
            "Bylaws"
          ]
        },
        {
          "label": "Business operations",
          "children": [
            "Human resources",
            "Marketing",
            "Social media",
            "Incorporation",
            "Business model",
            "Income, benefits, and compensation"
          ]
        },
        {
          "label": "Technology & Platforms",
          "children": [
            "Software development",
            "Platforms",
            "Design",
            "Free software",
            "Data",
            "Algorithms",
            "Automation",
            "Blockchain",
            "Search engines"
          ]
        },
        {
          "label": "Law & Policy",
          "children": [
            "Anti-trust",
            "Labor law",
            "Policy",
            "Co-op law"
          ]
        },
        {
          "label": "Fair labour",
          "children": [
            "Unions",
            "Workplace safety",
            "Social security"
          ]
        },
        {
          "label": "Platform co-op theory",
          "children": [
            "Platform cooperativism",
            "Platform capitalism",
            "Gig economy",
            "Sharing economy",
            "Solidarity economy",
            "Information economy",
            "Peer-to-peer"
          ]
        }
      ]
    },
    {
      "label": "Formats",
      "terms": [
        {
          "label": "Academic Paper"
        },
        {
          "label": "Article"
        },
        {
          "label": "Audio"
        },
        {
          "label": "Book"
        },
        {
          "label": "Case Study"
        },
        {
          "label": "Educational Curriculum"
        },
        {
          "label": "Online Training"
        },
        {
          "label": "Podcast"
        },
        {
          "label": "Presentation Slides"
        },
        {
          "label": "Report"
        },
        {
          "label": "Toolkit"
        },
        {
          "label": "Video"
        }
      ]
    },
    {
      "label": "Sectors",
      "terms": [
        {
          "label": "Agriculture"
        },
        {
          "label": "Art, fashion, design"
        },
        {
          "label": "Accounting and Finance"
        },
        {
          "label": "Advertising and marketing"
        },
        {
          "label": "Consulting"
        },
        {
          "label": "Co-op development"
        },
        {
          "label": "Community organizing"
        },
        {
          "label": "Construction"
        },
        {
          "label": "Environment"
        },
        {
          "label": "Education"
        },
        {
          "label": "Energy and mining"
        },
        {
          "label": "Entertainment"
        },
        {
          "label": "Food"
        },
        {
          "label": "Healthcare"
        },
        {
          "label": "Hospitality and tourism"
        },
        {
          "label": "Legal"
        },
        {
          "label": "Manufacturing"
        },
        {
          "label": "Media and communications"
        },
        {
          "label": "Maintenance and repair"
        },
        {
          "label": "Protective services and defense"
        },
        {
          "label": "Personal care and services"
        },
        {
          "label": "Public and social services"
        },
        {
          "label": "Property and real estate"
        },
        {
          "label": "Recycling and waste management"
        },
        {
          "label": "Sales and retail"
        },
        {
          "label": "Science and engineering"
        },
        {
          "label": "Sports fitness and recreation"
        },
        {
          "label": "Technology",
          "children": [
            "Electronics and computer manufacturing",
            "Software and hardware enginereeing",
            "Web service providers",
            "Data processing",
            "Misc technology"
          ]
        },
        {
          "label": "Transportation and logistics"
        },
        {
          "label": "Translation"
        },
        {
          "label": "Utilities"
        }
      ]
    }
  ],
  "cards": [
    {
      "id": 0,
      "modifier": "resource",
      "format": "Audio",
      "formatIcon": "audio",
      "name": "Resource",
      "title": "Exercitationem Libero Optio Ut Facilis Et Est Est Quae",
      "byline": "Savion Bode",
      "publisher": "Leannon - Stanton",
      "locality": "Uganda",
      "topics": [
        "Initiative",
        "Customer Loyalty"
      ],
      "topicCount": 7,
      "href": "resource",
      "standAlone": true,
      "requiresSubscription": false
    },
    {
      "id": 1,
      "modifier": "resource",
      "format": "Case Study",
      "formatIcon": "case-study",
      "name": "Resource",
      "title": "Et Voluptas Quidem Nemo Hic Blanditiis Numquam Molestiae Sed",
      "byline": "Brando Becker",
      "publisher": "Simonis - MacGyver",
      "locality": "Lithuania",
      "topics": [
        "Graphic Interface",
        "Graphic Interface"
      ],
      "topicCount": 7,
      "href": "resource",
      "standAlone": true,
      "requiresSubscription": true
    },
    {
      "id": 2,
      "modifier": "resource",
      "format": "Toolkit",
      "formatIcon": "toolkit",
      "name": "Resource",
      "title": "Voluptas Optio Recusandae Aut Ad Quod",
      "byline": "Sammie Rau",
      "publisher": "Gaylord - Johnson",
      "locality": "Azerbaijan",
      "topics": [
        "Data-Warehouse",
        "Extranet"
      ],
      "topicCount": 4,
      "href": "resource",
      "standAlone": true,
      "requiresSubscription": false
    },
    {
      "id": 3,
      "modifier": "resource",
      "format": "Template",
      "formatIcon": "template",
      "name": "Resource",
      "title": "Vero Qui Perspiciatis Saepe",
      "byline": "Kristy McKenzie",
      "publisher": "Windler - Cummerata",
      "locality": "Saint Pierre and Miquelon",
      "topics": [
        "Flexibility",
        "Paradigm"
      ],
      "topicCount": 5,
      "href": "resource",
      "standAlone": true,
      "requiresSubscription": true
    },
    {
      "id": 4,
      "modifier": "resource",
      "format": "Educational Curriculum",
      "formatIcon": "curriculum",
      "name": "Resource",
      "title": "Tenetur in Atque Labore Voluptas Corporis Assumenda Eos",
      "byline": "Vesta Connelly",
      "publisher": "Brakus LLC",
      "locality": "Canada",
      "topics": [
        "Neural-Net",
        "Framework"
      ],
      "topicCount": 3,
      "href": "resource",
      "standAlone": true,
      "requiresSubscription": false
    },
    {
      "id": 5,
      "modifier": "resource",
      "format": "Video",
      "formatIcon": "video",
      "name": "Resource",
      "title": "Numquam Reiciendis Quos Et Dolores Enim Quasi Facere Molestias Quo",
      "byline": "Leola Schmeler",
      "publisher": "Hane and Sons",
      "locality": "Sri Lanka",
      "topics": [
        "Throughput",
        "Leverage"
      ],
      "topicCount": 5,
      "href": "resource",
      "standAlone": true,
      "requiresSubscription": true
    },
    {
      "id": 6,
      "modifier": "resource",
      "format": "Article",
      "formatIcon": "article",
      "name": "Resource",
      "title": "Molestiae Qui Perspiciatis Qui Voluptatibus Dignissimos Sapiente Molestias in Molestias Necessitatibus",
      "byline": "Destany Brekke",
      "publisher": "Fahey - MacGyver",
      "locality": "Israel",
      "topics": [
        "Middleware",
        "Analyzer"
      ],
      "topicCount": 3,
      "href": "resource",
      "standAlone": true,
      "requiresSubscription": false
    },
    {
      "id": 7,
      "modifier": "resource",
      "format": "Book",
      "formatIcon": "book",
      "name": "Resource",
      "title": "Iste Veniam Quam Repudiandae Dolores Facilis Cupiditate Reprehenderit",
      "byline": "Willy Lehner",
      "publisher": "Ryan, Russel and Blick",
      "locality": "Brazil",
      "topics": [
        "Challenge",
        "Emulation"
      ],
      "topicCount": 5,
      "href": "resource",
      "standAlone": true,
      "requiresSubscription": true
    },
    {
      "id": 8,
      "modifier": "resource",
      "format": "Document",
      "formatIcon": "document",
      "name": "Resource",
      "title": "Dolor Nisi Sapiente Quaerat Eum Deserunt Similique Libero Eligendi Deleniti Provident Commodi",
      "byline": "Joanny Kemmer",
      "publisher": "Mante, Bins and Dare",
      "locality": "Kyrgyz Republic",
      "topics": [
        "Knowledge Base",
        "Initiative"
      ],
      "topicCount": 6,
      "href": "resource",
      "standAlone": true,
      "requiresSubscription": false
    },
    {
      "id": 9,
      "modifier": "resource",
      "format": "Academic Paper",
      "formatIcon": "academic",
      "name": "Resource",
      "title": "Et Vitae Esse Nihil Molestias minus Voluptatem Illo",
      "byline": "Jacinthe Hane",
      "publisher": "Bogan Inc",
      "locality": "Yemen",
      "topics": [
        "Paradigm",
        "Internet Solution"
      ],
      "topicCount": 3,
      "href": "resource",
      "standAlone": true,
      "requiresSubscription": true
    },
    {
      "id": 10,
      "modifier": "resource",
      "format": "Report",
      "formatIcon": "report",
      "name": "Resource",
      "title": "Repellendus Et Culpa Consequatur Consequatur Exercitationem Autem Voluptatem Dolores",
      "byline": "Willy Stracke",
      "publisher": "Zemlak, Spencer and Halvorson",
      "locality": "Hong Kong",
      "topics": [
        "Paradigm",
        "Database"
      ],
      "topicCount": 5,
      "href": "resource",
      "standAlone": true,
      "requiresSubscription": false
    },
    {
      "id": 11,
      "modifier": "resource",
      "format": "Audio",
      "formatIcon": "audio",
      "name": "Resource",
      "title": "Deserunt Et Perferendis Excepturi Impedit Excepturi",
      "byline": "Mireille Waelchi",
      "publisher": "Gerlach - Hahn",
      "locality": "Austria",
      "topics": [
        "Customer Loyalty",
        "Solution"
      ],
      "topicCount": 7,
      "href": "resource",
      "standAlone": true,
      "requiresSubscription": true
    }
  ],
  "foundPosts": false
}

There are no notes for this item.