Article
<div class="composition composition--padded">
<div class="grid grid--gap-2">
<div class="grid__item">
<app-title class="app-title">
<div class="app-title__inner">
<div class="app-title__background">
<img src="" class="app-title__background-image" height="500" width="1400" alt="__alt__1bk2gqsihs7d3s0tr3x8k9" loading="lazy" style="--width: 1400; --height: 500;" />
</div>
<div class="app-title__content">
<h1 class="app-title__heading">Article Title Here</h1>
<p class="app-title__subheading">Nisi occaecat esse amet adipisicing. Ex officia minim proident amet aliquip enim amet ex reprehenderit Lorem ea. Culpa aute minim ex tempor est adipisicing amet ad id ut Lorem officia nisi adipisicing. Dolor velit occaecat id culpa laboris non consequat duis dolor nisi anim elit nostrud elit.</p>
</div>
</div>
<div class="app-title__outer">
<p class="app-title__author" rel="author">Author Name</p>
<time class="app-title__date" pubdate datetime="1/1/2023" title="January 1st, 2023">January 1st, 2023</time>
</div>
</app-title>
</div>
<div class="grid__item">
<app-wysiwyg class="app-wysiwyg">
<p class="display">Display (hero) The quick brown fox jumps over the lazy dog Display (hero) The quick brown fox jumps over the lazy dog</p>
<h1>h1 The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog</h1>
<h2>h2 The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog</h2>
<h3>h3 The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog</h3>
<h4>h4 The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog</h4>
<h5>h5 The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog</h5>
<h6>h6 The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog</h6>
<p>Paragraph body, minim ut reprehenderit velit reprehenderit magna dolore culpa ipsum. In veniam do voluptate nostrud deserunt exercitation. Mollit labore sunt <a href="" aria-label="__label__tkndqe5qb2couv6i1bwmch">this is a text link</a> aliqua commodo. Pariatur mollit in aliquip consectetur nisi deserunt in nisi voluptate nulla irure incididunt duis. Consequat pariatur Lorem voluptate do nostrud enim consequat magna voluptate commodo Lorem et ullamco.</p>
<p><small>Paragraph small, mollit incididunt id voluptate ipsum. Voluptate aliqua ad cillum laboris. Labore non consequat consectetur incididunt irure aliqua nisi ad adipisicing occaecat consequat do. Do aliqua enim aute aliquip enim commodo. Deserunt culpa nostrud sit ea amet consectetur veniam laborum anim minim ad laboris deserunt. Dolore magna irure aute nulla consequat aute magna do esse duis do amet. Tempor elit nisi voluptate ullamco ut sit consequat. Non laborum adipisicing voluptate labore dolor qui nulla. Lorem in reprehenderit aliqua fugiat irure in ad. Magna voluptate duis nisi magna nostrud. Ut eu eiusmod cillum pariatur ad sint tempor commodo adipisicing. Eiusmod nulla magna incididunt eu anim aute sint ipsum laboris laboris exercitation tempor aute elit. Mollit enim aliquip eiusmod ad irure nulla aliquip excepteur.</small></p>
<ul>
<li>Veniam anim commodo sint reprehenderit in do duis adipisicing in eu cillum laboris.</li>
<li>Dolor commodo officia incididunt non aliquip.</li>
<li>Commodo occaecat reprehenderit aliquip consectetur culpa sint et ad non incididunt.</li>
<li>Labore ipsum minim velit irure dolore est qui est velit aliqua cillum.</li>
<li>Non reprehenderit dolor aute labore.</li>
<li>Eiusmod velit sunt occaecat cupidatat.
<ul>
<li>Veniam anim commodo sint reprehenderit in do duis adipisicing in eu cillum laboris.</li>
<li>Dolor commodo officia incididunt non aliquip.</li>
<li>Commodo occaecat reprehenderit aliquip consectetur culpa sint et ad non incididunt.</li>
<li>Labore ipsum minim velit irure dolore est qui est velit aliqua cillum.</li>
<li>Non reprehenderit dolor aute labore.</li>
<li>Eiusmod velit sunt occaecat cupidatat.</li>
</ul>
</li>
<li>Dolor commodo officia incididunt non aliquip.</li>
<li>Commodo occaecat reprehenderit aliquip consectetur culpa sint et ad non incididunt.</li>
</ul>
<ol>
<li>Veniam anim commodo sint reprehenderit in do duis adipisicing in eu cillum laboris.</li>
<li>Dolor commodo officia incididunt non aliquip.</li>
<li>Commodo occaecat reprehenderit aliquip consectetur culpa sint et ad non incididunt.</li>
<li>Labore ipsum minim velit irure dolore est qui est velit aliqua cillum.</li>
<li>Non reprehenderit dolor aute labore.</li>
<li>Eiusmod velit sunt occaecat cupidatat.</li>
</ol><strong>strong text not in a p tag </strong><em>em text not in a p tag</em>
</app-wysiwyg>
</div>
</div>
</div>Article Title Here
Nisi occaecat esse amet adipisicing. Ex officia minim proident amet aliquip enim amet ex reprehenderit Lorem ea. Culpa aute minim ex tempor est adipisicing amet ad id ut Lorem officia nisi adipisicing. Dolor velit occaecat id culpa laboris non consequat duis dolor nisi anim elit nostrud elit.
Display (hero) The quick brown fox jumps over the lazy dog Display (hero) The quick brown fox jumps over the lazy dog
h1 The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
h2 The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
h3 The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
h4 The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
h5 The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
h6 The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog
Paragraph body, minim ut reprehenderit velit reprehenderit magna dolore culpa ipsum. In veniam do voluptate nostrud deserunt exercitation. Mollit labore sunt this is a text link aliqua commodo. Pariatur mollit in aliquip consectetur nisi deserunt in nisi voluptate nulla irure incididunt duis. Consequat pariatur Lorem voluptate do nostrud enim consequat magna voluptate commodo Lorem et ullamco.
Paragraph small, mollit incididunt id voluptate ipsum. Voluptate aliqua ad cillum laboris. Labore non consequat consectetur incididunt irure aliqua nisi ad adipisicing occaecat consequat do. Do aliqua enim aute aliquip enim commodo. Deserunt culpa nostrud sit ea amet consectetur veniam laborum anim minim ad laboris deserunt. Dolore magna irure aute nulla consequat aute magna do esse duis do amet. Tempor elit nisi voluptate ullamco ut sit consequat. Non laborum adipisicing voluptate labore dolor qui nulla. Lorem in reprehenderit aliqua fugiat irure in ad. Magna voluptate duis nisi magna nostrud. Ut eu eiusmod cillum pariatur ad sint tempor commodo adipisicing. Eiusmod nulla magna incididunt eu anim aute sint ipsum laboris laboris exercitation tempor aute elit. Mollit enim aliquip eiusmod ad irure nulla aliquip excepteur.
- Veniam anim commodo sint reprehenderit in do duis adipisicing in eu cillum laboris.
- Dolor commodo officia incididunt non aliquip.
- Commodo occaecat reprehenderit aliquip consectetur culpa sint et ad non incididunt.
- Labore ipsum minim velit irure dolore est qui est velit aliqua cillum.
- Non reprehenderit dolor aute labore.
- Eiusmod velit sunt occaecat cupidatat.
- Veniam anim commodo sint reprehenderit in do duis adipisicing in eu cillum laboris.
- Dolor commodo officia incididunt non aliquip.
- Commodo occaecat reprehenderit aliquip consectetur culpa sint et ad non incididunt.
- Labore ipsum minim velit irure dolore est qui est velit aliqua cillum.
- Non reprehenderit dolor aute labore.
- Eiusmod velit sunt occaecat cupidatat.
- Dolor commodo officia incididunt non aliquip.
- Commodo occaecat reprehenderit aliquip consectetur culpa sint et ad non incididunt.
- Veniam anim commodo sint reprehenderit in do duis adipisicing in eu cillum laboris.
- Dolor commodo officia incididunt non aliquip.
- Commodo occaecat reprehenderit aliquip consectetur culpa sint et ad non incididunt.
- Labore ipsum minim velit irure dolore est qui est velit aliqua cillum.
- Non reprehenderit dolor aute labore.
- Eiusmod velit sunt occaecat cupidatat.
Event Agenda
<div class="composition composition--padded">
<h2 class="h3">Event Agenda as of 12/12/2022</h2>
<app-tabs class="tabs tabs--inner">
<div class="tabs__nav" role="tablist" aria-labelledby="agenda-tablist-1">
<div class="tabs__nav-inner">
<button class="tabs__tab" id="agenda-tab-1" type="button" role="tab" aria-selected="false" aria-controls="agenda-tabpanel-1"><span class="tabs__focus">
Wednesday <small>12/12/2022</small></span></button>
<button class="tabs__tab" id="agenda-tab-2" type="button" role="tab" aria-selected="false" aria-controls="agenda-tabpanel-2"><span class="tabs__focus">
Thursday <small>12/13/2022</small></span></button>
<button class="tabs__tab" id="agenda-tab-3" type="button" role="tab" aria-selected="false" aria-controls="agenda-tabpanel-3"><span class="tabs__focus">
Friday <small>12/14/2022</small></span></button>
<button class="tabs__tab js-print tabs__tab--end" type="button"><span class="tabs__focus">
Print</span></button>
</div>
</div>
<div class="tabs__tabpanel" id="agenda-tabpanel-1" role="tabpanel" aria-labelledby="agenda-tab-1">
<app-list-tools class="list-tools list-tools--filter">
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">Viewing All Tracks</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item">
<button class="list-tools__select-link list-tools__select-link--active" data-filter="all">Viewing All Tracks</button>
</li>
<li class="list-tools__select-item">
<button class="list-tools__select-link" data-filter="filter0">Track A</button>
</li>
<li class="list-tools__select-item">
<button class="list-tools__select-link" data-filter="filter1">Track B</button>
</li>
<li class="list-tools__select-item">
<button class="list-tools__select-link" data-filter="filter2">Track C </button>
</li>
<li class="list-tools__select-item">
<button class="list-tools__select-link" data-filter="filter3">Track D</button>
</li>
</ul>
</div>
</div>
</div>
</app-list-tools>
<app-accordion class="accordion accordion--event is-filterable">
<div class="accordion__item" data-filter-type="filter0">
<button class="accordion__trigger"><span>Event Time - Event Title 1</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><p class="event__time">2:30 AM - 05:30 PM EST</p><p><strong>Location:</strong> Somewhere else</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"> <img src="https://unsplash.it/100/50/?random"><p class="event__speakers"><strong>Speakers:</strong></p><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object> </div></div>
</div>
</div>
<div class="accordion__item" data-filter-type="filter1">
<button class="accordion__trigger"><span>Event Time - Event Title 2</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><p class="event__time">2:30 AM - 05:30 PM EST</p><p><strong>Location:</strong> Somewhere else</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"> <img src="https://unsplash.it/100/50/?random"><p class="event__speakers"><strong>Speakers:</strong></p><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object> </div></div>
</div>
</div>
<div class="accordion__item" data-filter-type="filter2">
<button class="accordion__trigger"><span>Event Time - Event Title 3</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><p class="event__time">2:30 AM - 05:30 PM EST</p><p><strong>Location:</strong> Somewhere else</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"> <img src="https://unsplash.it/100/50/?random"><p class="event__speakers"><strong>Speakers:</strong></p><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object> </div></div>
</div>
</div>
<div class="accordion__item" data-filter-type="filter3">
<button class="accordion__trigger"><span>Event Time - Event Title 4</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><ul><li>List item</li><li>List item</li><li>List item</li></ul><p class="event__time">11:30 AM - 02:30 PM EST</p><p><strong>Location:</strong> Location</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"></div></div>
</div>
</div>
<div class="accordion__item" data-filter-type="filter4">
<button class="accordion__trigger"><span>Event Time - Event Title 5</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><p class="event__time">12:30 AM - 05:30 PM EST</p><p><strong>Location:</strong> Somewhere</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"> <img src="https://unsplash.it/200/100/?random"> <p class="event__speakers"><strong>Speakers:</strong></p><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object></div></div>
</div>
</div>
</app-accordion>
</div>
<div class="tabs__tabpanel" id="agenda-tabpanel-2" role="tabpanel" aria-labelledby="agenda-tab-2">
<app-list-tools class="list-tools list-tools--filter">
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">Viewing All Tracks</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item">
<button class="list-tools__select-link list-tools__select-link--active" data-filter="all">Viewing All Tracks</button>
</li>
<li class="list-tools__select-item">
<button class="list-tools__select-link" data-filter="filter0">Track A</button>
</li>
<li class="list-tools__select-item">
<button class="list-tools__select-link" data-filter="filter1">Track B</button>
</li>
<li class="list-tools__select-item">
<button class="list-tools__select-link" data-filter="filter2">Track C </button>
</li>
<li class="list-tools__select-item">
<button class="list-tools__select-link" data-filter="filter3">Track D</button>
</li>
</ul>
</div>
</div>
</div>
</app-list-tools>
<app-accordion class="accordion accordion--event is-filterable">
<div class="accordion__item" data-filter-type="filter0">
<button class="accordion__trigger"><span>Event Time - Event Title 1</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><p class="event__time">2:30 AM - 05:30 PM EST</p><p><strong>Location:</strong> Somewhere else</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"> <img src="https://unsplash.it/100/50/?random"><p class="event__speakers"><strong>Speakers:</strong></p><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object> </div></div>
</div>
</div>
<div class="accordion__item" data-filter-type="filter1">
<button class="accordion__trigger"><span>Event Time - Event Title 2</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><p class="event__time">2:30 AM - 05:30 PM EST</p><p><strong>Location:</strong> Somewhere else</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"> <img src="https://unsplash.it/100/50/?random"><p class="event__speakers"><strong>Speakers:</strong></p><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object> </div></div>
</div>
</div>
<div class="accordion__item" data-filter-type="filter2">
<button class="accordion__trigger"><span>Event Time - Event Title 3</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><p class="event__time">2:30 AM - 05:30 PM EST</p><p><strong>Location:</strong> Somewhere else</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"> <img src="https://unsplash.it/100/50/?random"><p class="event__speakers"><strong>Speakers:</strong></p><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object> </div></div>
</div>
</div>
<div class="accordion__item" data-filter-type="filter3">
<button class="accordion__trigger"><span>Event Time - Event Title 4</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><ul><li>List item</li><li>List item</li><li>List item</li></ul><p class="event__time">11:30 AM - 02:30 PM EST</p><p><strong>Location:</strong> Location</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"></div></div>
</div>
</div>
<div class="accordion__item" data-filter-type="filter4">
<button class="accordion__trigger"><span>Event Time - Event Title 5</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><p class="event__time">12:30 AM - 05:30 PM EST</p><p><strong>Location:</strong> Somewhere</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"> <img src="https://unsplash.it/200/100/?random"> <p class="event__speakers"><strong>Speakers:</strong></p><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object></div></div>
</div>
</div>
</app-accordion>
</div>
<div class="tabs__tabpanel" id="agenda-tabpanel-3" role="tabpanel" aria-labelledby="agenda-tab-3">
<app-list-tools class="list-tools list-tools--filter">
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">Viewing All Tracks</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item">
<button class="list-tools__select-link list-tools__select-link--active" data-filter="all">Viewing All Tracks</button>
</li>
<li class="list-tools__select-item">
<button class="list-tools__select-link" data-filter="filter0">Track A</button>
</li>
<li class="list-tools__select-item">
<button class="list-tools__select-link" data-filter="filter1">Track B</button>
</li>
<li class="list-tools__select-item">
<button class="list-tools__select-link" data-filter="filter2">Track C </button>
</li>
<li class="list-tools__select-item">
<button class="list-tools__select-link" data-filter="filter3">Track D</button>
</li>
</ul>
</div>
</div>
</div>
</app-list-tools>
<app-accordion class="accordion accordion--event is-filterable">
<div class="accordion__item" data-filter-type="filter0">
<button class="accordion__trigger"><span>Event Time - Event Title 1</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><p class="event__time">2:30 AM - 05:30 PM EST</p><p><strong>Location:</strong> Somewhere else</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"> <img src="https://unsplash.it/100/50/?random"><p class="event__speakers"><strong>Speakers:</strong></p><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object> </div></div>
</div>
</div>
<div class="accordion__item" data-filter-type="filter1">
<button class="accordion__trigger"><span>Event Time - Event Title 2</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><p class="event__time">2:30 AM - 05:30 PM EST</p><p><strong>Location:</strong> Somewhere else</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"> <img src="https://unsplash.it/100/50/?random"><p class="event__speakers"><strong>Speakers:</strong></p><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object> </div></div>
</div>
</div>
<div class="accordion__item" data-filter-type="filter2">
<button class="accordion__trigger"><span>Event Time - Event Title 3</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><p class="event__time">2:30 AM - 05:30 PM EST</p><p><strong>Location:</strong> Somewhere else</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"> <img src="https://unsplash.it/100/50/?random"><p class="event__speakers"><strong>Speakers:</strong></p><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object> </div></div>
</div>
</div>
<div class="accordion__item" data-filter-type="filter3">
<button class="accordion__trigger"><span>Event Time - Event Title 4</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><ul><li>List item</li><li>List item</li><li>List item</li></ul><p class="event__time">11:30 AM - 02:30 PM EST</p><p><strong>Location:</strong> Location</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"></div></div>
</div>
</div>
<div class="accordion__item" data-filter-type="filter4">
<button class="accordion__trigger"><span>Event Time - Event Title 5</span><span class="accordion__trigger-label btn--ghost">Optional Track</span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><div class="event-item"><p class="event__time">12:30 AM - 05:30 PM EST</p><p><strong>Location:</strong> Somewhere</p><p><strong>Sponsors:</strong> <img src="https://unsplash.it/100/50/?random"> <img src="https://unsplash.it/200/100/?random"> <p class="event__speakers"><strong>Speakers:</strong></p><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object><app-media-object class="media-object media-object--center"><div class="media-object__media"><img src="https://unsplash.it/50/50/?random" class="media-object__image" height="75" width="75" alt="__alt__mj1dgrf04kyynh7lz0cwp" loading="lazy" style="--width: 75; --height: 75;"></div><div class="media-object__content"><p class="h5"><a href="#" aria-label="__label__70lsq0vhy2q07h2a4fb5daw">Media Object</a></p><p>This is a media object. It can be used to display a list of items with an image and text.</p></div></app-media-object></div></div>
</div>
</div>
</app-accordion>
</div>
</app-tabs>
</div>Event Agenda as of 12/12/2022
2:30 AM - 05:30 PM EST
Location: Somewhere else
Sponsors: 
Speakers:
This is a media object. It can be used to display a list of items with an image and text.
2:30 AM - 05:30 PM EST
Location: Somewhere else
Sponsors:
Speakers:
This is a media object. It can be used to display a list of items with an image and text.
2:30 AM - 05:30 PM EST
Location: Somewhere else
Sponsors:
Speakers:
This is a media object. It can be used to display a list of items with an image and text.
- List item
- List item
- List item
11:30 AM - 02:30 PM EST
Location: Location
Sponsors:
12:30 AM - 05:30 PM EST
Location: Somewhere
Sponsors: 
Speakers:
This is a media object. It can be used to display a list of items with an image and text.
This is a media object. It can be used to display a list of items with an image and text.
2:30 AM - 05:30 PM EST
Location: Somewhere else
Sponsors:
Speakers:
This is a media object. It can be used to display a list of items with an image and text.
2:30 AM - 05:30 PM EST
Location: Somewhere else
Sponsors:
Speakers:
This is a media object. It can be used to display a list of items with an image and text.
2:30 AM - 05:30 PM EST
Location: Somewhere else
Sponsors:
Speakers:
This is a media object. It can be used to display a list of items with an image and text.
- List item
- List item
- List item
11:30 AM - 02:30 PM EST
Location: Location
Sponsors:
12:30 AM - 05:30 PM EST
Location: Somewhere
Sponsors:
Speakers:
This is a media object. It can be used to display a list of items with an image and text.
This is a media object. It can be used to display a list of items with an image and text.
2:30 AM - 05:30 PM EST
Location: Somewhere else
Sponsors:
Speakers:
This is a media object. It can be used to display a list of items with an image and text.
2:30 AM - 05:30 PM EST
Location: Somewhere else
Sponsors:
Speakers:
This is a media object. It can be used to display a list of items with an image and text.
2:30 AM - 05:30 PM EST
Location: Somewhere else
Sponsors:
Speakers:
This is a media object. It can be used to display a list of items with an image and text.
- List item
- List item
- List item
11:30 AM - 02:30 PM EST
Location: Location
Sponsors:
12:30 AM - 05:30 PM EST
Location: Somewhere
Sponsors:
Speakers:
This is a media object. It can be used to display a list of items with an image and text.
This is a media object. It can be used to display a list of items with an image and text.
Event List
<div class="composition composition--padded">
<div class="listing" data-view="list">
<app-list-tools class="list-tools">
<div class="list-tools__item list-tools__item--full">
<form class="list-tools__search" action="#" aria-hidden="true">
<input class="list-tools__search-input" type="search" placeholder="Enter Search Term">
<button class="list-tools__search-submit" type="submit"><span class="sr-only">submit search</span><i class="glyph-eye-glass"></i></button>
</form>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">All Audiences</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__vuw2loiv327stvlhfa9t0a">All Audiences</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__mpelc3vro1fnu780e2tr8">Audience 1</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__baqjt4hgegbmzctfv6ldc">Audience 2</a></li>
</ul>
</div>
</div>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">All Types</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__4bu1z2h0lm7a4n5ln7ehu">All Types</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__keo1fvctsnrbjchhs9jhr">Type 1</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__7opxrpqegsdjtgdkk3vscr">Type 2</a></li>
</ul>
</div>
</div>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">All Topics</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__l6tkvfmtrlnc6yeakrvzyg">All Topics</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__flvfucc7cq9webet8n76g">Topic 1 </a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__y62pbxe992l8khw8o256s">Topic 2</a></li>
</ul>
</div>
</div>
</div>
</app-list-tools>
<app-list-toggle class="list-toggle">
<div class="list-toggle__inner">
<button class="list-toggle__item" data-toggle="grid"><i class="glyph-grid"> </i>Grid View</button>
<button class="list-toggle__item" data-toggle="list"><i class="glyph-list"> </i>List View</button>
</div>
</app-list-toggle>
<div class="listing__items">
<app-event-list-item class="event-list-item">
<div class="event-list-item__inner">
<picture class="event-list-item__media">
<img src="" class="event-list-item__image" width="125" height="125" alt="__alt__4cojhhw4aeauxcbts5pwvs" loading="lazy" style="--width: 125; --height: 125;" />
</picture>
<p class="event-list-item__category">Category text</p>
<p class="event-list-item__title">Lorem Ipsum Dolor Sit Amet Consectetur</p>
<p class="event-list-item__copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="event-list-item__cta">
<div class="event-list-item__date"> February 13, 2023 - February 15, 2023</div>
<div class="event-list-item__time"><i class="glyph-clock"></i>10:00 AM - 12:00 PM</div>
<address class="event-list-item__location grid grid--cols-2"><i class="grid__item grid__item--col-end-1 glyph-pin"></i><span class="grid__item"> Location Name<br>1234 Main St, Anytown, USA</span></address>
</div>
</div>
</app-event-list-item>
<app-event-list-item class="event-list-item">
<div class="event-list-item__inner">
<picture class="event-list-item__media">
<img src="" class="event-list-item__image" width="125" height="125" alt="__alt__4cojhhw4aeauxcbts5pwvs" loading="lazy" style="--width: 125; --height: 125;" />
</picture>
<p class="event-list-item__category">Category text</p>
<p class="event-list-item__title">Lorem Ipsum Dolor Sit Amet Consectetur</p>
<p class="event-list-item__copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="event-list-item__cta">
<div class="event-list-item__date"> February 13, 2023 - February 15, 2023</div>
<div class="event-list-item__time"><i class="glyph-clock"></i>10:00 AM - 12:00 PM</div>
<address class="event-list-item__location grid grid--cols-2"><i class="grid__item grid__item--col-end-1 glyph-pin"></i><span class="grid__item"> Location Name<br>1234 Main St, Anytown, USA</span></address>
</div>
</div>
</app-event-list-item>
<app-event-list-item class="event-list-item">
<div class="event-list-item__inner">
<picture class="event-list-item__media">
<img src="" class="event-list-item__image" width="125" height="125" alt="__alt__4cojhhw4aeauxcbts5pwvs" loading="lazy" style="--width: 125; --height: 125;" />
</picture>
<p class="event-list-item__category">Category text</p>
<p class="event-list-item__title">Lorem Ipsum Dolor Sit Amet Consectetur</p>
<p class="event-list-item__copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="event-list-item__cta">
<div class="event-list-item__date"> February 13, 2023 - February 15, 2023</div>
<div class="event-list-item__time"><i class="glyph-clock"></i>10:00 AM - 12:00 PM</div>
<address class="event-list-item__location grid grid--cols-2"><i class="grid__item grid__item--col-end-1 glyph-pin"></i><span class="grid__item"> Location Name<br>1234 Main St, Anytown, USA</span></address>
</div>
</div>
</app-event-list-item>
<app-event-list-item class="event-list-item">
<div class="event-list-item__inner">
<picture class="event-list-item__media">
<img src="" class="event-list-item__image" width="125" height="125" alt="__alt__4cojhhw4aeauxcbts5pwvs" loading="lazy" style="--width: 125; --height: 125;" />
</picture>
<p class="event-list-item__category">Category text</p>
<p class="event-list-item__title">Lorem Ipsum Dolor Sit Amet Consectetur</p>
<p class="event-list-item__copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="event-list-item__cta">
<div class="event-list-item__date"> February 13, 2023 - February 15, 2023</div>
<div class="event-list-item__time"><i class="glyph-clock"></i>10:00 AM - 12:00 PM</div>
<address class="event-list-item__location grid grid--cols-2"><i class="grid__item grid__item--col-end-1 glyph-pin"></i><span class="grid__item"> Location Name<br>1234 Main St, Anytown, USA</span></address>
</div>
</div>
</app-event-list-item>
<app-event-list-item class="event-list-item">
<div class="event-list-item__inner">
<picture class="event-list-item__media">
<img src="" class="event-list-item__image" width="125" height="125" alt="__alt__4cojhhw4aeauxcbts5pwvs" loading="lazy" style="--width: 125; --height: 125;" />
</picture>
<p class="event-list-item__category">Category text</p>
<p class="event-list-item__title">Lorem Ipsum Dolor Sit Amet Consectetur</p>
<p class="event-list-item__copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="event-list-item__cta">
<div class="event-list-item__date"> February 13, 2023 - February 15, 2023</div>
<div class="event-list-item__time"><i class="glyph-clock"></i>10:00 AM - 12:00 PM</div>
<address class="event-list-item__location grid grid--cols-2"><i class="grid__item grid__item--col-end-1 glyph-pin"></i><span class="grid__item"> Location Name<br>1234 Main St, Anytown, USA</span></address>
</div>
</div>
</app-event-list-item>
<app-event-list-item class="event-list-item">
<div class="event-list-item__inner">
<picture class="event-list-item__media">
<img src="" class="event-list-item__image" width="125" height="125" alt="__alt__4cojhhw4aeauxcbts5pwvs" loading="lazy" style="--width: 125; --height: 125;" />
</picture>
<p class="event-list-item__category">Category text</p>
<p class="event-list-item__title">Lorem Ipsum Dolor Sit Amet Consectetur</p>
<p class="event-list-item__copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="event-list-item__cta">
<div class="event-list-item__date"> February 13, 2023 - February 15, 2023</div>
<div class="event-list-item__time"><i class="glyph-clock"></i>10:00 AM - 12:00 PM</div>
<address class="event-list-item__location grid grid--cols-2"><i class="grid__item grid__item--col-end-1 glyph-pin"></i><span class="grid__item"> Location Name<br>1234 Main St, Anytown, USA</span></address>
</div>
</div>
</app-event-list-item>
<app-event-list-item class="event-list-item">
<div class="event-list-item__inner">
<picture class="event-list-item__media">
<img src="" class="event-list-item__image" width="125" height="125" alt="__alt__4cojhhw4aeauxcbts5pwvs" loading="lazy" style="--width: 125; --height: 125;" />
</picture>
<p class="event-list-item__category">Category text</p>
<p class="event-list-item__title">Lorem Ipsum Dolor Sit Amet Consectetur</p>
<p class="event-list-item__copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="event-list-item__cta">
<div class="event-list-item__date"> February 13, 2023 - February 15, 2023</div>
<div class="event-list-item__time"><i class="glyph-clock"></i>10:00 AM - 12:00 PM</div>
<address class="event-list-item__location grid grid--cols-2"><i class="grid__item grid__item--col-end-1 glyph-pin"></i><span class="grid__item"> Location Name<br>1234 Main St, Anytown, USA</span></address>
</div>
</div>
</app-event-list-item>
<app-event-list-item class="event-list-item">
<div class="event-list-item__inner">
<picture class="event-list-item__media">
<img src="" class="event-list-item__image" width="125" height="125" alt="__alt__4cojhhw4aeauxcbts5pwvs" loading="lazy" style="--width: 125; --height: 125;" />
</picture>
<p class="event-list-item__category">Category text</p>
<p class="event-list-item__title">Lorem Ipsum Dolor Sit Amet Consectetur</p>
<p class="event-list-item__copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="event-list-item__cta">
<div class="event-list-item__date"> February 13, 2023 - February 15, 2023</div>
<div class="event-list-item__time"><i class="glyph-clock"></i>10:00 AM - 12:00 PM</div>
<address class="event-list-item__location grid grid--cols-2"><i class="grid__item grid__item--col-end-1 glyph-pin"></i><span class="grid__item"> Location Name<br>1234 Main St, Anytown, USA</span></address>
</div>
</div>
</app-event-list-item>
<app-event-list-item class="event-list-item">
<div class="event-list-item__inner">
<picture class="event-list-item__media">
<img src="" class="event-list-item__image" width="125" height="125" alt="__alt__4cojhhw4aeauxcbts5pwvs" loading="lazy" style="--width: 125; --height: 125;" />
</picture>
<p class="event-list-item__category">Category text</p>
<p class="event-list-item__title">Lorem Ipsum Dolor Sit Amet Consectetur</p>
<p class="event-list-item__copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="event-list-item__cta">
<div class="event-list-item__date"> February 13, 2023 - February 15, 2023</div>
<div class="event-list-item__time"><i class="glyph-clock"></i>10:00 AM - 12:00 PM</div>
<address class="event-list-item__location grid grid--cols-2"><i class="grid__item grid__item--col-end-1 glyph-pin"></i><span class="grid__item"> Location Name<br>1234 Main St, Anytown, USA</span></address>
</div>
</div>
</app-event-list-item>
<app-event-list-item class="event-list-item">
<div class="event-list-item__inner">
<picture class="event-list-item__media">
<img src="" class="event-list-item__image" width="125" height="125" alt="__alt__4cojhhw4aeauxcbts5pwvs" loading="lazy" style="--width: 125; --height: 125;" />
</picture>
<p class="event-list-item__category">Category text</p>
<p class="event-list-item__title">Lorem Ipsum Dolor Sit Amet Consectetur</p>
<p class="event-list-item__copy">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div class="event-list-item__cta">
<div class="event-list-item__date"> February 13, 2023 - February 15, 2023</div>
<div class="event-list-item__time"><i class="glyph-clock"></i>10:00 AM - 12:00 PM</div>
<address class="event-list-item__location grid grid--cols-2"><i class="grid__item grid__item--col-end-1 glyph-pin"></i><span class="grid__item"> Location Name<br>1234 Main St, Anytown, USA</span></address>
</div>
</div>
</app-event-list-item>
</div>
<app-pagination class="pagination"><span class="pagination__prev"><span>PREV</span></span>
<div class="pagination__number-container"><span class="pagination__number pagination__number--active">1</span><a class="pagination__number" href="#">2</a><a class="pagination__number" href="#">3</a><a class="pagination__number" href="#">4</a><a class="pagination__number" href="#">5</a>
</div><a class="pagination__next" href="#" aria-label="__label__dpi9bhjzy3vyqecr9ayh3"><span>NEXT</span></a>
</app-pagination>
</div>
</div>Category text
Lorem Ipsum Dolor Sit Amet Consectetur
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
February 13, 2023 - February 15, 2023
10:00 AM - 12:00 PM
Location Name1234 Main St, Anytown, USA
Category text
Lorem Ipsum Dolor Sit Amet Consectetur
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
February 13, 2023 - February 15, 2023
10:00 AM - 12:00 PM
Location Name1234 Main St, Anytown, USA
Category text
Lorem Ipsum Dolor Sit Amet Consectetur
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
February 13, 2023 - February 15, 2023
10:00 AM - 12:00 PM
Location Name1234 Main St, Anytown, USA
Category text
Lorem Ipsum Dolor Sit Amet Consectetur
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
February 13, 2023 - February 15, 2023
10:00 AM - 12:00 PM
Location Name1234 Main St, Anytown, USA
Category text
Lorem Ipsum Dolor Sit Amet Consectetur
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
February 13, 2023 - February 15, 2023
10:00 AM - 12:00 PM
Location Name1234 Main St, Anytown, USA
Category text
Lorem Ipsum Dolor Sit Amet Consectetur
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
February 13, 2023 - February 15, 2023
10:00 AM - 12:00 PM
Location Name1234 Main St, Anytown, USA
Category text
Lorem Ipsum Dolor Sit Amet Consectetur
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
February 13, 2023 - February 15, 2023
10:00 AM - 12:00 PM
Location Name1234 Main St, Anytown, USA
Category text
Lorem Ipsum Dolor Sit Amet Consectetur
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
February 13, 2023 - February 15, 2023
10:00 AM - 12:00 PM
Location Name1234 Main St, Anytown, USA
Category text
Lorem Ipsum Dolor Sit Amet Consectetur
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
February 13, 2023 - February 15, 2023
10:00 AM - 12:00 PM
Location Name1234 Main St, Anytown, USA
Category text
Lorem Ipsum Dolor Sit Amet Consectetur
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
February 13, 2023 - February 15, 2023
10:00 AM - 12:00 PM
Location Name1234 Main St, Anytown, USA
Features
<div class="composition composition--padded">
<app-section-header class="section-header">
<h2 class="section-header__title">Section Header Title</h2>
<p class="section-header__copy">Optional copy, pariatur velit id pariatur irure nulla occaecat enim. Non duis nulla proident aliquip sint. Ea sint laborum quis officia duis sit tempor qui. Reprehenderit aliquip quis magna culpa amet exercitation labore ad. Consectetur in eiusmod sint eu ex occaecat ad labore irure laboris.</p>
</app-section-header>
<div class="grid grid--gap-2 grid--cols-md2 grid--cols-xl3 grid--match-height">
<div class="grid__item">
<app-feature class="feature feature--card"><a class="feature__media" href="https://google.com" aria-label="__label__fwwvgionzeftkzoaptnk">
<picture class="feature__image">
<source srcset="" height="256" width="441" media="(min-width: 800px)" alt="__alt__vm97h1sxd3lubtawx7airg" loading="lazy" />
<img src="" height="256" width="441" alt="__alt__rfsnohvnv67t5dsi5fqz5" loading="lazy" style="--width: 441; --height: 256;" />
</picture></a>
<div class="feature__content">
<h3 class="feature__title">Incididunt Mollit Velit Est Enim</h3>
<div class="feature__copy">Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.</div>
<div class="feature__cta"><a aria-label="__label__ry60s6280yr62yp8ifpjxo">Learn More</a></div>
</div>
</app-feature>
</div>
<div class="grid__item">
<app-feature class="feature feature--card"><a class="feature__media" href="https://google.com" aria-label="__label__fwwvgionzeftkzoaptnk">
<picture class="feature__image">
<source srcset="" height="256" width="441" media="(min-width: 800px)" alt="__alt__vm97h1sxd3lubtawx7airg" loading="lazy" />
<img src="" height="256" width="441" alt="__alt__rfsnohvnv67t5dsi5fqz5" loading="lazy" style="--width: 441; --height: 256;" />
</picture></a>
<div class="feature__content">
<h3 class="feature__title">Incididunt Mollit Velit Est Enim</h3>
<div class="feature__copy">Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.</div>
<div class="feature__cta"><a href="https://duckduckgo.com" aria-label="__label__ry60s6280yr62yp8ifpjxo">Primary CTA</a></div>
</div>
</app-feature>
</div>
<div class="grid__item">
<app-feature class="feature feature--card"><a class="feature__media" href="https://google.com" aria-label="__label__fwwvgionzeftkzoaptnk">
<picture class="feature__image">
<source srcset="" height="256" width="441" media="(min-width: 800px)" alt="__alt__vm97h1sxd3lubtawx7airg" loading="lazy" />
<img src="" height="256" width="441" alt="__alt__rfsnohvnv67t5dsi5fqz5" loading="lazy" style="--width: 441; --height: 256;" />
</picture></a>
<div class="feature__content">
<h3 class="feature__title">Incididunt Mollit Velit Est Enim</h3>
<div class="feature__copy">Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.</div>
<div class="feature__cta"><a href="https://duckduckgo.com" aria-label="__label__ry60s6280yr62yp8ifpjxo">Learn More</a></div>
</div>
</app-feature>
</div>
</div>
</div>Section Header Title
Optional copy, pariatur velit id pariatur irure nulla occaecat enim. Non duis nulla proident aliquip sint. Ea sint laborum quis officia duis sit tempor qui. Reprehenderit aliquip quis magna culpa amet exercitation labore ad. Consectetur in eiusmod sint eu ex occaecat ad labore irure laboris.
Incididunt Mollit Velit Est Enim
Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.
Incididunt Mollit Velit Est Enim
Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.
<div class="composition composition--padded">
<app-section-header class="section-header section-header--left section-header--sans">
<h2 class="section-header__title">Resources you Need</h2>
</app-section-header>
<div class="grid grid--gap-1 grid--cols-md2 grid--cols-xl3 grid--match-height">
<div class="grid__item">
<app-feature class="feature feature--card u-background--fill-blue">
<div class="feature__content">
<h3 class="feature__title">Incididunt Mollit Velit Est Enim</h3>
<div class="feature__copy">Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.</div>
<div class="feature__cta"><a href="https://duckduckgo.com" aria-label="__label__4tdu03w70q4tsnmaw9j4j">Learn More </a></div>
</div>
</app-feature>
</div>
<div class="grid__item">
<app-feature class="feature feature--card u-background--fill-blue">
<div class="feature__content">
<h3 class="feature__title">Incididunt Mollit Velit Est Enim</h3>
<div class="feature__copy">Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.</div>
<div class="feature__cta"><a href="https://duckduckgo.com" aria-label="__label__4tdu03w70q4tsnmaw9j4j">Learn More </a></div>
</div>
</app-feature>
</div>
<div class="grid__item">
<app-feature class="feature feature--card u-background--fill-blue">
<div class="feature__content">
<h3 class="feature__title">Incididunt Mollit Velit Est Enim</h3>
<div class="feature__copy">Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.</div>
<div class="feature__cta"><a href="https://duckduckgo.com" aria-label="__label__4tdu03w70q4tsnmaw9j4j">Learn More </a></div>
</div>
</app-feature>
</div>
<div class="grid__item">
<app-feature class="feature feature--card u-background--fill-blue">
<div class="feature__content">
<h3 class="feature__title">Incididunt Mollit Velit Est Enim</h3>
<div class="feature__copy">Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.</div>
<div class="feature__cta"><a href="https://duckduckgo.com" aria-label="__label__4tdu03w70q4tsnmaw9j4j">Learn More </a></div>
</div>
</app-feature>
</div>
<div class="grid__item">
<app-feature class="feature feature--card u-background--fill-blue">
<div class="feature__content">
<h3 class="feature__title">Incididunt Mollit Velit Est Enim</h3>
<div class="feature__copy">Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.</div>
<div class="feature__cta"><a href="https://duckduckgo.com" aria-label="__label__4tdu03w70q4tsnmaw9j4j">Learn More </a></div>
</div>
</app-feature>
</div>
<div class="grid__item">
<app-feature class="feature feature--card u-background--fill-blue">
<div class="feature__content">
<h3 class="feature__title">Incididunt Mollit Velit Est Enim</h3>
<div class="feature__copy">Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.</div>
<div class="feature__cta"><a href="https://duckduckgo.com" aria-label="__label__4tdu03w70q4tsnmaw9j4j">Learn More </a></div>
</div>
</app-feature>
</div>
</div>
</div>Resources you Need
Incididunt Mollit Velit Est Enim
Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.
Incididunt Mollit Velit Est Enim
Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.
Incididunt Mollit Velit Est Enim
Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.
Incididunt Mollit Velit Est Enim
Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.
Incididunt Mollit Velit Est Enim
Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.
Incididunt Mollit Velit Est Enim
Lorem ipsum dolor sit amet, dolor nisi exercitation elit cupidatat id laboris ullamco velit adipisicing nostrud dolore ex consectetur nulla. Commodo laboris eiusmod amet aute et qui consectetur dolor.
Grant List
<div class="composition composition--padded">
<app-list-tools class="list-tools list-tools--filter"><span class="h3 list-tools__label list-tools__label--large">Narrow your results</span>
<div class="list-tools__item list-tools__item--full">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">All Audiences</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item">
<button class="list-tools__select-link list-tools__select-link--active" data-filter="all">All Audiences</button>
</li>
<li class="list-tools__select-item">
<button class="list-tools__select-link" data-filter="filter0">Audience 0</button>
</li>
<li class="list-tools__select-item">
<button class="list-tools__select-link" data-filter="filter1">Audience 1</button>
</li>
</ul>
</div>
</div>
</div>
</app-list-tools>
<app-grant-list class="grant-list is-filterable">
<table>
<thead>
<tr>
<th>
<button>Grant Name<span aria-hidden="true"></span></button>
</th>
<th>
<button>Category<span aria-hidden="true"></span></button>
</th>
<th>
<button>Expiration Date<span aria-hidden="true"></span></button>
</th>
</tr>
</thead>
<tbody>
<tr data-filter-type="filter1">
<td> <a href="#">Lorum Ipsum1</a><i class="glyph-clock"></i></td>
<td> dolor sit amet1<i class="glyph-clock"></i></td>
<td> 03/01/23<i class="glyph-clock"></i></td>
</tr>
<tr data-filter-type="filter0">
<td> <a href="#">Lorum Ipsum2</a><i class="glyph-clock"></i></td>
<td> dolor sit amet2<i class="glyph-clock"></i></td>
<td> 03/02/23<i class="glyph-clock"></i></td>
</tr>
<tr data-filter-type="filter1">
<td> <a href="#">Lorum Ipsum3</a><i class="glyph-clock"></i></td>
<td> dolor sit amet3<i class="glyph-clock"></i></td>
<td> 03/03/23<i class="glyph-clock"></i></td>
</tr>
<tr data-filter-type="filter0">
<td> <a href="#">Lorum Ipsum4</a><i class="glyph-clock"></i></td>
<td> dolor sit amet4<i class="glyph-clock"></i></td>
<td> 03/03/23<i class="glyph-clock"></i></td>
</tr>
<tr data-filter-type="filter1">
<td> <a href="#">Lorum Ipsum5</a><i class="glyph-clock"></i></td>
<td> dolor sit amet5<i class="glyph-clock"></i></td>
<td> 03/03/23<i class="glyph-clock"></i></td>
</tr>
<tr data-filter-type="filter0">
<td> <a href="#">Lorum Ipsum6</a><i class="glyph-clock"></i></td>
<td> dolor sit amet6<i class="glyph-clock"></i></td>
<td> 03/03/23<i class="glyph-clock"></i></td>
</tr>
</tbody>
</table>
</app-grant-list>
</div>| Lorum Ipsum1 | dolor sit amet1 | 03/01/23 |
| Lorum Ipsum2 | dolor sit amet2 | 03/02/23 |
| Lorum Ipsum3 | dolor sit amet3 | 03/03/23 |
| Lorum Ipsum4 | dolor sit amet4 | 03/03/23 |
| Lorum Ipsum5 | dolor sit amet5 | 03/03/23 |
| Lorum Ipsum6 | dolor sit amet6 | 03/03/23 |
Listing Article
<div class="composition composition--padded">
<div class="u-margin--bottom-xs5 grid grid--gap-3 grid--gap-md2 grid--gap-x-md4 grid--gap-x-xl2 grid--cols-md2 grid--match-height grid--article-listing">
<div class="grid__item grid__item--row-span-2">
<app-list-item class="list-item list-item--article list-item--large">
<div class="list-item__inner">
<div class="list-item__media">
<img src="" class="list-item__image" width="747" height="456" alt="__alt__cc87bajji6xd5u7hw6mrf" loading="lazy" style="--width: 747; --height: 456;" />
</div>
<div class="list-item__content">
<div class="list-item__meta"><small>Type</small></div>
<p class="list-item__title"><a class="list-item__link" href="#" aria-label="__label__e4nxwjk2b64pxxcagpwhn">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</div>
</app-list-item>
</div>
<div class="grid__item">
<app-list-item class="list-item list-item--article list-item--small">
<div class="list-item__inner">
<div class="list-item__media">
<img src="" class="list-item__image" width="103" height="103" alt="__alt__y98x0kcyvuklzj1v11mt1" loading="lazy" style="--width: 103; --height: 103;" />
</div>
<div class="list-item__content">
<div class="list-item__meta"><small>Type</small></div>
<p class="list-item__title"><a class="list-item__link" href="#" aria-label="__label__bnx9nv0mnwpxakasv32vs">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</div>
</app-list-item>
</div>
<div class="grid__item">
<app-list-item class="list-item list-item--article list-item--small">
<div class="list-item__inner">
<div class="list-item__media">
<img src="" class="list-item__image" width="103" height="103" alt="__alt__y98x0kcyvuklzj1v11mt1" loading="lazy" style="--width: 103; --height: 103;" />
</div>
<div class="list-item__content">
<div class="list-item__meta"><small>Type</small></div>
<p class="list-item__title"><a class="list-item__link" href="#" aria-label="__label__bnx9nv0mnwpxakasv32vs">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</div>
</app-list-item>
</div>
</div>
<div class="listing" data-view="list">
<app-list-tools class="list-tools">
<div class="list-tools__item list-tools__item--full">
<form class="list-tools__search" action="#" aria-hidden="true">
<input class="list-tools__search-input" type="search" placeholder="Enter Search Term">
<button class="list-tools__search-submit" type="submit"><span class="sr-only">submit search</span><i class="glyph-eye-glass"></i></button>
</form>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">Topics</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__q88t06k76ibs8quowemtca">All Topics</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__dhqsv1dapowlsxv6gtlmf">Topic 1</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__smfnfefh82qsvu7hhgiqof">Topic 2</a></li>
</ul>
</div>
</div>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">Types</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__5dwf97907qrlo3wzub9l1">All Types</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__g9yqvu5zlmoj8hw49rqmp">Type 1</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__w3gfsdi9kb9folxb2u1xj">Type 2</a></li>
</ul>
</div>
</div>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">Audiences</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__0dkljnj3ieprjxcz5th0t3g">All Audiences</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__4ydp2tfeal2ibp14ox0rsb">Audience 1 </a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__4kuwa25wvi52ei46ncpqs4">Audience 2</a></li>
</ul>
</div>
</div>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">Months</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__h2zdleqyumov476ywdeoyh">All Months</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__5etpa6wspslc2rxv052xu">Month 1 </a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__tc26sumjuksbihpm52b3">Month 2</a></li>
</ul>
</div>
</div>
</div>
</app-list-tools>
<app-list-toggle class="list-toggle">
<div class="list-toggle__inner">
<button class="list-toggle__item" data-toggle="grid"><i class="glyph-grid"> </i>Grid View</button>
<button class="list-toggle__item" data-toggle="list"><i class="glyph-list"> </i>List View</button>
</div>
</app-list-toggle>
<div class="listing__items">
<app-list-item class="list-item list-item--article">
<div class="list-item__inner">
<div class="list-item__media">
<img src="" class="list-item__image" width="400" height="238" alt="__alt__vtkkqv7btgh6eossybzvur" loading="lazy" style="--width: 400; --height: 238;" />
</div>
<div class="list-item__meta"><small>Type</small></div>
<p class="list-item__title"><a class="list-item__link" href="#" aria-label="__label__46cgbus5z2xlc3n33plivt">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item list-item--article">
<div class="list-item__inner">
<div class="list-item__media">
<img src="" class="list-item__image" width="400" height="238" alt="__alt__vtkkqv7btgh6eossybzvur" loading="lazy" style="--width: 400; --height: 238;" />
</div>
<div class="list-item__meta"><small>Type</small></div>
<p class="list-item__title"><a class="list-item__link" href="#" aria-label="__label__46cgbus5z2xlc3n33plivt">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item list-item--article">
<div class="list-item__inner">
<div class="list-item__media">
<img src="" class="list-item__image" width="400" height="238" alt="__alt__vtkkqv7btgh6eossybzvur" loading="lazy" style="--width: 400; --height: 238;" />
</div>
<div class="list-item__meta"><small>Type</small></div>
<p class="list-item__title"><a class="list-item__link" href="#" aria-label="__label__46cgbus5z2xlc3n33plivt">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item list-item--article">
<div class="list-item__inner">
<div class="list-item__media">
<img src="" class="list-item__image" width="400" height="238" alt="__alt__vtkkqv7btgh6eossybzvur" loading="lazy" style="--width: 400; --height: 238;" />
</div>
<div class="list-item__meta"><small>Type</small></div>
<p class="list-item__title"><a class="list-item__link" href="#" aria-label="__label__46cgbus5z2xlc3n33plivt">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item list-item--article">
<div class="list-item__inner">
<div class="list-item__media">
<img src="" class="list-item__image" width="400" height="238" alt="__alt__vtkkqv7btgh6eossybzvur" loading="lazy" style="--width: 400; --height: 238;" />
</div>
<div class="list-item__meta"><small>Type</small></div>
<p class="list-item__title"><a class="list-item__link" href="#" aria-label="__label__46cgbus5z2xlc3n33plivt">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item list-item--article">
<div class="list-item__inner">
<div class="list-item__media">
<img src="" class="list-item__image" width="400" height="238" alt="__alt__vtkkqv7btgh6eossybzvur" loading="lazy" style="--width: 400; --height: 238;" />
</div>
<div class="list-item__meta"><small>Type</small></div>
<p class="list-item__title"><a class="list-item__link" href="#" aria-label="__label__46cgbus5z2xlc3n33plivt">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item list-item--article">
<div class="list-item__inner">
<div class="list-item__media">
<img src="" class="list-item__image" width="400" height="238" alt="__alt__vtkkqv7btgh6eossybzvur" loading="lazy" style="--width: 400; --height: 238;" />
</div>
<div class="list-item__meta"><small>Type</small></div>
<p class="list-item__title"><a class="list-item__link" href="#" aria-label="__label__46cgbus5z2xlc3n33plivt">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item list-item--article">
<div class="list-item__inner">
<div class="list-item__media">
<img src="" class="list-item__image" width="400" height="238" alt="__alt__vtkkqv7btgh6eossybzvur" loading="lazy" style="--width: 400; --height: 238;" />
</div>
<div class="list-item__meta"><small>Type</small></div>
<p class="list-item__title"><a class="list-item__link" href="#" aria-label="__label__46cgbus5z2xlc3n33plivt">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item list-item--article">
<div class="list-item__inner">
<div class="list-item__media">
<img src="" class="list-item__image" width="400" height="238" alt="__alt__vtkkqv7btgh6eossybzvur" loading="lazy" style="--width: 400; --height: 238;" />
</div>
<div class="list-item__meta"><small>Type</small></div>
<p class="list-item__title"><a class="list-item__link" href="#" aria-label="__label__46cgbus5z2xlc3n33plivt">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item list-item--article">
<div class="list-item__inner">
<div class="list-item__media">
<img src="" class="list-item__image" width="400" height="238" alt="__alt__vtkkqv7btgh6eossybzvur" loading="lazy" style="--width: 400; --height: 238;" />
</div>
<div class="list-item__meta"><small>Type</small></div>
<p class="list-item__title"><a class="list-item__link" href="#" aria-label="__label__46cgbus5z2xlc3n33plivt">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
</div>
<app-pagination class="pagination"><span class="pagination__prev"><span>PREV</span></span>
<div class="pagination__number-container"><span class="pagination__number pagination__number--active">1</span><a class="pagination__number" href="#">2</a><a class="pagination__number" href="#">3</a><a class="pagination__number" href="#">4</a><a class="pagination__number" href="#">5</a>
</div><a class="pagination__next" href="#" aria-label="__label__ozkz5obvikjpajwrmzev4"><span>NEXT</span></a>
</app-pagination>
</div>
</div>Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Listing Resource
<div class="composition composition--padded">
<div class="listing" data-view="list">
<app-list-tools class="list-tools">
<div class="list-tools__item list-tools__item--full">
<form class="list-tools__search" action="#" aria-hidden="true">
<input class="list-tools__search-input" type="search" placeholder="Enter Search Term">
<button class="list-tools__search-submit" type="submit"><span class="sr-only">submit search</span><i class="glyph-eye-glass"></i></button>
</form>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">All Audiences</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__b7xcckpxws98en9c1cl71k">All Audiences</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__h58luhexv4n2grufestzib">Audience 1</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__9kug3suhud6wyt6y0yyhg">Audience 2</a></li>
</ul>
</div>
</div>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">All Types</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__bq71qec43evqf85u5a2xco">All Types</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__99m0dqkbhi39oz7zf3vcq">Type 1</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__99jerfbnwfef10mo13k52">Type 2</a></li>
</ul>
</div>
</div>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">All Topics</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__w84mr57hdp9vz63kgng9">All Topics</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__scf92d8apuss6wukytvjj">Topic 1 </a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__kscw0dintijpx0q77ga6j">Topic 2</a></li>
</ul>
</div>
</div>
</div>
</app-list-tools>
<app-list-toggle class="list-toggle">
<div class="list-toggle__inner">
<button class="list-toggle__item" data-toggle="grid"><i class="glyph-grid"> </i>Grid View</button>
<button class="list-toggle__item" data-toggle="list"><i class="glyph-list"> </i>List View</button>
</div>
</app-list-toggle>
<div class="listing__items">
</div>
<app-pagination class="pagination"><span class="pagination__prev"><span>PREV</span></span>
<div class="pagination__number-container"><span class="pagination__number pagination__number--active">1</span><a class="pagination__number" href="#">2</a><a class="pagination__number" href="#">3</a><a class="pagination__number" href="#">4</a><a class="pagination__number" href="#">5</a>
</div><a class="pagination__next" href="#" aria-label="__label__bs3qxzoe4lo5yn0zf9739e"><span>NEXT</span></a>
</app-pagination>
</div>
</div>Listing
<div class="composition composition--padded">
<div class="listing" data-view="list">
<app-list-tools class="list-tools">
<div class="list-tools__item list-tools__item--full">
<form class="list-tools__search" action="#" aria-hidden="true">
<input class="list-tools__search-input" type="search" placeholder="Enter Search Term">
<button class="list-tools__search-submit" type="submit"><span class="sr-only">submit search</span><i class="glyph-eye-glass"></i></button>
</form>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">All Audiences</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__rvfa6c5tdkl942h0kdwu">All Audiences</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__mow4gnbzhywordvlwttno">Audience 1</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__4kiqke9ndhxbf8uytow8p">Audience 2</a></li>
</ul>
</div>
</div>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">All Types</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__9xh71juy7z85xf12416d1g">All Types</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__p4cx3mbftngeqlon26or">Type 1</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__t43du3a867jg2zxp1v8dzo">Type 2</a></li>
</ul>
</div>
</div>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">All Topics</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__womeyw8c6xrx7geu8evj">All Topics</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__dr2sqbf03giuqud7b1gqh">Topic 1 </a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__xc1jejnd6pnt8x6r9fhp">Topic 2</a></li>
</ul>
</div>
</div>
</div>
</app-list-tools>
<app-list-toggle class="list-toggle">
<div class="list-toggle__inner">
<button class="list-toggle__item" data-toggle="grid"><i class="glyph-grid"> </i>Grid View</button>
<button class="list-toggle__item" data-toggle="list"><i class="glyph-list"> </i>List View</button>
</div>
</app-list-toggle>
<div class="listing__items">
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
</div>
<app-pagination class="pagination"><span class="pagination__prev"><span>PREV</span></span>
<div class="pagination__number-container"><span class="pagination__number pagination__number--active">1</span><a class="pagination__number" href="#">2</a><a class="pagination__number" href="#">3</a><a class="pagination__number" href="#">4</a><a class="pagination__number" href="#">5</a>
</div><a class="pagination__next" href="#" aria-label="__label__dvjkp1665omad0m0raejjk"><span>NEXT</span></a>
</app-pagination>
</div>
</div>Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
<div class="composition composition--padded">
<div class="listing" data-view="grid">
<app-list-tools class="list-tools">
<div class="list-tools__item list-tools__item--full">
<form class="list-tools__search" action="#" aria-hidden="true">
<input class="list-tools__search-input" type="search" placeholder="Enter Search Term">
<button class="list-tools__search-submit" type="submit"><span class="sr-only">submit search</span><i class="glyph-eye-glass"></i></button>
</form>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">All Audiences</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__rvfa6c5tdkl942h0kdwu">All Audiences</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__mow4gnbzhywordvlwttno">Audience 1</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__4kiqke9ndhxbf8uytow8p">Audience 2</a></li>
</ul>
</div>
</div>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">All Types</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__9xh71juy7z85xf12416d1g">All Types</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__p4cx3mbftngeqlon26or">Type 1</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__t43du3a867jg2zxp1v8dzo">Type 2</a></li>
</ul>
</div>
</div>
</div>
<div class="list-tools__item">
<div class="list-tools__select">
<button class="list-tools__select-active" type="button">All Topics</button>
<div class="list-tools__select-menu">
<ul class="list-tools__select-inner">
<li class="list-tools__select-item"><a class="list-tools__select-link list-tools__select-link--active" href="#" aria-label="__label__womeyw8c6xrx7geu8evj">All Topics</a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__dr2sqbf03giuqud7b1gqh">Topic 1 </a></li>
<li class="list-tools__select-item"><a class="list-tools__select-link" href="#" aria-label="__label__xc1jejnd6pnt8x6r9fhp">Topic 2</a></li>
</ul>
</div>
</div>
</div>
</app-list-tools>
<app-list-toggle class="list-toggle">
<div class="list-toggle__inner">
<button class="list-toggle__item" data-toggle="grid"><i class="glyph-grid"> </i>Grid View</button>
<button class="list-toggle__item" data-toggle="list"><i class="glyph-list"> </i>List View</button>
</div>
</app-list-toggle>
<div class="listing__items">
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
<app-list-item class="list-item">
<div class="list-item__inner"><small class="list-item__meta">Type</small>
<p class="list-item__title"><a class="list-item__link" href="" aria-label="__label__d2kb4x3chir6svfvuep326">Cillum Quis Exercitation Esse</a></p>
<p class="list-item__date">Last updated: 2023-01-01</p>
<p class="list-item__copy">Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.</p>
</div>
</app-list-item>
</div>
<app-pagination class="pagination"><span class="pagination__prev"><span>PREV</span></span>
<div class="pagination__number-container"><span class="pagination__number pagination__number--active">1</span><a class="pagination__number" href="#">2</a><a class="pagination__number" href="#">3</a><a class="pagination__number" href="#">4</a><a class="pagination__number" href="#">5</a>
</div><a class="pagination__next" href="#" aria-label="__label__dvjkp1665omad0m0raejjk"><span>NEXT</span></a>
</app-pagination>
</div>
</div>Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
Type
Last updated: 2023-01-01
Incididunt ipsum excepteur ex quis voluptate quis Lorem nostrud dolore nisi sint aliqua. Eu eiusmod irure officia irure ex culpa id laborum elit qui pariatur ex. Mollit enim nulla eiusmod adipisicing ullamco enim velit enim anim culpa anim pariatur.
News List
<div class="composition composition--padded composition--article-list composition--fill-ruby">
<app-section-header class="section-header section-header--left">
<h2 class="section-header__title">Latest News and Insights</h2>
</app-section-header>
<div class="u-margin--top-xs5 grid grid--gap-3 grid--gap-md2 grid--gap-x-md4 grid--gap-x-xl2 grid--cols-md3 grid--cols-xl3 grid--match-height">
<div class="grid__item grid__item--row-span-2">
<app-article-card class="article-card article-card--tall">
<div class="article-card__inner">
<div class="article-card__row">
<picture class="article-card__media">
<source srcset="" height="390" width="445" media="(max-width: 567px)" alt="__alt__w96a5hc9yeko1qzd9ci9" loading="lazy" />
<img src="" width="390" height="445" alt="__alt__2bntdcuy094k8l1lpylzz9" loading="lazy" style="--width: 390; --height: 445;" />
</picture>
</div>
<div class="article-card__row">
<div class="article-card__title">Incididunt Mollit Velit Est Enim. Lorem ipsum dolor sit amet.</div>
</div>
<div class="article-card__row"><a class="article-card__cta" href="#" aria-label="__label__ic6jtuwb0rrkixk1g8l9u">Primary CTA</a></div>
</div>
</app-article-card>
</div>
<div class="grid__item">
<app-article-card class="article-card">
<div class="article-card__inner">
<div class="article-card__row">
<picture class="article-card__media">
<source srcset="" height="80" width="80" media="(max-width: 992px)" alt="__alt__6r0oa615wnuigpl9ti4lw9" loading="lazy" />
<img src="" width="103" height="103" alt="__alt__k7con0blxzj3pdqvsvuec" loading="lazy" style="--width: 103; --height: 103;" />
</picture><span class="article-card__category">Category text</span>
</div>
<div class="article-card__row">
<div class="article-card__title">Incididunt Mollit Velit Est Enim. Lorem ipsum dolor sit amet.</div>
</div>
<div class="article-card__row"><a class="article-card__cta" href="#" aria-label="__label__9srx81jjnf54kjs890sdb">Primary CTA</a></div>
</div>
</app-article-card>
</div>
<div class="grid__item">
<app-article-card class="article-card">
<div class="article-card__inner">
<div class="article-card__row">
<picture class="article-card__media">
<source srcset="" height="80" width="80" media="(max-width: 992px)" alt="__alt__6r0oa615wnuigpl9ti4lw9" loading="lazy" />
<img src="" width="103" height="103" alt="__alt__k7con0blxzj3pdqvsvuec" loading="lazy" style="--width: 103; --height: 103;" />
</picture><span class="article-card__category">Category text</span>
</div>
<div class="article-card__row">
<div class="article-card__title">Incididunt Mollit Velit Est Enim. Lorem ipsum dolor sit amet.</div>
</div>
<div class="article-card__row"><a class="article-card__cta" href="#" aria-label="__label__9srx81jjnf54kjs890sdb">Primary CTA</a></div>
</div>
</app-article-card>
</div>
<div class="grid__item">
<app-article-card class="article-card">
<div class="article-card__inner">
<div class="article-card__row">
<picture class="article-card__media">
<source srcset="" height="80" width="80" media="(max-width: 992px)" alt="__alt__6r0oa615wnuigpl9ti4lw9" loading="lazy" />
<img src="" width="103" height="103" alt="__alt__k7con0blxzj3pdqvsvuec" loading="lazy" style="--width: 103; --height: 103;" />
</picture><span class="article-card__category">Category text</span>
</div>
<div class="article-card__row">
<div class="article-card__title">Incididunt Mollit Velit Est Enim. Lorem ipsum dolor sit amet.</div>
</div>
<div class="article-card__row"><a class="article-card__cta" href="#" aria-label="__label__9srx81jjnf54kjs890sdb">Primary CTA</a></div>
</div>
</app-article-card>
</div>
<div class="grid__item">
<app-article-card class="article-card">
<div class="article-card__inner">
<div class="article-card__row">
<picture class="article-card__media">
<source srcset="" height="80" width="80" media="(max-width: 992px)" alt="__alt__6r0oa615wnuigpl9ti4lw9" loading="lazy" />
<img src="" width="103" height="103" alt="__alt__k7con0blxzj3pdqvsvuec" loading="lazy" style="--width: 103; --height: 103;" />
</picture><span class="article-card__category">Category text</span>
</div>
<div class="article-card__row">
<div class="article-card__title">Incididunt Mollit Velit Est Enim. Lorem ipsum dolor sit amet.</div>
</div>
<div class="article-card__row"><a class="article-card__cta" href="#" aria-label="__label__9srx81jjnf54kjs890sdb">Primary CTA</a></div>
</div>
</app-article-card>
</div>
</div>
<hr class="u-margin--top-xs3 u-margin--bottom-xs1">
<p class="u-text--center"><a href="#" aria-label="__label__zz3v52zlpcjcv5gxwt80j">View All Insights</a></p>
</div>Latest News and Insights
Person List
<div class="composition composition--padded">
<h3 class="u-text--strike">H3 Title content with background strike</h3>
<div class="grid grid--gap-1 grid--cols-md2 grid--cols-xl4 grid--match-height">
<div class="grid__item">
<app-person-list class="person-list">
<figure class="person-list__media" data-a11y-dialog-show="person-id" aria-controls="person-id" aria-expanded="false" aria-label="Open dialog" role="button">
<picture class="person-list__image">
<source srcset="" height="325" width="325" media="(min-width: 800px)" alt="__alt__vgkomh8wqv3pfzyb8vfkk" loading="lazy" />
<img src="" height="325" width="325" alt="__alt__me5pgeoxv5he9s1kw8xm1i" loading="lazy" style="--width: 325; --height: 325;" />
</picture>
</figure>
<div class="person-list__content">
<div class="person-list__name">First Name Last Name</div>
<div class="person-list__title">Job Title</div>
<div class="person-list__links"><a class="person-list__link" href="tel:555-555-5555">555-555-5555</a><a class="person-list__link" href="mailto:fake@email.notreal">email@email</a></div>
</div>
</app-person-list>
</div>
<div class="grid__item">
<app-person-list class="person-list">
<figure class="person-list__media" data-a11y-dialog-show="person-id" aria-controls="person-id" aria-expanded="false" aria-label="Open dialog" role="button">
<picture class="person-list__image">
<source srcset="" height="325" width="325" media="(min-width: 800px)" alt="__alt__vgkomh8wqv3pfzyb8vfkk" loading="lazy" />
<img src="" height="325" width="325" alt="__alt__me5pgeoxv5he9s1kw8xm1i" loading="lazy" style="--width: 325; --height: 325;" />
</picture>
</figure>
<div class="person-list__content">
<div class="person-list__name">First Name Last Name</div>
<div class="person-list__title">Job Title</div>
<div class="person-list__links"><a class="person-list__link" href="tel:555-555-5555">555-555-5555</a><a class="person-list__link" href="mailto:fake@email.notreal">email@email</a></div>
</div>
</app-person-list>
</div>
<div class="grid__item">
<app-person-list class="person-list">
<figure class="person-list__media" data-a11y-dialog-show="person-id" aria-controls="person-id" aria-expanded="false" aria-label="Open dialog" role="button">
<picture class="person-list__image">
<source srcset="" height="325" width="325" media="(min-width: 800px)" alt="__alt__vgkomh8wqv3pfzyb8vfkk" loading="lazy" />
<img src="" height="325" width="325" alt="__alt__me5pgeoxv5he9s1kw8xm1i" loading="lazy" style="--width: 325; --height: 325;" />
</picture>
</figure>
<div class="person-list__content">
<div class="person-list__name">First Name Last Name</div>
<div class="person-list__title">Job Title</div>
<div class="person-list__links"><a class="person-list__link" href="tel:555-555-5555">555-555-5555</a><a class="person-list__link" href="mailto:fake@email.notreal">email@email</a></div>
</div>
</app-person-list>
</div>
<div class="grid__item">
<app-person-list class="person-list">
<figure class="person-list__media" data-a11y-dialog-show="person-id" aria-controls="person-id" aria-expanded="false" aria-label="Open dialog" role="button">
<picture class="person-list__image">
<source srcset="" height="325" width="325" media="(min-width: 800px)" alt="__alt__vgkomh8wqv3pfzyb8vfkk" loading="lazy" />
<img src="" height="325" width="325" alt="__alt__me5pgeoxv5he9s1kw8xm1i" loading="lazy" style="--width: 325; --height: 325;" />
</picture>
</figure>
<div class="person-list__content">
<div class="person-list__name">First Name Last Name</div>
<div class="person-list__title">Job Title</div>
<div class="person-list__links"><a class="person-list__link" href="tel:555-555-5555">555-555-5555</a><a class="person-list__link" href="mailto:fake@email.notreal">email@email</a></div>
</div>
</app-person-list>
</div>
<div class="grid__item">
<app-person-list class="person-list">
<figure class="person-list__media" data-a11y-dialog-show="person-id" aria-controls="person-id" aria-expanded="false" aria-label="Open dialog" role="button">
<picture class="person-list__image">
<source srcset="" height="325" width="325" media="(min-width: 800px)" alt="__alt__vgkomh8wqv3pfzyb8vfkk" loading="lazy" />
<img src="" height="325" width="325" alt="__alt__me5pgeoxv5he9s1kw8xm1i" loading="lazy" style="--width: 325; --height: 325;" />
</picture>
</figure>
<div class="person-list__content">
<div class="person-list__name">First Name Last Name</div>
<div class="person-list__title">Job Title</div>
<div class="person-list__links"><a class="person-list__link" href="tel:555-555-5555">555-555-5555</a><a class="person-list__link" href="mailto:fake@email.notreal">email@email</a></div>
</div>
</app-person-list>
</div>
<div class="grid__item">
<app-person-list class="person-list">
<figure class="person-list__media" data-a11y-dialog-show="person-id" aria-controls="person-id" aria-expanded="false" aria-label="Open dialog" role="button">
<picture class="person-list__image">
<source srcset="" height="325" width="325" media="(min-width: 800px)" alt="__alt__vgkomh8wqv3pfzyb8vfkk" loading="lazy" />
<img src="" height="325" width="325" alt="__alt__me5pgeoxv5he9s1kw8xm1i" loading="lazy" style="--width: 325; --height: 325;" />
</picture>
</figure>
<div class="person-list__content">
<div class="person-list__name">First Name Last Name</div>
<div class="person-list__title">Job Title</div>
<div class="person-list__links"><a class="person-list__link" href="tel:555-555-5555">555-555-5555</a><a class="person-list__link" href="mailto:fake@email.notreal">email@email</a></div>
</div>
</app-person-list>
</div>
<div class="grid__item">
<app-person-list class="person-list">
<figure class="person-list__media" data-a11y-dialog-show="person-id" aria-controls="person-id" aria-expanded="false" aria-label="Open dialog" role="button">
<picture class="person-list__image">
<source srcset="" height="325" width="325" media="(min-width: 800px)" alt="__alt__vgkomh8wqv3pfzyb8vfkk" loading="lazy" />
<img src="" height="325" width="325" alt="__alt__me5pgeoxv5he9s1kw8xm1i" loading="lazy" style="--width: 325; --height: 325;" />
</picture>
</figure>
<div class="person-list__content">
<div class="person-list__name">First Name Last Name</div>
<div class="person-list__title">Job Title</div>
<div class="person-list__links"><a class="person-list__link" href="tel:555-555-5555">555-555-5555</a><a class="person-list__link" href="mailto:fake@email.notreal">email@email</a></div>
</div>
</app-person-list>
</div>
<div class="grid__item">
<app-person-list class="person-list">
<figure class="person-list__media" data-a11y-dialog-show="person-id" aria-controls="person-id" aria-expanded="false" aria-label="Open dialog" role="button">
<picture class="person-list__image">
<source srcset="" height="325" width="325" media="(min-width: 800px)" alt="__alt__vgkomh8wqv3pfzyb8vfkk" loading="lazy" />
<img src="" height="325" width="325" alt="__alt__me5pgeoxv5he9s1kw8xm1i" loading="lazy" style="--width: 325; --height: 325;" />
</picture>
</figure>
<div class="person-list__content">
<div class="person-list__name">First Name Last Name</div>
<div class="person-list__title">Job Title</div>
<div class="person-list__links"><a class="person-list__link" href="tel:555-555-5555">555-555-5555</a><a class="person-list__link" href="mailto:fake@email.notreal">email@email</a></div>
</div>
</app-person-list>
</div>
</div>
<app-dialog class="dialog__container" id="person-id" aria-labelledby="person-title-id" aria-hidden="true">
<div class="dialog__overlay" data-a11y-dialog-hide=""></div>
<div class="dialog__content dialog__content--overflow-y" role="document">
<button class="dialog__close" type="button" data-a11y-dialog-hide="" aria-label="Close dialog"><i class="glyph-remove"></i></button>
<p class="dialog__title" id="person-title-id">Dialog Title</p><app-person-list class="person-list person-list--horizontal"><figure class="person-list__media"><picture class="person-list__image"><source srcset="https://picsum.photos/300/300" height="325" width="325" media="(min-width: 800px)" alt="__alt__1r8e1i6wmz3cx00td2uyv" loading="lazy"><img src="https://picsum.photos/300/300" height="325" width="325" alt="__alt__qkax8mlvi7rply5av1re9" loading="lazy" style="--width: 325; --height: 325;"></picture></figure><div class="person-list__content"><div class="person-list__name">First Name Last Name</div><div class="person-list__title">Job Title</div><div class="person-list__copy">Optional Copy. Lorem ipsum dolor sit amet, in ea occaecat do fugiat enim deserunt blueor reprehenderit amet sit ea laborum dolore minim proident enim nostrud nisi. Aliqua cillum sit dolore dolore ea eiusmod consequat duis qui nostrud mollit. Culpa aute exercitation id elit pariatur voluptate duis anim occaecat.</div><div class="person-list__links"><a class="person-list__link" href="tel:555-555-5555">555-555-5555</a><a class="person-list__link" href="mailto:fake@email.notreal">email@email</a><a class="person-list__link person-list__link--linkedin" href="https://www.linkedin.com/in/username" aria-label="__label__wzt1mjl0swhafth5upvtqp"><i class="glyph-linkedin"></i></a></div></div></app-person-list>
</div>
</app-dialog>
</div>