App Accordion
<app-accordion class="accordion">
<div class="accordion__item">
<button class="accordion__trigger"><span class="accordion__title">Trigger 1</span><span class="accordion__icon"></span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Magna sit incididunt nisi tempor in excepteur fugiat aute sit duis exercitation mollit irure. Excepteur esse do consectetur ipsum est adipisicing et veniam enim velit dolore aliquip amet in. Enim tempor officia excepteur culpa tempor cillum commodo pariatur quis. Sint incididunt irure reprehenderit eu pariatur eu labore veniam amet. Enim consectetur qui nisi pariatur laboris laboris enim nostrud aliqua reprehenderit.</p><p>Aute adipisicing ipsum ullamco deserunt ipsum et adipisicing consequat ea enim Lorem nostrud laborum minim. Anim veniam nisi aliquip laborum dolor eiusmod quis ex. Enim magna ea occaecat amet magna aliquip nisi eu consequat. Ad dolore proident dolore veniam consequat sit esse eiusmod Lorem irure.</p></div>
</div>
</div>
<div class="accordion__item">
<button class="accordion__trigger"><span class="accordion__title">Trigger 2</span><span class="accordion__icon"></span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Tempor occaecat proident proident nisi. Voluptate amet ex eiusmod esse sit tempor. Excepteur aute enim sunt ut sunt voluptate aliqua deserunt consequat. Voluptate enim mollit cupidatat eu reprehenderit laboris anim magna. Ea excepteur commodo officia proident laboris cupidatat.</p><p>Ut eu magna pariatur culpa sit culpa. Consectetur nulla anim deserunt est ea aute enim elit deserunt. Qui cupidatat reprehenderit anim ipsum velit sit exercitation nisi veniam nostrud pariatur. Do id labore labore ipsum consectetur cillum tempor sit elit. Officia eu dolor irure elit.</p></div>
</div>
</div>
<div class="accordion__item">
<button class="accordion__trigger"><span class="accordion__title">Trigger 3</span><span class="accordion__icon"></span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Tempor occaecat proident proident nisi. Voluptate amet ex eiusmod esse sit tempor. Excepteur aute enim sunt ut sunt voluptate aliqua deserunt consequat. Voluptate enim mollit cupidatat eu reprehenderit laboris anim magna. Ea excepteur commodo officia proident laboris cupidatat.</p><p>Ut eu magna pariatur culpa sit culpa. Consectetur nulla anim deserunt est ea aute enim elit deserunt. Qui cupidatat reprehenderit anim ipsum velit sit exercitation nisi veniam nostrud pariatur. Do id labore labore ipsum consectetur cillum tempor sit elit. Officia eu dolor irure elit.</p></div>
</div>
</div>
<div class="accordion__item">
<button class="accordion__trigger"><span class="accordion__title">Trigger 4</span><span class="accordion__icon"></span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Minim culpa qui nostrud fugiat. Ex pariatur nostrud voluptate adipisicing aliqua adipisicing in irure incididunt. Proident sunt cillum qui amet consequat amet minim irure consequat veniam. Ad irure veniam minim nostrud incididunt. Laborum enim deserunt reprehenderit duis fugiat sit dolor sunt cupidatat aute tempor id.</p><p>Voluptate non nulla est nulla in do ad nisi cupidatat eiusmod amet do. Ex commodo cupidatat amet esse esse proident commodo in non voluptate enim adipisicing. Ipsum ipsum quis dolore eu aute ipsum aute cillum ex veniam dolor. Nisi ad magna nulla duis ut tempor.</p></div>
</div>
</div>
<div class="accordion__item">
<button class="accordion__trigger"><span class="accordion__title">Trigger 5</span><span class="accordion__icon"></span></button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Velit deserunt in dolor ex nisi Lorem laboris. Elit aute aliqua ut minim anim deserunt laborum ex. Irure aute qui laboris minim in ea deserunt exercitation voluptate esse mollit duis.</p><p>Dolor laboris id duis cupidatat dolor minim. Excepteur ullamco nulla minim labore tempor anim Lorem voluptate sit exercitation incididunt reprehenderit laborum. Ex est exercitation eu ipsum ex in deserunt consequat magna tempor id nisi occaecat. Exercitation magna ad non minim id exercitation laborum sunt ea dolor exercitation velit incididunt ea. Aute officia laboris do laboris laboris in voluptate aliqua anim pariatur commodo amet magna. Reprehenderit occaecat exercitation excepteur laborum sint cillum pariatur anim esse aute minim.</p></div>
</div>
</div>
</app-accordion>
Magna sit incididunt nisi tempor in excepteur fugiat aute sit duis exercitation mollit irure. Excepteur esse do consectetur ipsum est adipisicing et veniam enim velit dolore aliquip amet in. Enim tempor officia excepteur culpa tempor cillum commodo pariatur quis. Sint incididunt irure reprehenderit eu pariatur eu labore veniam amet. Enim consectetur qui nisi pariatur laboris laboris enim nostrud aliqua reprehenderit.
Aute adipisicing ipsum ullamco deserunt ipsum et adipisicing consequat ea enim Lorem nostrud laborum minim. Anim veniam nisi aliquip laborum dolor eiusmod quis ex. Enim magna ea occaecat amet magna aliquip nisi eu consequat. Ad dolore proident dolore veniam consequat sit esse eiusmod Lorem irure.
Tempor occaecat proident proident nisi. Voluptate amet ex eiusmod esse sit tempor. Excepteur aute enim sunt ut sunt voluptate aliqua deserunt consequat. Voluptate enim mollit cupidatat eu reprehenderit laboris anim magna. Ea excepteur commodo officia proident laboris cupidatat.
Ut eu magna pariatur culpa sit culpa. Consectetur nulla anim deserunt est ea aute enim elit deserunt. Qui cupidatat reprehenderit anim ipsum velit sit exercitation nisi veniam nostrud pariatur. Do id labore labore ipsum consectetur cillum tempor sit elit. Officia eu dolor irure elit.
Tempor occaecat proident proident nisi. Voluptate amet ex eiusmod esse sit tempor. Excepteur aute enim sunt ut sunt voluptate aliqua deserunt consequat. Voluptate enim mollit cupidatat eu reprehenderit laboris anim magna. Ea excepteur commodo officia proident laboris cupidatat.
Ut eu magna pariatur culpa sit culpa. Consectetur nulla anim deserunt est ea aute enim elit deserunt. Qui cupidatat reprehenderit anim ipsum velit sit exercitation nisi veniam nostrud pariatur. Do id labore labore ipsum consectetur cillum tempor sit elit. Officia eu dolor irure elit.
Minim culpa qui nostrud fugiat. Ex pariatur nostrud voluptate adipisicing aliqua adipisicing in irure incididunt. Proident sunt cillum qui amet consequat amet minim irure consequat veniam. Ad irure veniam minim nostrud incididunt. Laborum enim deserunt reprehenderit duis fugiat sit dolor sunt cupidatat aute tempor id.
Voluptate non nulla est nulla in do ad nisi cupidatat eiusmod amet do. Ex commodo cupidatat amet esse esse proident commodo in non voluptate enim adipisicing. Ipsum ipsum quis dolore eu aute ipsum aute cillum ex veniam dolor. Nisi ad magna nulla duis ut tempor.
Velit deserunt in dolor ex nisi Lorem laboris. Elit aute aliqua ut minim anim deserunt laborum ex. Irure aute qui laboris minim in ea deserunt exercitation voluptate esse mollit duis.
Dolor laboris id duis cupidatat dolor minim. Excepteur ullamco nulla minim labore tempor anim Lorem voluptate sit exercitation incididunt reprehenderit laborum. Ex est exercitation eu ipsum ex in deserunt consequat magna tempor id nisi occaecat. Exercitation magna ad non minim id exercitation laborum sunt ea dolor exercitation velit incididunt ea. Aute officia laboris do laboris laboris in voluptate aliqua anim pariatur commodo amet magna. Reprehenderit occaecat exercitation excepteur laborum sint cillum pariatur anim esse aute minim.
App Additional Resources
<app-additional-resources class="additional-resources">
<h3 class="additional-resources__title">Additional Resources</h3>
<div class="additional-resources__radio">
<button class="additional-resources__radio-option" data-results="[{"heading":"African American Breast Cancer Alliance","phone":"612-702-5533","websiteUrl":"https://www.google.com/","websiteLabel":"www.google.com"},{"heading":"After Breast Cancer Diagnosis (ABCD)","phone":"800-977-4121","websiteUrl":"https://www.google.com/","websiteLabel":"www.google.com"},{"heading":"American Cancer Society","phone":"800-227-2345","websiteUrl":"https://www.google.com/","websiteLabel":"www.google.com"},{"heading":"American Society of Clinical Oncology","phone":"888-651-3038","websiteUrl":"https://www.google.com/","websiteLabel":"www.google.com"},{"heading":"Breast Cancer Network of Strength","phone":"800-221-2141","websiteUrl":"https://www.google.com/","websiteLabel":"www.google.com"},{"heading":"BreastCancer.org","phone":"610-642-6550","websiteUrl":"https://www.google.com/"}]">Resources for Breast Cancer</button>
<button class="additional-resources__radio-option" data-results="[{"heading":"CancerCare","phone":"800-813-4673","websiteUrl":"https://www.google.com/","websiteLabel":"www.google.com"},{"heading":"Living Beyond Breast Cancer","phone":"888-753-5222","websiteUrl":"https://www.google.com/","websiteLabel":"www.google.com"},{"heading":"National Cancer Institute","phone":"800-422-6237","websiteUrl":"https://www.google.com/","websiteLabel":"www.google.com"},{"heading":"National Coalition for Cancer Survivorship","phone":"877-622-7937","websiteUrl":"https://www.google.com/","websiteLabel":"www.google.com"},{"heading":"National Comprehensive Cancer Network","phone":"215-690-0300","websiteUrl":"https://www.google.com/","websiteLabel":"www.google.com"},{"heading":"National Lymphedema Network","phone":"800-541-3259","websiteUrl":"https://www.google.com/","websiteLabel":"www.google.com"}]">General Cancer Resources</button>
</div>
<div class="additional-resources__content"></div>
</app-additional-resources>
Additional Resources
App Answered By
<app-answered-by class="answered-by">
<div class="answered-by__image"><img class="answered-by__image-src" src="https://picsum.photos/1000/1500" alt="__alt__tsdtbpq7migc7r76gt4l4s" loading="lazy"></div>
<div class="answered-by__content">
<p class="answered-by__title">Answered by</p>
<p class="answered-by__author">Maria Chi, DWS, MSW, LCSW-R</p><a class="answered-by__link" href="" aria-label="__label__8irq5qxbdu2d01xeqq82cv">View this question</a>
</div>
<div class="answered-by__tags">
<p class="answered-by__tags-title">Tags:</p><span class="answered-by__tags-tag">Breast Cancer</span><span class="answered-by__tags-tag">Coping</span><span class="answered-by__tags-tag">Anxiety</span>
</div>
</app-answered-by>
Answered by
View this questionApp Breadcrumbs
<app-breadcrumbs class="breadcrumbs">
<div class="breadcrumbs__nav" aria-label="breadcrumbs">
<ol class="breadcrumbs__list">
<li class="breadcrumbs__crumb"><a class="glyph-home" href="/" aria-label="__label__r40lsof2iedhs6u2qt1iw"></a></li>
<li class="breadcrumbs__crumb" data-idx="0"><a href="#">Previous Page</a>
</li>
<li class="breadcrumbs__crumb" data-idx="1"><span aria-current="location">Current Page</span>
</li>
</ol>
</div>
</app-breadcrumbs>
App Browse Services
<app-browse-services class="browse-services">
<h3 class="browse-services__title">Browse all CancerCare Services</h3>
<div class="browse-services__radio">
<button class="browse-services__radio-option" data-placeholder="Select a diagnosis to browse for" data-options="[{"text":"Breast Cancer","href":"/services"},{"text":"Lung Cancer","href":"/services"},{"text":"Prostate Cancer","href":"/services"},{"text":"Colorectal Cancer","href":"/services"},{"text":"Leukemia","href":"/services"},{"text":"Lymphoma","href":"/services"},{"text":"Melanoma","href":"/services"},{"text":"Ovarian Cancer","href":"/services"},{"text":"Pancreatic Cancer","href":"/services"},{"text":"Thyroid Cancer","href":"/services"}]">By Diagnosis</button>
<button class="browse-services__radio-option" data-placeholder="Select a topic to browse for" data-options="[{"text":"CancerCare Services","href":"/services"},{"text":"Counseling","href":"/services"},{"text":"Support Groups","href":"/services"},{"text":"Education","href":"/services"},{"text":"Financial Assistance","href":"/services"},{"text":"Transportation","href":"/services"},{"text":"Home Care","href":"/services"},{"text":"Child Care","href":"/services"},{"text":"Legal Assistance","href":"/services"},{"text":"Nutrition","href":"/services"}]">By Topic</button>
</div>
<div class="browse-services__select">
<div class="browse-services__dropdown">
<button class="browse-services__dropdown-active"></button><i class="browse-services__dropdown-icon glyph-chevron-down"></i>
<input class="browse-services__dropdown-value" type="hidden">
<div class="browse-services__dropdown-menu"></div>
</div><a class="btn browse-services__submit disabled" href="" aria-label="__label__zh66k0fnw7evgwub28uln">Go</a>
</div>
</app-browse-services>
Browse all CancerCare Services
<app-browse-services class="browse-services browse-services--inverse">
<h3 class="browse-services__title">Browse all CancerCare Services</h3>
<div class="browse-services__radio">
<button class="browse-services__radio-option" data-placeholder="Select a diagnosis to browse for" data-options="[{"text":"Breast Cancer","href":"/services"},{"text":"Lung Cancer","href":"/services"},{"text":"Prostate Cancer","href":"/services"},{"text":"Colorectal Cancer","href":"/services"},{"text":"Leukemia","href":"/services"},{"text":"Lymphoma","href":"/services"},{"text":"Melanoma","href":"/services"},{"text":"Ovarian Cancer","href":"/services"},{"text":"Pancreatic Cancer","href":"/services"},{"text":"Thyroid Cancer","href":"/services"}]">By Diagnosis</button>
<button class="browse-services__radio-option" data-placeholder="Select a topic to browse for" data-options="[{"text":"CancerCare Services","href":"/services"},{"text":"Counseling","href":"/services"},{"text":"Support Groups","href":"/services"},{"text":"Education","href":"/services"},{"text":"Financial Assistance","href":"/services"},{"text":"Transportation","href":"/services"},{"text":"Home Care","href":"/services"},{"text":"Child Care","href":"/services"},{"text":"Legal Assistance","href":"/services"},{"text":"Nutrition","href":"/services"}]">By Topic</button>
</div>
<div class="browse-services__select">
<div class="browse-services__dropdown">
<button class="browse-services__dropdown-active"></button><i class="browse-services__dropdown-icon glyph-chevron-down"></i>
<input class="browse-services__dropdown-value" type="hidden">
<div class="browse-services__dropdown-menu"></div>
</div><a class="btn browse-services__submit disabled" href="" aria-label="__label__1zsbd91ecdgys74lqbfa8n">Go</a>
</div>
</app-browse-services>
Browse all CancerCare Services
App Detail Block
<app-detail-block class="detail-block">
<div class="detail-block__group">
<p class="detail-block__heading">HEADING:</p><a class="detail-block__cta btn" href="#" aria-label="__label__3ub4chdj8gq54xhh2qpdh7">CTA Solid</a>
</div>
<div class="detail-block__group">
<p class="detail-block__heading">HEADING:</p>
<p class="detail-block__copy detail-block__copy--large">Large Copy</p>
<p class="detail-block__copy">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
</div>
<div class="detail-block__group">
<p class="detail-block__heading">CTA Heading</p><a class="detail-block__cta btn btn--ghost" href="" aria-label="__label__tk3otbtcjeb4i1efab2gyd">CTA Ghost</a>
</div>
<div class="detail-block__group">
<p class="detail-block__heading">CTA Heading with Image</p><a class="detail-block__cta" href="" aria-label="__label__ksfr3792znwhiol2mffyg"><img src="https://picsum.photos/150" alt="placeholder image" alt="__alt__1pceka9j62sohst08aj94" loading="lazy"></a>
<p class="detail-block__copy">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.</p>
</div>
</app-detail-block>
<app-detail-block class="detail-block detail-block--event">
<div class="detail-block__group">
<p class="detail-block__copy">Registration Options</p><a class="detail-block__cta btn" href="#" aria-label="__label__9et6fab24h86nggdgovn8">Register Now</a>
<p class="detail-block__copy">Registrants can listen in live over the phone or online as a webcast.</p>
</div>
<div class="detail-block__group">
<p class="detail-block__copy">Event Date</p>
<p class="detail-block__copy detail-block__copy--large">Monday, August 13, 2024</p>
<p class="detail-block__copy">1:30pm - 2:30pm EST</p>
</div>
<div class="detail-block__group">
<p class="detail-block__copy">Event Resources</p><a class="detail-block__cta btn btn--white" href="" aria-label="__label__xmxkr8oeit7xw6ktbg63ho">Download Event Brochure</a>
<p class="detail-block__copy">Download the brochure for this workshop.</p>
</div>
</app-detail-block>
Registration Options
Register NowRegistrants can listen in live over the phone or online as a webcast.
Event Date
Monday, August 13, 2024
1:30pm - 2:30pm EST
<app-detail-block class="detail-block">
<div class="detail-block__group">
<h2> From Our Group Members</h2>
<p><i>“I always felt comfortable to share my feelings and thoughts because<b>I know the group is a ‘safe’ place</b>. The group was a place I could go when I was feeling down but knew the group could help me turn things around.” –Angela</i></p>
<p><i>“Having other survivors to talk to,<b>who understand what you are going through</b>, is very helpful. You can’t always talk to your partner or friends, since they are not the patient - their experience of your cancer is different. Putting your anxieties on them is not always ‘fair’ -<b>but someone else who has been through the same thing ‘gets it.’</b>” –Wendy</i></p>
<h2>Learn About Our Support Groups</h2>
<div class="video_wrap">
<iframe src="https://www.youtube.com/embed/y001PDITJYk?wmode=transparent" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen="" wmode="Opaque"></iframe>
</div>
<p>Watch Caroline Edlund, LCSW-R, share how a support group can be helpful.<br><br><i>This support group is made possible in part by grants from Bristol Myers-Squibb and Pharmacyclics.</i></p>
</div>
</app-detail-block>
From Our Group Members
“I always felt comfortable to share my feelings and thoughts becauseI know the group is a ‘safe’ place. The group was a place I could go when I was feeling down but knew the group could help me turn things around.” –Angela
“Having other survivors to talk to,who understand what you are going through, is very helpful. You can’t always talk to your partner or friends, since they are not the patient - their experience of your cancer is different. Putting your anxieties on them is not always ‘fair’ -but someone else who has been through the same thing ‘gets it.’” –Wendy
Learn About Our Support Groups
Watch Caroline Edlund, LCSW-R, share how a support group can be helpful.
This support group is made possible in part by grants from Bristol Myers-Squibb and Pharmacyclics.
<app-detail-block class="detail-block detail-block--event">
<div class="detail-block__group">
<p class="detail-block__copy detail-block__copy--large">Download Publication PDFs</p>
</div>
<div class="detail-block__group">
<p class="detail-block__heading">Document One</p><a class="detail-block__cta" href="" title="Download this resource document" aria-label aria-label="__label__xv23iocl9lrnjdxdo0yzs"><img src="https://picsum.photos/150/220" alt="placeholder image" alt="__alt__uedcl26xfv9ilh13lvirf" loading="lazy"></a><a class="detail-block__cta btn" href="#" aria-label="__label__rtrzeei9lqjvtd4xcfi1">Download PDF</a>
</div>
<div class="detail-block__group">
<p class="detail-block__heading">Another Relevant Document</p><a class="detail-block__cta" href="" title="Download this resource document" aria-label aria-label="__label__gyuhj2o5a695lqx9j43hmd"><img src="https://picsum.photos/150/220" alt="placeholder image" alt="__alt__dq7x2blweabv5p7bxivjl" loading="lazy"></a><a class="detail-block__cta btn" href="#" aria-label="__label__f2q4e3djcb18n0w718y9o">Download PDF</a>
</div>
<div class="detail-block__group">
<p class="detail-block__heading">Document Number Three Here Lorem Ipsum Dolor Sit Amet</p><a class="detail-block__cta" href="" title="Download this resource document" aria-label aria-label="__label__by3yjox37kfpjipgxobmu"><img src="https://picsum.photos/150/220" alt="placeholder image" alt="__alt__m00rf16qcxlphn9ll7jw" loading="lazy"></a><a class="detail-block__cta btn" href="#" aria-label="__label__c4o7k50ixbn4bni34eqhn">Download PDF</a>
</div>
</app-detail-block>
Download Publication PDFs
App Event List
<app-event-list class="event-list event-list--darkBlue">
<div class="event-list__inner">
<div class="event-list__container">
<div class="event-list__header">
<h3 class="event-list__header-title">Upcoming Workshops & Events</h3>
<p class="event-list__header-description">Lorem ipsum dolor sit amet consectetur. A dictum rutrum commodo aenean risus leo sed nulla ultricies.</p><a class="event-list__header-cta" href="" aria-label="__label__zca1o06qxtm20r24ky7z7x">Explore All Events</a>
</div>
<div class="event-list__feature">
<div class="event-list__feature-image">
<div class="event-list__feature-caption">Featured Event</div><img class="event-list__feature-src" src="https://picsum.photos/800/1080" alt="feature image" alt="__alt__sgofngeycyilwx6gpikmc" loading="lazy">
</div>
<div class="event-list__feature-content">
<p class="event-list__feature-date">June 04, 2024</p>
<h4 class="event-list__feature-title">CancerCare Classic Golf Tournament</h4>
<p class="event-list__feature-tag">Fundraising Event</p>
<p class="event-list__feature-description">Lorem ipsum dolor sit amet consectetur. Volutpat enim urna est eget. Quis cum velit leo imperdiet. At at morbi est vitae. Sed tortor quam arcu orci. Quam mus nulla natoque turpis volutpat arcu neque massa. Nunc lorem non morbi vivamus ut facilisi risus et. Sed ut dui purus eget mauris bibendum. Eget quisque nulla arcu etiam.</p><a class="event-list__feature-cta" href="" aria-label="__label__v3qsgzdh7dcaehptfi6nea">View Event</a>
</div>
</div>
<div class="event-list__navigation">
<div class="event-list__navigation-btn event-list__navigation-btn--prev"></div>
<div class="event-list__navigation-btn event-list__navigation-btn--next"></div>
</div>
</div>
<div class="event-list__listing">
<div class="event-list__content">
<div class="event-list__events swiper">
<div class="event-list__wrapper swiper-wrapper"><a class="event-list__slide swiper-slide" href="" aria-label="__label__j9uvus90x57nc2jmtu2r8">
<div class="event-list__slide-inner">
<div class="event-list__slide-image">
<div class="event-list__slide-src"></div>
</div>
<p class="event-list__slide-date">June 06, 2024</p>
<h4 class="event-list__slide-title">Paint Party</h4>
<p class="event-list__slide-tag">Community Program</p>
</div></a><a class="event-list__slide swiper-slide" href="" aria-label="__label__j9uvus90x57nc2jmtu2r8">
<div class="event-list__slide-inner">
<div class="event-list__slide-image"><img class="event-list__slide-src" src="https://picsum.photos/1920/1080" alt="event image" alt="__alt__pj876itgwia9n3dvcntg" loading="lazy">
</div>
<p class="event-list__slide-date">June 12, 2024</p>
<h4 class="event-list__slide-title">How Health Care Disparities May Influence Your Cancer Treatment</h4>
<p class="event-list__slide-tag">Fundraising Event</p>
</div></a><a class="event-list__slide swiper-slide" href="" aria-label="__label__j9uvus90x57nc2jmtu2r8">
<div class="event-list__slide-inner">
<div class="event-list__slide-image"><img class="event-list__slide-src" src="https://picsum.photos/1920/1080" alt="event image" alt="__alt__pj876itgwia9n3dvcntg" loading="lazy">
</div>
<p class="event-list__slide-date">June 18, 2024</p>
<h4 class="event-list__slide-title">CancerCare Walk/RunThisIs a really long tite for testing CancerCare Walk/RunThisIs a really long tite for testing CancerCare Walk/RunThisIs a really long tite for testing</h4>
<p class="event-list__slide-tag">Community Program</p>
</div></a><a class="event-list__slide swiper-slide" href="" aria-label="__label__j9uvus90x57nc2jmtu2r8">
<div class="event-list__slide-inner">
<div class="event-list__slide-image"><img class="event-list__slide-src" src="https://picsum.photos/1920/1080" alt="event image" alt="__alt__pj876itgwia9n3dvcntg" loading="lazy">
</div>
<p class="event-list__slide-date">June 22, 2024</p>
<h4 class="event-list__slide-title">CancerCare Walk/RunThisIs a reallylongtitefortestingCancerCareWalkRunThisIsareallylong tite for testing CancerCare Walk/RunThisIs a really long tite for testing</h4>
<p class="event-list__slide-tag">Fundraising Event</p>
</div></a><a class="event-list__slide swiper-slide" href="" aria-label="__label__j9uvus90x57nc2jmtu2r8">
<div class="event-list__slide-inner">
<div class="event-list__slide-image"><img class="event-list__slide-src" src="https://picsum.photos/1920/1080" alt="event image" alt="__alt__pj876itgwia9n3dvcntg" loading="lazy">
</div>
<p class="event-list__slide-date">June 28, 2024</p>
<h4 class="event-list__slide-title">CancerCare Walk/Run</h4>
<p class="event-list__slide-tag">Community Program</p>
</div></a><a class="event-list__slide swiper-slide" href="" aria-label="__label__j9uvus90x57nc2jmtu2r8">
<div class="event-list__slide-inner">
<div class="event-list__slide-image"><img class="event-list__slide-src" src="https://picsum.photos/1920/1080" alt="event image" alt="__alt__pj876itgwia9n3dvcntg" loading="lazy">
</div>
<p class="event-list__slide-date">June 28, 2024</p>
<h4 class="event-list__slide-title">CancerCare Walk/Run</h4>
<p class="event-list__slide-tag">Community Program</p>
</div></a><a class="event-list__slide swiper-slide" href="" aria-label="__label__j9uvus90x57nc2jmtu2r8">
<div class="event-list__slide-inner">
<div class="event-list__slide-image"><img class="event-list__slide-src" src="https://picsum.photos/1920/1080" alt="event image" alt="__alt__pj876itgwia9n3dvcntg" loading="lazy">
</div>
<p class="event-list__slide-date">June 28, 2024</p>
<h4 class="event-list__slide-title">CancerCare Walk/Run</h4>
<p class="event-list__slide-tag">Community Program</p>
</div></a><a class="event-list__slide swiper-slide" href="" aria-label="__label__j9uvus90x57nc2jmtu2r8">
<div class="event-list__slide-inner">
<div class="event-list__slide-image"><img class="event-list__slide-src" src="https://picsum.photos/1920/1080" alt="event image" alt="__alt__pj876itgwia9n3dvcntg" loading="lazy">
</div>
<p class="event-list__slide-date">June 28, 2024</p>
<h4 class="event-list__slide-title">CancerCare Walk/Run</h4>
<p class="event-list__slide-tag">Community Program</p>
</div></a><a class="event-list__slide swiper-slide" href="" aria-label="__label__j9uvus90x57nc2jmtu2r8">
<div class="event-list__slide-inner">
<div class="event-list__slide-image"><img class="event-list__slide-src" src="https://picsum.photos/1920/1080" alt="event image" alt="__alt__pj876itgwia9n3dvcntg" loading="lazy">
</div>
<p class="event-list__slide-date">June 28, 2024</p>
<h4 class="event-list__slide-title">CancerCare Walk/Run</h4>
<p class="event-list__slide-tag">Community Program</p>
</div></a>
</div>
</div>
</div>
</div>
</div>
</app-event-list>
Upcoming Workshops & Events
Lorem ipsum dolor sit amet consectetur. A dictum rutrum commodo aenean risus leo sed nulla ultricies.
Explore All EventsJune 04, 2024
CancerCare Classic Golf Tournament
Fundraising Event
Lorem ipsum dolor sit amet consectetur. Volutpat enim urna est eget. Quis cum velit leo imperdiet. At at morbi est vitae. Sed tortor quam arcu orci. Quam mus nulla natoque turpis volutpat arcu neque massa. Nunc lorem non morbi vivamus ut facilisi risus et. Sed ut dui purus eget mauris bibendum. Eget quisque nulla arcu etiam.
View EventApp Feature Banner
<app-feature-banner class="feature-banner feature-banner--darkBlue">
<div class="feature-banner__image"><img class="feature-banner__src" src="img/template-images/feature-banner/feature-banner-darkBlue.png" alt="" alt="__alt__vawduily6rdslgh25m27ik" loading="lazy"></div>
<div class="feature-banner__content">
<h2 class="feature-banner__title">Help Support Our <span>Free</span> Service</h2>
<div class="feature-banner__copy"><p>Duis sollicitudin hendrerit magna eu dictum. In at sapien vel nunc maximus dictum. Pellentesque orci quam, volutpat vitae placerat vel, bibendum non tellus.</p></div>
</div>
<div class="feature-banner__ctas"><a class="feature-banner__cta btn btn--lemon" href="#" aria-label="__label__rj57r2cr8uksiib10vvty8">Donate Now</a><a class="feature-banner__cta btn btn--white" href="#" aria-label="__label__rj57r2cr8uksiib10vvty8">More Support Options</a>
</div>
</app-feature-banner>
<app-feature-banner class="feature-banner feature-banner--reverse feature-banner--darkBlue">
<div class="feature-banner__image"><img class="feature-banner__src" src="img/template-images/feature-banner/feature-banner-darkBlue.png" alt="" alt="__alt__fa1r3n6a6afkjgqjd1yurl" loading="lazy"></div>
<div class="feature-banner__content">
<h2 class="feature-banner__title">Help Support Our <span>Free</span> Service</h2>
<div class="feature-banner__copy"><p>Duis sollicitudin hendrerit magna eu dictum. In at sapien vel nunc maximus dictum. Pellentesque orci quam, volutpat vitae placerat vel, bibendum non tellus.</p></div>
</div>
<div class="feature-banner__ctas"><a class="feature-banner__cta btn btn--lemon" href="#" aria-label="__label__nah3hrzcv1modh8h5zxob">Donate Now</a><a class="feature-banner__cta btn btn--white" href="#" aria-label="__label__nah3hrzcv1modh8h5zxob">More Support Options</a>
</div>
</app-feature-banner>
<app-feature-banner class="feature-banner feature-banner--image feature-banner--darkBlue">
<div class="feature-banner__image"><img class="feature-banner__src" src="https://picsum.photos/1200/900" alt="" alt="__alt__jn6ktk6q2s3o66my5pcka" loading="lazy"></div>
<div class="feature-banner__content">
<h2 class="feature-banner__title">Help Support Our <span>Free</span> Service</h2>
<div class="feature-banner__copy"><p>Duis sollicitudin hendrerit magna eu dictum. In at sapien vel nunc maximus dictum. Pellentesque orci quam, volutpat vitae placerat vel, bibendum non tellus.</p></div>
</div>
<div class="feature-banner__ctas"><a class="feature-banner__cta btn btn--lemon" href="#" aria-label="__label__916lhrc1w19yes8amqeoff">Donate Now</a><a class="feature-banner__cta btn btn--white" href="#" aria-label="__label__916lhrc1w19yes8amqeoff">More Support Options</a>
</div>
</app-feature-banner>
<app-feature-banner class="feature-banner feature-banner--image feature-banner--reverse feature-banner--darkBlue">
<div class="feature-banner__image"><img class="feature-banner__src" src="https://picsum.photos/1200/900" alt="" alt="__alt__un8q3w83cnf74o9m240bzs" loading="lazy"></div>
<div class="feature-banner__content">
<h2 class="feature-banner__title">Help Support Our <span>Free</span> Service</h2>
<div class="feature-banner__copy"><p>Duis sollicitudin hendrerit magna eu dictum. In at sapien vel nunc maximus dictum. Pellentesque orci quam, volutpat vitae placerat vel, bibendum non tellus.</p></div>
</div>
<div class="feature-banner__ctas"><a class="feature-banner__cta btn btn--lemon" href="#" aria-label="__label__shau4yy2qgg6rvrlqkbm">Donate Now</a><a class="feature-banner__cta btn btn--white" href="#" aria-label="__label__shau4yy2qgg6rvrlqkbm">More Support Options</a>
</div>
</app-feature-banner>
App Feature Block
<app-feature-block class="feature-block"><a class="feature-block__inner" href="" aria-label="__label__41othjv9wapyv7coprt5c">
<div class="feature-block__image"><img class="feature-block__src" src="https://picsum.photos/1280/720" alt="feature block image" alt="__alt__2wc0i9hdb2447ssw0mdat2" loading="lazy"></div>
<div class="feature-block__wrapper">
<div class="feature-block__content">
<div class="feature-block__title">Incididunt Mollit Velit Est Enim</div>
<p class="feature-block__description">Lorem ipsum dolor sit amet consectetur. Vulputate felis velit odio suspendisse. Ut sed tortor gravida pretium sodales nulla vitae.</p>
</div>
<div class="feature-block__action">
<div class="feature-block__icon"></div>
</div>
</div></a></app-feature-block>
<app-feature-block class="feature-block feature-block--icon feature-block--light"><a class="feature-block__inner" href="" aria-label="__label__i85g0sfdpzmy3o5eopb4ff">
<div class="feature-block__image"><img class="feature-block__src" src="/img/template-images/pin.png" alt="feature block image" alt="__alt__lsthdg1jk9m0fn1qtk54ktg" loading="lazy"></div>
<div class="feature-block__wrapper">
<div class="feature-block__content">
<div class="feature-block__title">Lobortis nisl augue dictumst maecenas donec leo</div>
<p class="feature-block__description">Vehicula velit congue faucibus rhoncus mauris egestas fames ante laoreet nibh malesuada pretium semper tortor laoreet porttitor consectetur erat lacinia cursus nam sociosqu varius mattis congue sodales felis sociosqu et bibendum aenean aptent eu morbi elit pretium accumsan laoreet placerat non taciti sodales sollicitudin platea phasellus ut litora arcu orci ante condimentum finibus mauris quam finibus id dolor venenatis nisi augue fringilla tellus facilisis egestas bibendum vitae aptent accumsan pellentesque magna mauris taciti augue vitae quisque quam maecenas dictum nam quis feugiat primis vulputate mattis viverra lacinia interdum.</p>
</div>
<div class="feature-block__action">
<div class="feature-block__icon"></div>
</div>
</div></a></app-feature-block>
<app-feature-block class="feature-block feature-block--plain"><a class="feature-block__inner" href="" aria-label="__label__mkmpou4ogs87wd5dwtv5h9">
<div class="feature-block__wrapper">
<div class="feature-block__content">
<p class="feature-block__description">Want to learn more about our free services and resources?</p>
</div>
<div class="feature-block__action">
<label>Learn More</label>
<div class="feature-block__icon"></div>
</div>
</div></a></app-feature-block>
<app-feature-block class="feature-block feature-block--article"><a class="feature-block__inner" href="" aria-label="__label__dnn2u9oqiv4sfst16co7pk">
<div class="feature-block__image"><img class="feature-block__src" src="https://picsum.photos/1280/720" alt="feature block image" alt="__alt__lzixn0kb6c7ge80deijx9c" loading="lazy"></div>
<div class="feature-block__wrapper">
<div class="feature-block__content">
<div class="feature-block__title">Incididunt Mollit Velit Est Enim</div>
<p class="feature-block__description">Lorem ipsum dolor sit amet consectetur. Vulputate felis velit odio suspendisse. Ut sed tortor gravida pretium sodales nulla vitae.</p>
</div>
<div class="feature-block__action">
<div class="feature-block__icon"></div>
</div>
</div></a></app-feature-block>
App Feature Rail
<app-feature-rail class="feature-rail"><img class="feature-rail__img" src="/img/template-images/heart-hands.svg" alt="__alt__hfxhdnrvdod1y62rsb9471" loading="lazy">
<div class="feature-rail__title">Help support our free service.</div>
<div class="feature-rail__copy"><p>Lorem ipsum dolor sit amet consectetur. Id <a href>eget vitae mattis</a> id proin. Ut in pretium <strong>porttitor auctor nec</strong> egestas donec at leo. Libero vel adipiscing risus mattis convallis neque adipiscing.</p></div><a class="feature-rail__cta btn" href="" aria-label="__label__af72ok0dxylcfeom343317">Donate Options</a>
</app-feature-rail>
Lorem ipsum dolor sit amet consectetur. Id eget vitae mattis id proin. Ut in pretium porttitor auctor nec egestas donec at leo. Libero vel adipiscing risus mattis convallis neque adipiscing.
<app-feature-rail class="feature-rail">
<iframe class="feature-rail__img" src="https://www.youtube.com/embed/y001PDITJYk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<div class="feature-rail__title">Help support our free service.</div>
<div class="feature-rail__copy"><p>Lorem ipsum dolor sit amet consectetur. Id <a href>eget vitae mattis</a> id proin. Ut in pretium <strong>porttitor auctor nec</strong> egestas donec at leo. Libero vel adipiscing risus mattis convallis neque adipiscing.</p></div><a class="feature-rail__cta btn" href="" aria-label="__label__395pnp8b7pe6l30ttv3a4h">Donate Options</a>
</app-feature-rail>
Lorem ipsum dolor sit amet consectetur. Id eget vitae mattis id proin. Ut in pretium porttitor auctor nec egestas donec at leo. Libero vel adipiscing risus mattis convallis neque adipiscing.
<app-feature-rail class="feature-rail feature-rail--darkBlue"><img class="feature-rail__img" src="/img/template-images/heart-hands-white.svg" alt="__alt__3s4sm7tztigfim10c9tavu" loading="lazy">
<div class="feature-rail__title">Help support our free service.</div>
<div class="feature-rail__copy"><p>Lorem ipsum dolor sit amet consectetur. Id <a href>eget vitae mattis</a> id proin. Ut in pretium <strong>porttitor auctor nec</strong> egestas donec at leo. Libero vel adipiscing risus mattis convallis neque adipiscing.</p></div><a class="feature-rail__cta btn" href="" aria-label="__label__4nscq5uytlvwnjw9p5nra">Donate Options</a>
</app-feature-rail>
Lorem ipsum dolor sit amet consectetur. Id eget vitae mattis id proin. Ut in pretium porttitor auctor nec egestas donec at leo. Libero vel adipiscing risus mattis convallis neque adipiscing.
<app-feature-rail class="feature-rail feature-rail--teal"><img class="feature-rail__img" src="/img/template-images/heart-hands.svg" alt="__alt__97fe5w53w2pxu8cslvueh" loading="lazy">
<div class="feature-rail__title">Help support our free service.</div>
<div class="feature-rail__copy"><p>Lorem ipsum dolor sit amet consectetur. Id <a href>eget vitae mattis</a> id proin. Ut in pretium <strong>porttitor auctor nec</strong> egestas donec at leo. Libero vel adipiscing risus mattis convallis neque adipiscing.</p></div><a class="feature-rail__cta btn" href="" aria-label="__label__mt8u1x2u5ykiesj6ojgwl">Donate Options</a>
</app-feature-rail>
Lorem ipsum dolor sit amet consectetur. Id eget vitae mattis id proin. Ut in pretium porttitor auctor nec egestas donec at leo. Libero vel adipiscing risus mattis convallis neque adipiscing.
<app-feature-rail class="feature-rail feature-rail--tealBlue"><img class="feature-rail__img" src="/img/template-images/heart-hands-white.svg" alt="__alt__j3ct233oz6h6vlfcx5cxgf" loading="lazy">
<div class="feature-rail__title">Help support our free service.</div>
<div class="feature-rail__copy"><p>Lorem ipsum dolor sit amet consectetur. Id <a href>eget vitae mattis</a> id proin. Ut in pretium <strong>porttitor auctor nec</strong> egestas donec at leo. Libero vel adipiscing risus mattis convallis neque adipiscing.</p></div><a class="feature-rail__cta btn" href="" aria-label="__label__iz3xk4hwzrg5tr0xq7lar">Donate Options</a>
</app-feature-rail>
Lorem ipsum dolor sit amet consectetur. Id eget vitae mattis id proin. Ut in pretium porttitor auctor nec egestas donec at leo. Libero vel adipiscing risus mattis convallis neque adipiscing.
<app-feature-rail class="feature-rail feature-rail--lemon"><img class="feature-rail__img" src="/img/template-images/heart-hands.svg" alt="__alt__4gomnscq0zs6j48bw8hyub" loading="lazy">
<div class="feature-rail__title">Help support our free service.</div>
<div class="feature-rail__copy"><p>Lorem ipsum dolor sit amet consectetur. Id <a href>eget vitae mattis</a> id proin. Ut in pretium <strong>porttitor auctor nec</strong> egestas donec at leo. Libero vel adipiscing risus mattis convallis neque adipiscing.</p></div><a class="feature-rail__cta btn" href="" aria-label="__label__7y45twergxla1z9s2ju0l">Donate Options</a>
</app-feature-rail>
Lorem ipsum dolor sit amet consectetur. Id eget vitae mattis id proin. Ut in pretium porttitor auctor nec egestas donec at leo. Libero vel adipiscing risus mattis convallis neque adipiscing.
App Feature Testimonial
<app-feature class="feature feature--testimonial">
<div class="feature__content">
<div class="feature__testimonial">
<svg class="svg-feature" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 42 32">
<path fill="currentColor" fill-rule="evenodd" d="M38.276 2.447A1 1 0 0 0 37.382 1H30l-6 12v17a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V14a1 1 0 0 0-1-1h-8l5.276-10.553ZM14.276 2.447A1 1 0 0 0 13.382 1H6L0 13v17a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V14a1 1 0 0 0-1-1H9l5.276-10.553Z" clip-rule="evenodd"></path>
</svg>
<div class="feature__copy">
<div class="section-header__title">
<markdown-to-html>I was here and I </markdown-to-html><span>saw a thing.</span>
</div><span class="author">Someone<span>elder</span></span>
</div>
</div>
</div>
</app-feature>
App Filter List
<app-filter-list class="filter-list" data-pagesize="10" data-queryString="?topics=Writing%20code&topics=Coffee%20breaks&ispast=false">
<div class="filter-list__rail">
<div class="filter-list__filters">
<div class="filter-list__filters-header">
<p class="filter-list__filters-title">Filter by</p>
<button class="filter-list__filters-clear">Clear all</button>
</div>
<div class="filter-list__filters-content">
<div class="filter-list__filters-wrapper">
<div class="filters__item filters__dropdown">
<div class="filters__title">Topic</div>
<div class="filters__object" data-multiple="true" data-placeholder="Select" data-targetAttribute="topics" data-targetOptions="["Coffee breaks","Dependency Injection","Writing code"]">
<button class="filters__dropdown-active"></button><i class="filters__dropdown-icon glyph-chevron-down"></i><i class="filters__dropdown-close glyph-close"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Coffee breaks"><span class="filters__dropdown-option-label">Coffee breaks</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Dependency Injection"><span class="filters__dropdown-option-label">Dependency Injection</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Writing code"><span class="filters__dropdown-option-label">Writing code</span>
</label>
</div>
</div>
</div>
<div class="filters__item filters__dropdown">
<div class="filters__title">Diagnosis Title</div>
<div class="filters__object" data-multiple="true" data-placeholder="Select" data-targetAttribute="diagnoses" data-targetOptions="["Diagnosis 1","Diagnosis 2"]">
<button class="filters__dropdown-active"></button><i class="filters__dropdown-icon glyph-chevron-down"></i><i class="filters__dropdown-close glyph-close"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Diagnosis 1"><span class="filters__dropdown-option-label">Diagnosis 1</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Diagnosis 2"><span class="filters__dropdown-option-label">Diagnosis 2</span>
</label>
</div>
</div>
</div>
<div class="filters__item filters__dropdown">
<div class="filters__title">Regions</div>
<div class="filters__object" data-multiple="true" data-placeholder="Select" data-targetAttribute="topics" data-targetOptions="["New Jersey","New York"]">
<button class="filters__dropdown-active"></button><i class="filters__dropdown-icon glyph-chevron-down"></i><i class="filters__dropdown-close glyph-close"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="New Jersey"><span class="filters__dropdown-option-label">New Jersey</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="New York"><span class="filters__dropdown-option-label">New York</span>
</label>
</div>
</div>
</div>
<div class="filters__item filters__dropdown">
<div class="filters__title">Population</div>
<div class="filters__object" data-multiple="true" data-placeholder="Select" data-targetAttribute="populations" data-targetOptions="["Patient","Caregiver","Bereaved"]">
<button class="filters__dropdown-active"></button><i class="filters__dropdown-icon glyph-chevron-down"></i><i class="filters__dropdown-close glyph-close"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Patient"><span class="filters__dropdown-option-label">Patient</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Caregiver"><span class="filters__dropdown-option-label">Caregiver</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Bereaved"><span class="filters__dropdown-option-label">Bereaved</span>
</label>
</div>
</div>
</div>
<div class="filters__item filters__dropdown">
<div class="filters__title">Types</div>
<div class="filters__object" data-multiple="true" data-placeholder="Select" data-targetAttribute="types" data-targetOptions="["Live","Online"]">
<button class="filters__dropdown-active"></button><i class="filters__dropdown-icon glyph-chevron-down"></i><i class="filters__dropdown-close glyph-close"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Live"><span class="filters__dropdown-option-label">Live</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Online"><span class="filters__dropdown-option-label">Online</span>
</label>
</div>
</div>
</div>
<div class="filters__item filters__checkbox">
<div class="filters__object" data-targetAttribute="isnew" data-targetValue="true">
<input class="filters__checkbox-input" id="Is New" type="checkbox">
<label class="filters__checkbox-label" for="Is New">Is New</label>
</div>
</div>
<div class="filters__item filters__checkbox">
<div class="filters__object" data-targetAttribute="ispast" data-targetValue="false">
<input class="filters__checkbox-input" id="Hide Past" type="checkbox">
<label class="filters__checkbox-label" for="Hide Past">Hide Past</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="filter-list__content">
<div class="filter-list__no-results is-hidden">No results found.</div>
<div class="filter-list__items">
<div class="filter-list__item" data-topics="[]" data-diagnoses="["Diagnosis 1"]" data-populations="["Patient"]" data-regions="[]" data-types="["Online"]" data-isnew="false" data-ispast="false">
<div class="filter-list__item-image"><img class="filter-list__item-src" src="https://picsum.photos/1920/1280" alt="Support Group #2" alt="__alt__2292mi4zones8jaefckr8" loading="lazy"></div>
<div class="filter-list__item-content">
<p class="filter-list__item-eyebrow">June 22, 2024</p><a class="filter-list__item-title" aria-label="__label__tsfgm8dsggv0qlq3ky6at">Support Group #2</a>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Diagnosis 1</span><span class="filter-list__item-tag">Online</span>
</div>
</div>
</div>
<div class="filter-list__item" data-topics="[]" data-diagnoses="["Diagnosis 2"]" data-populations="["Caregiver"]" data-regions="[]" data-types="["Online"]" data-isnew="true" data-ispast="false">
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__tsfgm8dsggv0qlq3ky6at">Support Group #3</a>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">Diagnosis 2</span><span class="filter-list__item-tag">Online</span>
</div>
</div>
</div>
<div class="filter-list__item" data-topics="["Coffee breaks"]" data-diagnoses="[]" data-populations="["Caregiver"]" data-regions="["New Jersey"]" data-types="["Online"]" data-isnew="false" data-ispast="true">
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__tsfgm8dsggv0qlq3ky6at">Support Group #4</a>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">Coffee breaks</span><span class="filter-list__item-tag">Online</span>
</div>
</div>
</div>
<div class="filter-list__item" data-topics="["Dependency Injection"]" data-diagnoses="[]" data-populations="["Bereaved"]" data-regions="["New York"]" data-types="["Online"]" data-isnew="true" data-ispast="false">
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__tsfgm8dsggv0qlq3ky6at">Support Group #5</a>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Bereaved</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Dependency Injection</span><span class="filter-list__item-tag">Online</span>
</div>
</div>
</div>
<div class="filter-list__item" data-topics="["Writing code"]" data-diagnoses="[]" data-populations="["Patient","Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Live"]" data-isnew="false" data-ispast="false">
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__tsfgm8dsggv0qlq3ky6at">Support Group #6</a>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
<div class="filter-list__item" data-topics="["Writing code"]" data-diagnoses="["Diagnosis 1"]" data-populations="[]" data-regions="[]" data-types="["Live"]" data-isnew="true" data-ispast="false">
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__tsfgm8dsggv0qlq3ky6at">Support Group #7</a>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Diagnosis 1</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
<div class="filter-list__item" data-topics="["Writing code"]" data-diagnoses="["Diagnosis 2"]" data-populations="["Patient"]" data-regions="["New York"]" data-types="["Live"]" data-isnew="true" data-ispast="false">
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__tsfgm8dsggv0qlq3ky6at">Support Group #8</a>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Diagnosis 2</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<button class="btn filter-list__more">Show More</button>
</div>
</app-filter-list>
Filter by
<app-filter-list class="filter-list" data-pagesize="10">
<div class="filter-list__rail">
<div class="filter-list__filters">
<div class="filter-list__filters-header">
<p class="filter-list__filters-title">Filter by</p>
<button class="filter-list__filters-clear">Clear all</button>
</div>
<div class="filter-list__filters-content">
<div class="filter-list__filters-wrapper">
<div class="filters__item filters__dropdown">
<div class="filters__title">Topic</div>
<div class="filters__object" data-multiple="true" data-placeholder="Select" data-targetAttribute="topics" data-targetOptions="["Coffee breaks","Dependency Injection","Writing code","Topic 4","Topic 5"]">
<button class="filters__dropdown-active"></button><i class="filters__dropdown-icon glyph-chevron-down"></i><i class="filters__dropdown-close glyph-close"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Coffee breaks"><span class="filters__dropdown-option-label">Coffee breaks</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Dependency Injection"><span class="filters__dropdown-option-label">Dependency Injection</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Writing code"><span class="filters__dropdown-option-label">Writing code</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Topic 4"><span class="filters__dropdown-option-label">Topic 4</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Topic 5"><span class="filters__dropdown-option-label">Topic 5</span>
</label>
</div>
</div>
</div>
<div class="filters__item filters__dropdown">
<div class="filters__title">Diagnosis Title</div>
<div class="filters__object" data-multiple="true" data-placeholder="Select" data-targetAttribute="diagnoses" data-targetOptions="["Diagnosis 1","Diagnosis 2","Diagnosis 3","Diagnosis 4"]">
<button class="filters__dropdown-active"></button><i class="filters__dropdown-icon glyph-chevron-down"></i><i class="filters__dropdown-close glyph-close"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Diagnosis 1"><span class="filters__dropdown-option-label">Diagnosis 1</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Diagnosis 2"><span class="filters__dropdown-option-label">Diagnosis 2</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Diagnosis 3"><span class="filters__dropdown-option-label">Diagnosis 3</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Diagnosis 4"><span class="filters__dropdown-option-label">Diagnosis 4</span>
</label>
</div>
</div>
</div>
<div class="filters__item filters__dropdown">
<div class="filters__title">Regions</div>
<div class="filters__object" data-multiple="true" data-placeholder="Select" data-targetAttribute="topics" data-targetOptions="["New Jersey","New York","Connecticut",null,"Pennsylvania"]">
<button class="filters__dropdown-active"></button><i class="filters__dropdown-icon glyph-chevron-down"></i><i class="filters__dropdown-close glyph-close"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="New Jersey"><span class="filters__dropdown-option-label">New Jersey</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="New York"><span class="filters__dropdown-option-label">New York</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Connecticut"><span class="filters__dropdown-option-label">Connecticut</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox"><span class="filters__dropdown-option-label"></span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Pennsylvania"><span class="filters__dropdown-option-label">Pennsylvania</span>
</label>
</div>
</div>
</div>
<div class="filters__item filters__dropdown">
<div class="filters__title">Population</div>
<div class="filters__object" data-multiple="true" data-placeholder="Select" data-targetAttribute="populations" data-targetOptions="["Patient","Caregiver","Bereaved"]">
<button class="filters__dropdown-active"></button><i class="filters__dropdown-icon glyph-chevron-down"></i><i class="filters__dropdown-close glyph-close"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Patient"><span class="filters__dropdown-option-label">Patient</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Caregiver"><span class="filters__dropdown-option-label">Caregiver</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Bereaved"><span class="filters__dropdown-option-label">Bereaved</span>
</label>
</div>
</div>
</div>
<div class="filters__item filters__dropdown">
<div class="filters__title">Types</div>
<div class="filters__object" data-multiple="true" data-placeholder="Select" data-targetAttribute="types" data-targetOptions="["Live","Online"]">
<button class="filters__dropdown-active"></button><i class="filters__dropdown-icon glyph-chevron-down"></i><i class="filters__dropdown-close glyph-close"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Live"><span class="filters__dropdown-option-label">Live</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Online"><span class="filters__dropdown-option-label">Online</span>
</label>
</div>
</div>
</div>
<div class="filters__item filters__checkbox">
<div class="filters__object" data-targetAttribute="isnew" data-targetValue="true">
<input class="filters__checkbox-input" id="Is New" type="checkbox">
<label class="filters__checkbox-label" for="Is New">Is New</label>
</div>
</div>
<div class="filters__item filters__checkbox">
<div class="filters__object" data-targetAttribute="ispast" data-targetValue="false">
<input class="filters__checkbox-input" id="Hide Past" type="checkbox">
<label class="filters__checkbox-label" for="Hide Past">Hide Past</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="filter-list__content">
<div class="filter-list__no-results is-hidden">No results found.</div>
<app-accordion class="accordion filter-list__items">
<div class="accordion__item filter-list__item" data-topics="[]" data-diagnoses="["Diagnosis 1"]" data-populations="["Patient","Caregiver"]" data-regions="[]" data-types="["Online"]" data-isnew="false" data-ispast="true">
<button class="accordion__trigger"><span class="accordion__title">Nisi aute quis nulla tempor occaecat non enim consectetur est. Mollit ad fugiat exercitation nisi voluptate aute laboris cupidatat in nulla exercitation ut ea?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner">
<figure class="filter-list__item-image"><img class="filter-list__item-src" src="/img/template-images/rodriguez_vilmari.jpg" alt="Nisi aute quis nulla tempor occaecat non enim consectetur est. Mollit ad fugiat exercitation nisi voluptate aute laboris cupidatat in nulla exercitation ut ea?" alt="__alt__u2trki4hq6bpmz2abg5yk" loading="lazy">
<figcaption class="filter-list__item-details">Vilmari Rodriguez, President of Calendars</figcaption>
</figure><p>Sint cupidatat deserunt officia ut quis voluptate occaecat magna et pariatur aliqua ex incididunt fugiat. Enim est dolore aliquip labore nulla ullamco deserunt sit consequat. Et amet ea reprehenderit in nostrud. Enim cupidatat ad mollit culpa eiusmod incididunt.</p> <p>Id dolor eu sint exercitation non sint ex velit laborum. Sint aliqua nisi Lorem elit Lorem elit ullamco esse est. Velit ipsum aliquip cupidatat occaecat pariatur enim consectetur incididunt enim ad fugiat laboris. Incididunt velit occaecat reprehenderit officia non adipisicing minim. Adipisicing quis enim incididunt labore. Sint amet adipisicing ipsum ipsum pariatur laboris cillum id. Eiusmod anim reprehenderit aliqua occaecat Lorem.</p> <p>Sit eu proident exercitation excepteur ad veniam adipisicing sint duis. Magna elit officia do ex dolor enim pariatur quis exercitation tempor laboris. Cupidatat aliqua deserunt ea sit adipisicing irure et labore deserunt minim incididunt. Sit anim occaecat pariatur occaecat enim ad. Lorem sit ut irure excepteur exercitation et deserunt magna esse. Cillum cupidatat dolore cupidatat consequat aliqua fugiat commodo laboris nulla minim. Duis esse anim qui eiusmod cillum ad velit Lorem amet voluptate.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Diagnosis 1</span><span class="filter-list__item-tag">Online</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Coffee breaks"]" data-diagnoses="["Diagnosis 2"]" data-populations="["Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Online"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Laborum ut eu officia laboris. Voluptate proident laborum ad velit?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Velit dolore magna duis ex duis velit incididunt aliqua aliquip tempor dolor consectetur reprehenderit laboris. Amet eiusmod ullamco deserunt tempor culpa et. Ea ut consequat amet dolor.</p> <p>Consequat anim cupidatat do duis cupidatat sint ipsum duis amet do. Incididunt pariatur velit et occaecat. Sunt sint quis est nulla in et sunt. Enim dolor sunt Lorem in consectetur aliqua ex irure sunt excepteur nulla. Dolor enim commodo eiusmod elit esse incididunt cillum et sint.</p> <p>Consectetur adipisicing pariatur dolor officia eu aute ullamco. Exercitation qui amet consectetur reprehenderit. Lorem dolore commodo voluptate laboris dolor elit Lorem nostrud anim tempor. Nisi culpa qui esse non nulla elit voluptate.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">Diagnosis 2</span><span class="filter-list__item-tag">Online</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Coffee breaks"]" data-diagnoses="["Diagnosis 3"]" data-populations="["Caregiver"]" data-regions="["New Jersey"]" data-types="["Online"]" data-isnew="false" data-ispast="true">
<button class="accordion__trigger"><span class="accordion__title">Consectetur sunt proident excepteur. Adipisicing ex fugiat excepteur?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner">
<figure class="filter-list__item-image"><img class="filter-list__item-src" src="/img/template-images/rodriguez_vilmari.jpg" alt="Consectetur sunt proident excepteur. Adipisicing ex fugiat excepteur?" alt="__alt__u2trki4hq6bpmz2abg5yk" loading="lazy">
<figcaption class="filter-list__item-details">Vilmari Rodriguez, President of Calendars</figcaption>
</figure><p>Et magna cupidatat non Lorem tempor. Adipisicing eiusmod non laborum ad qui anim. Ut tempor commodo ad nisi ad reprehenderit occaecat mollit excepteur dolor tempor commodo tempor laboris. Tempor id irure officia ea incididunt quis aute mollit magna pariatur. Ipsum nisi consectetur proident ut do eiusmod. Qui ut proident elit esse.</p> <p>Nisi in sint culpa ipsum sunt ut. Veniam excepteur aliquip id ipsum nostrud duis pariatur do velit quis quis irure. Adipisicing laborum ex esse qui labore Lorem amet dolore officia cillum. Laboris velit labore elit elit sint dolor laborum dolore in et. Eiusmod id commodo exercitation voluptate aliqua commodo nulla aliquip sunt laborum ipsum ut magna. Dolor irure culpa dolor ullamco dolore minim. Deserunt veniam pariatur nostrud culpa cillum aliqua cillum.</p> <p>Nisi non pariatur consequat nostrud aliqua laborum ut officia fugiat. Occaecat ea tempor velit exercitation laboris eu do ut qui laborum eiusmod esse. Commodo deserunt qui ex in duis dolor pariatur. Nostrud consectetur mollit mollit laborum magna irure quis consequat excepteur ex. Reprehenderit ea excepteur ipsum veniam consectetur enim. Deserunt eiusmod ullamco tempor voluptate irure.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">Coffee breaks</span><span class="filter-list__item-tag">Online</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Dependency Injection","Topic 5"]" data-diagnoses="["Diagnosis 4"]" data-populations="["Bereaved"]" data-regions="["New York"]" data-types="["Online"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Quis ipsum ex laboris. Nulla sit amet?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Est veniam sint mollit pariatur non aute sit adipisicing laborum do. Sit adipisicing irure qui ut voluptate eu sint deserunt. Ea aliquip nulla duis aliqua aliquip elit incididunt elit consequat id nostrud excepteur proident tempor. Velit esse esse minim laborum labore quis consectetur elit consequat mollit. Minim fugiat id sit ex velit do commodo dolor sint voluptate. Sunt Lorem amet adipisicing cupidatat enim pariatur qui commodo consectetur elit. Qui ad cillum officia ad quis velit ad voluptate duis.</p> <p>Lorem velit nisi fugiat est incididunt ad sint anim. Proident aliqua labore non culpa quis nostrud incididunt ea ullamco id in ad ullamco nostrud. Ut officia occaecat deserunt ea culpa labore consequat aliqua.</p> <p>Duis velit magna eu cillum aute sint cillum Lorem anim. Pariatur veniam deserunt adipisicing quis voluptate minim labore. Nulla tempor amet consectetur ut deserunt et ad commodo et laboris. Ullamco laborum laborum sit cillum deserunt nostrud ullamco qui tempor qui cupidatat exercitation ut.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Bereaved</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Dependency Injection</span><span class="filter-list__item-tag">Online</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code"]" data-diagnoses="[]" data-populations="["Patient","Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Live"]" data-isnew="true" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Exercitation in laboris. Tempor incididunt?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner">
<figure class="filter-list__item-image"><img class="filter-list__item-src" src="/img/template-images/rodriguez_vilmari.jpg" alt="Exercitation in laboris. Tempor incididunt?" alt="__alt__u2trki4hq6bpmz2abg5yk" loading="lazy">
<figcaption class="filter-list__item-details">Vilmari Rodriguez, President of Calendars</figcaption>
</figure><p>Proident consectetur enim tempor id ex fugiat occaecat aliqua adipisicing dolore cupidatat ea esse cupidatat. Exercitation esse non aute dolor reprehenderit magna. Consequat veniam enim ullamco pariatur consequat esse mollit cupidatat. Anim cillum laboris consectetur tempor anim est do id ullamco proident ex. Occaecat aute non sit sint Lorem exercitation eiusmod pariatur laboris aute ad. Pariatur reprehenderit aliqua do labore nostrud exercitation aliqua tempor excepteur cillum adipisicing ut. Minim ipsum qui eiusmod qui et ullamco est ut ad dolore.</p> <p>Officia incididunt laboris ullamco et pariatur dolore commodo cillum commodo ea mollit ullamco aliquip. Excepteur aute nulla cupidatat laboris est mollit irure sunt qui culpa culpa aliqua pariatur ex. Velit culpa reprehenderit id ea et officia. Occaecat elit minim anim ex aliqua do ullamco id in laboris exercitation elit ad amet. Sint consectetur occaecat enim amet fugiat minim Lorem.</p> <p>In consectetur esse ad minim nostrud et incididunt est consectetur ullamco incididunt voluptate culpa irure. Cupidatat incididunt veniam ut veniam laboris proident aute qui. Duis consectetur magna in officia sit culpa.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code"]" data-diagnoses="["Diagnosis 1"]" data-populations="[]" data-regions="["Pennsylvania"]" data-types="["Live"]" data-isnew="true" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Consectetur ipsum ex duis minim in elit non incididunt ea fugiat excepteur?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Tempor nostrud voluptate quis dolor eu excepteur culpa consequat aute eu pariatur ea non commodo. Consectetur tempor incididunt fugiat pariatur laborum eiusmod cupidatat officia aute incididunt duis sunt velit. In officia eiusmod laboris consequat culpa id. Ullamco mollit dolor laboris et commodo ea sint minim cupidatat do adipisicing. Commodo pariatur dolor amet adipisicing consectetur tempor eiusmod commodo eiusmod id non commodo. Eu sint fugiat nulla proident Lorem Lorem. Ad laboris aliquip duis exercitation tempor velit.</p> <p>Consequat aute sint proident anim ipsum ut dolor. Laboris amet adipisicing non occaecat ex et enim ad laboris cupidatat reprehenderit elit proident mollit. Ex est do id sit eu velit dolor esse amet veniam esse.</p> <p>Nostrud ullamco proident eu irure ut aliquip aliqua consequat magna sint nostrud Lorem adipisicing anim. Officia deserunt ad labore est do laboris fugiat aliquip ex tempor. Reprehenderit minim anim ut cillum mollit enim eiusmod laborum et fugiat sunt deserunt commodo esse. Cillum reprehenderit cillum voluptate ullamco sit tempor fugiat commodo. Excepteur consectetur amet non duis Lorem mollit est eu exercitation nisi sint exercitation eu. In est non id ullamco ipsum est proident proident et commodo culpa tempor labore.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Diagnosis 1</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code","Topic 4"]" data-diagnoses="["Diagnosis 2"]" data-populations="["Patient"]" data-regions="["New York"]" data-types="["Live"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Do culpa eiusmod magna magna cupidatat veniam deserunt duis?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Cillum nulla deserunt ad voluptate ullamco consectetur nulla dolore cupidatat. Consequat labore eu laboris incididunt elit non eiusmod id incididunt. Nostrud laborum aliqua sint non minim non voluptate fugiat dolor cupidatat eu cillum aute. Id quis est amet esse quis veniam minim non non laborum. Veniam cupidatat qui nulla sint qui voluptate quis officia sunt eu labore culpa nostrud ullamco. Dolor nulla sint ad et.</p> <p>Adipisicing et id amet proident consectetur sit id amet non. Amet reprehenderit nisi irure magna. Proident veniam ad ad aliquip non quis Lorem commodo in consequat. Id ex sint non id. Et enim ipsum deserunt proident Lorem non exercitation pariatur aliquip laborum. Nulla dolor aute consequat aliquip incididunt laborum exercitation aliquip minim sint reprehenderit consequat aliqua. Deserunt sunt minim incididunt reprehenderit pariatur anim ad reprehenderit commodo sint sint sit.</p> <p>Id adipisicing laboris irure est magna nisi nisi ipsum labore do minim ad enim. Ea irure qui amet nisi ad commodo quis pariatur. Est sit magna do veniam ut ad velit consectetur id non dolor.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Diagnosis 2</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code"]" data-diagnoses="[]" data-populations="["Patient","Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Live"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Ad dolore pariatur cupidatat irure cillum officia deserunt dolor quis?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Sit qui ullamco reprehenderit eiusmod dolore dolore ullamco. Culpa velit nulla occaecat culpa qui nostrud velit sit mollit aute veniam. Voluptate nulla sunt amet consequat cupidatat laboris mollit culpa nulla nostrud Lorem est et aliquip.</p> <p>Sint pariatur sint enim id amet ex labore incididunt adipisicing ea laboris sunt. Laboris velit sint Lorem veniam ullamco anim cupidatat culpa veniam commodo commodo. Sint id esse qui consectetur nisi elit sit id pariatur do. Dolor culpa fugiat fugiat reprehenderit id Lorem incididunt id anim ullamco adipisicing aliquip proident aute. Nostrud eiusmod dolor reprehenderit amet adipisicing ea id ea. Culpa consectetur et eiusmod sunt.</p> <p>Commodo deserunt laboris duis ad incididunt laborum ea enim proident. Irure incididunt quis deserunt ut eiusmod. Enim pariatur elit velit anim elit. Magna magna ullamco eiusmod magna pariatur commodo officia consectetur. Non anim consectetur occaecat do voluptate eu exercitation eiusmod excepteur id nulla tempor sint. Ipsum tempor labore sint non.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code"]" data-diagnoses="["Diagnosis 1"]" data-populations="["Patient","Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Live"]" data-isnew="true" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Veniam tempor mollit eiusmod laborum?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Tempor ullamco irure sint id eiusmod dolor esse minim. Elit dolore officia anim cupidatat ea consectetur velit dolore aliqua deserunt. Nisi eu tempor nisi voluptate pariatur mollit velit sunt laboris amet velit aliquip nisi. Velit est aliqua ea qui. Irure anim dolore occaecat adipisicing amet. Lorem voluptate est commodo nulla anim fugiat sint officia minim magna ea.</p> <p>Est proident incididunt fugiat officia pariatur aute pariatur. Laborum aliqua aliquip cupidatat cupidatat commodo veniam deserunt proident aliquip elit culpa. Aliqua eiusmod consequat et officia tempor nulla nostrud veniam enim eiusmod cillum. Ipsum culpa exercitation fugiat exercitation voluptate aute proident deserunt velit laboris qui. Reprehenderit qui pariatur adipisicing consectetur labore magna sint velit sit tempor dolor. Esse sit dolor sint Lorem enim consequat laborum duis reprehenderit ullamco ea cupidatat occaecat eu.</p> <p>Adipisicing Lorem ipsum est ut ut mollit. Dolore cillum nostrud nisi et exercitation ullamco officia eu magna mollit incididunt incididunt. Aute excepteur consequat est fugiat velit.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code"]" data-diagnoses="[]" data-populations="["Patient","Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Live"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Anim nulla qui voluptate ad id quis amet sit labore?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner">
<figure class="filter-list__item-image"><img class="filter-list__item-src" src="/img/template-images/rodriguez_vilmari.jpg" alt="Anim nulla qui voluptate ad id quis amet sit labore?" alt="__alt__u2trki4hq6bpmz2abg5yk" loading="lazy">
<figcaption class="filter-list__item-details">Vilmari Rodriguez, President of Calendars</figcaption>
</figure><p>Enim velit reprehenderit in sint incididunt est. Exercitation id velit eu ipsum tempor. In labore minim quis ullamco Lorem Lorem labore pariatur pariatur consectetur velit ex non. Consectetur dolore velit aute laboris elit labore ipsum veniam laborum. Lorem do qui incididunt anim sit.</p> <p>Laboris ipsum fugiat aute Lorem magna esse laborum. Irure mollit ad ad proident laboris duis. Nostrud nisi ex labore laborum reprehenderit velit ad est sint sint mollit occaecat. Do laborum dolore anim dolor exercitation excepteur ex adipisicing pariatur mollit.</p> <p>Nisi aliqua veniam ea do elit laborum eu ex sint duis. Commodo consectetur cupidatat Lorem aute veniam. Pariatur anim nostrud voluptate adipisicing cupidatat nostrud. Eiusmod duis exercitation ipsum dolor mollit pariatur dolor incididunt ea qui ipsum ullamco. Officia ea amet dolor sit sunt aute laborum est eu sunt incididunt. Est amet consectetur aliquip velit enim laborum quis mollit sunt consectetur reprehenderit deserunt amet. Deserunt esse deserunt in veniam nostrud ut.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code"]" data-diagnoses="["Diagnosis 2","Diagnosis 3"]" data-populations="["Patient","Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Live"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Eu ut esse laborum in aliqua irure laborum deserunt est anim cupidatat excepteur non aute?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Mollit occaecat quis ut enim in velit consectetur nisi irure excepteur nisi. Mollit consequat ut sint duis Lorem elit anim reprehenderit cupidatat esse aliqua. Excepteur ad incididunt in in et ea enim tempor do cupidatat.</p> <p>Et et cillum dolore cillum do adipisicing veniam pariatur ex veniam excepteur nulla veniam irure. Amet consectetur veniam et laborum et anim duis ullamco anim. Consectetur ipsum laboris ad minim voluptate tempor minim reprehenderit consectetur enim ex. Nisi esse id magna consectetur. Elit minim tempor culpa sunt reprehenderit aliqua aliquip culpa id.</p> <p>Cillum elit eiusmod non officia elit mollit culpa magna eu magna excepteur dolor. Qui laborum ea culpa consequat culpa ad non ad consequat qui dolore aliqua commodo consectetur. Sint aliquip ipsum est cillum qui dolor labore aliquip excepteur elit commodo non mollit officia. Ullamco pariatur tempor laborum aliquip ad. Lorem ea veniam nisi nulla eu sit irure commodo. Pariatur minim do excepteur ad laboris laboris ad qui elit mollit elit. Et in est excepteur veniam mollit velit anim anim pariatur quis minim adipisicing Lorem nostrud.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code"]" data-diagnoses="["Diagnosis 1"]" data-populations="["Patient","Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Live"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Aliqua eiusmod consectetur occaecat. In non amet do ut tempor occaecat pariatur exercitation?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Est enim laborum exercitation proident. Adipisicing eiusmod anim laborum ex. Exercitation velit sit proident laborum. Adipisicing sit laboris laborum laborum. Laborum laboris id laborum. Exercitation Mollit ea dolor minim labore id pariatur cupidatat non cupidatat dolore.
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
</app-accordion>
<button class="btn filter-list__more">Show More</button>
</div>
</app-filter-list>
Filter by
Sint cupidatat deserunt officia ut quis voluptate occaecat magna et pariatur aliqua ex incididunt fugiat. Enim est dolore aliquip labore nulla ullamco deserunt sit consequat. Et amet ea reprehenderit in nostrud. Enim cupidatat ad mollit culpa eiusmod incididunt.
Id dolor eu sint exercitation non sint ex velit laborum. Sint aliqua nisi Lorem elit Lorem elit ullamco esse est. Velit ipsum aliquip cupidatat occaecat pariatur enim consectetur incididunt enim ad fugiat laboris. Incididunt velit occaecat reprehenderit officia non adipisicing minim. Adipisicing quis enim incididunt labore. Sint amet adipisicing ipsum ipsum pariatur laboris cillum id. Eiusmod anim reprehenderit aliqua occaecat Lorem.
Sit eu proident exercitation excepteur ad veniam adipisicing sint duis. Magna elit officia do ex dolor enim pariatur quis exercitation tempor laboris. Cupidatat aliqua deserunt ea sit adipisicing irure et labore deserunt minim incididunt. Sit anim occaecat pariatur occaecat enim ad. Lorem sit ut irure excepteur exercitation et deserunt magna esse. Cillum cupidatat dolore cupidatat consequat aliqua fugiat commodo laboris nulla minim. Duis esse anim qui eiusmod cillum ad velit Lorem amet voluptate.
Velit dolore magna duis ex duis velit incididunt aliqua aliquip tempor dolor consectetur reprehenderit laboris. Amet eiusmod ullamco deserunt tempor culpa et. Ea ut consequat amet dolor.
Consequat anim cupidatat do duis cupidatat sint ipsum duis amet do. Incididunt pariatur velit et occaecat. Sunt sint quis est nulla in et sunt. Enim dolor sunt Lorem in consectetur aliqua ex irure sunt excepteur nulla. Dolor enim commodo eiusmod elit esse incididunt cillum et sint.
Consectetur adipisicing pariatur dolor officia eu aute ullamco. Exercitation qui amet consectetur reprehenderit. Lorem dolore commodo voluptate laboris dolor elit Lorem nostrud anim tempor. Nisi culpa qui esse non nulla elit voluptate.
Et magna cupidatat non Lorem tempor. Adipisicing eiusmod non laborum ad qui anim. Ut tempor commodo ad nisi ad reprehenderit occaecat mollit excepteur dolor tempor commodo tempor laboris. Tempor id irure officia ea incididunt quis aute mollit magna pariatur. Ipsum nisi consectetur proident ut do eiusmod. Qui ut proident elit esse.
Nisi in sint culpa ipsum sunt ut. Veniam excepteur aliquip id ipsum nostrud duis pariatur do velit quis quis irure. Adipisicing laborum ex esse qui labore Lorem amet dolore officia cillum. Laboris velit labore elit elit sint dolor laborum dolore in et. Eiusmod id commodo exercitation voluptate aliqua commodo nulla aliquip sunt laborum ipsum ut magna. Dolor irure culpa dolor ullamco dolore minim. Deserunt veniam pariatur nostrud culpa cillum aliqua cillum.
Nisi non pariatur consequat nostrud aliqua laborum ut officia fugiat. Occaecat ea tempor velit exercitation laboris eu do ut qui laborum eiusmod esse. Commodo deserunt qui ex in duis dolor pariatur. Nostrud consectetur mollit mollit laborum magna irure quis consequat excepteur ex. Reprehenderit ea excepteur ipsum veniam consectetur enim. Deserunt eiusmod ullamco tempor voluptate irure.
Est veniam sint mollit pariatur non aute sit adipisicing laborum do. Sit adipisicing irure qui ut voluptate eu sint deserunt. Ea aliquip nulla duis aliqua aliquip elit incididunt elit consequat id nostrud excepteur proident tempor. Velit esse esse minim laborum labore quis consectetur elit consequat mollit. Minim fugiat id sit ex velit do commodo dolor sint voluptate. Sunt Lorem amet adipisicing cupidatat enim pariatur qui commodo consectetur elit. Qui ad cillum officia ad quis velit ad voluptate duis.
Lorem velit nisi fugiat est incididunt ad sint anim. Proident aliqua labore non culpa quis nostrud incididunt ea ullamco id in ad ullamco nostrud. Ut officia occaecat deserunt ea culpa labore consequat aliqua.
Duis velit magna eu cillum aute sint cillum Lorem anim. Pariatur veniam deserunt adipisicing quis voluptate minim labore. Nulla tempor amet consectetur ut deserunt et ad commodo et laboris. Ullamco laborum laborum sit cillum deserunt nostrud ullamco qui tempor qui cupidatat exercitation ut.
Proident consectetur enim tempor id ex fugiat occaecat aliqua adipisicing dolore cupidatat ea esse cupidatat. Exercitation esse non aute dolor reprehenderit magna. Consequat veniam enim ullamco pariatur consequat esse mollit cupidatat. Anim cillum laboris consectetur tempor anim est do id ullamco proident ex. Occaecat aute non sit sint Lorem exercitation eiusmod pariatur laboris aute ad. Pariatur reprehenderit aliqua do labore nostrud exercitation aliqua tempor excepteur cillum adipisicing ut. Minim ipsum qui eiusmod qui et ullamco est ut ad dolore.
Officia incididunt laboris ullamco et pariatur dolore commodo cillum commodo ea mollit ullamco aliquip. Excepteur aute nulla cupidatat laboris est mollit irure sunt qui culpa culpa aliqua pariatur ex. Velit culpa reprehenderit id ea et officia. Occaecat elit minim anim ex aliqua do ullamco id in laboris exercitation elit ad amet. Sint consectetur occaecat enim amet fugiat minim Lorem.
In consectetur esse ad minim nostrud et incididunt est consectetur ullamco incididunt voluptate culpa irure. Cupidatat incididunt veniam ut veniam laboris proident aute qui. Duis consectetur magna in officia sit culpa.
Tempor nostrud voluptate quis dolor eu excepteur culpa consequat aute eu pariatur ea non commodo. Consectetur tempor incididunt fugiat pariatur laborum eiusmod cupidatat officia aute incididunt duis sunt velit. In officia eiusmod laboris consequat culpa id. Ullamco mollit dolor laboris et commodo ea sint minim cupidatat do adipisicing. Commodo pariatur dolor amet adipisicing consectetur tempor eiusmod commodo eiusmod id non commodo. Eu sint fugiat nulla proident Lorem Lorem. Ad laboris aliquip duis exercitation tempor velit.
Consequat aute sint proident anim ipsum ut dolor. Laboris amet adipisicing non occaecat ex et enim ad laboris cupidatat reprehenderit elit proident mollit. Ex est do id sit eu velit dolor esse amet veniam esse.
Nostrud ullamco proident eu irure ut aliquip aliqua consequat magna sint nostrud Lorem adipisicing anim. Officia deserunt ad labore est do laboris fugiat aliquip ex tempor. Reprehenderit minim anim ut cillum mollit enim eiusmod laborum et fugiat sunt deserunt commodo esse. Cillum reprehenderit cillum voluptate ullamco sit tempor fugiat commodo. Excepteur consectetur amet non duis Lorem mollit est eu exercitation nisi sint exercitation eu. In est non id ullamco ipsum est proident proident et commodo culpa tempor labore.
Cillum nulla deserunt ad voluptate ullamco consectetur nulla dolore cupidatat. Consequat labore eu laboris incididunt elit non eiusmod id incididunt. Nostrud laborum aliqua sint non minim non voluptate fugiat dolor cupidatat eu cillum aute. Id quis est amet esse quis veniam minim non non laborum. Veniam cupidatat qui nulla sint qui voluptate quis officia sunt eu labore culpa nostrud ullamco. Dolor nulla sint ad et.
Adipisicing et id amet proident consectetur sit id amet non. Amet reprehenderit nisi irure magna. Proident veniam ad ad aliquip non quis Lorem commodo in consequat. Id ex sint non id. Et enim ipsum deserunt proident Lorem non exercitation pariatur aliquip laborum. Nulla dolor aute consequat aliquip incididunt laborum exercitation aliquip minim sint reprehenderit consequat aliqua. Deserunt sunt minim incididunt reprehenderit pariatur anim ad reprehenderit commodo sint sint sit.
Id adipisicing laboris irure est magna nisi nisi ipsum labore do minim ad enim. Ea irure qui amet nisi ad commodo quis pariatur. Est sit magna do veniam ut ad velit consectetur id non dolor.
Sit qui ullamco reprehenderit eiusmod dolore dolore ullamco. Culpa velit nulla occaecat culpa qui nostrud velit sit mollit aute veniam. Voluptate nulla sunt amet consequat cupidatat laboris mollit culpa nulla nostrud Lorem est et aliquip.
Sint pariatur sint enim id amet ex labore incididunt adipisicing ea laboris sunt. Laboris velit sint Lorem veniam ullamco anim cupidatat culpa veniam commodo commodo. Sint id esse qui consectetur nisi elit sit id pariatur do. Dolor culpa fugiat fugiat reprehenderit id Lorem incididunt id anim ullamco adipisicing aliquip proident aute. Nostrud eiusmod dolor reprehenderit amet adipisicing ea id ea. Culpa consectetur et eiusmod sunt.
Commodo deserunt laboris duis ad incididunt laborum ea enim proident. Irure incididunt quis deserunt ut eiusmod. Enim pariatur elit velit anim elit. Magna magna ullamco eiusmod magna pariatur commodo officia consectetur. Non anim consectetur occaecat do voluptate eu exercitation eiusmod excepteur id nulla tempor sint. Ipsum tempor labore sint non.
Tempor ullamco irure sint id eiusmod dolor esse minim. Elit dolore officia anim cupidatat ea consectetur velit dolore aliqua deserunt. Nisi eu tempor nisi voluptate pariatur mollit velit sunt laboris amet velit aliquip nisi. Velit est aliqua ea qui. Irure anim dolore occaecat adipisicing amet. Lorem voluptate est commodo nulla anim fugiat sint officia minim magna ea.
Est proident incididunt fugiat officia pariatur aute pariatur. Laborum aliqua aliquip cupidatat cupidatat commodo veniam deserunt proident aliquip elit culpa. Aliqua eiusmod consequat et officia tempor nulla nostrud veniam enim eiusmod cillum. Ipsum culpa exercitation fugiat exercitation voluptate aute proident deserunt velit laboris qui. Reprehenderit qui pariatur adipisicing consectetur labore magna sint velit sit tempor dolor. Esse sit dolor sint Lorem enim consequat laborum duis reprehenderit ullamco ea cupidatat occaecat eu.
Adipisicing Lorem ipsum est ut ut mollit. Dolore cillum nostrud nisi et exercitation ullamco officia eu magna mollit incididunt incididunt. Aute excepteur consequat est fugiat velit.
Enim velit reprehenderit in sint incididunt est. Exercitation id velit eu ipsum tempor. In labore minim quis ullamco Lorem Lorem labore pariatur pariatur consectetur velit ex non. Consectetur dolore velit aute laboris elit labore ipsum veniam laborum. Lorem do qui incididunt anim sit.
Laboris ipsum fugiat aute Lorem magna esse laborum. Irure mollit ad ad proident laboris duis. Nostrud nisi ex labore laborum reprehenderit velit ad est sint sint mollit occaecat. Do laborum dolore anim dolor exercitation excepteur ex adipisicing pariatur mollit.
Nisi aliqua veniam ea do elit laborum eu ex sint duis. Commodo consectetur cupidatat Lorem aute veniam. Pariatur anim nostrud voluptate adipisicing cupidatat nostrud. Eiusmod duis exercitation ipsum dolor mollit pariatur dolor incididunt ea qui ipsum ullamco. Officia ea amet dolor sit sunt aute laborum est eu sunt incididunt. Est amet consectetur aliquip velit enim laborum quis mollit sunt consectetur reprehenderit deserunt amet. Deserunt esse deserunt in veniam nostrud ut.
Mollit occaecat quis ut enim in velit consectetur nisi irure excepteur nisi. Mollit consequat ut sint duis Lorem elit anim reprehenderit cupidatat esse aliqua. Excepteur ad incididunt in in et ea enim tempor do cupidatat.
Et et cillum dolore cillum do adipisicing veniam pariatur ex veniam excepteur nulla veniam irure. Amet consectetur veniam et laborum et anim duis ullamco anim. Consectetur ipsum laboris ad minim voluptate tempor minim reprehenderit consectetur enim ex. Nisi esse id magna consectetur. Elit minim tempor culpa sunt reprehenderit aliqua aliquip culpa id.
Cillum elit eiusmod non officia elit mollit culpa magna eu magna excepteur dolor. Qui laborum ea culpa consequat culpa ad non ad consequat qui dolore aliqua commodo consectetur. Sint aliquip ipsum est cillum qui dolor labore aliquip excepteur elit commodo non mollit officia. Ullamco pariatur tempor laborum aliquip ad. Lorem ea veniam nisi nulla eu sit irure commodo. Pariatur minim do excepteur ad laboris laboris ad qui elit mollit elit. Et in est excepteur veniam mollit velit anim anim pariatur quis minim adipisicing Lorem nostrud.
Est enim laborum exercitation proident. Adipisicing eiusmod anim laborum ex. Exercitation velit sit proident laborum. Adipisicing sit laboris laborum laborum. Laborum laboris id laborum. Exercitation Mollit ea dolor minim labore id pariatur cupidatat non cupidatat dolore.
<app-filter-list class="filter-list filter-list--simple" data-pagesize="5">
<div class="filter-list__content">
<div class="filter-list__no-results is-hidden">No results found.</div>
<app-accordion class="accordion filter-list__items">
<div class="accordion__item filter-list__item" data-topics="[]" data-diagnoses="["Diagnosis 1"]" data-populations="["Patient","Caregiver"]" data-regions="[]" data-types="["Online"]" data-isnew="true" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Nisi aute quis nulla tempor occaecat non enim consectetur est. Mollit ad fugiat exercitation nisi voluptate aute laboris cupidatat in nulla exercitation ut ea?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner">
<figure class="filter-list__item-image"><img class="filter-list__item-src" src="/img/template-images/rodriguez_vilmari.jpg" alt="Nisi aute quis nulla tempor occaecat non enim consectetur est. Mollit ad fugiat exercitation nisi voluptate aute laboris cupidatat in nulla exercitation ut ea?" alt="__alt__yg5nho8leu6stl5i5oy2p" loading="lazy">
<figcaption class="filter-list__item-details">Vilmari Rodriguez, President of Calendars</figcaption>
</figure><p>Sint cupidatat deserunt officia ut quis voluptate occaecat magna et pariatur aliqua ex incididunt fugiat. Enim est dolore aliquip labore nulla ullamco deserunt sit consequat. Et amet ea reprehenderit in nostrud. Enim cupidatat ad mollit culpa eiusmod incididunt.</p> <p>Id dolor eu sint exercitation non sint ex velit laborum. Sint aliqua nisi Lorem elit Lorem elit ullamco esse est. Velit ipsum aliquip cupidatat occaecat pariatur enim consectetur incididunt enim ad fugiat laboris. Incididunt velit occaecat reprehenderit officia non adipisicing minim. Adipisicing quis enim incididunt labore. Sint amet adipisicing ipsum ipsum pariatur laboris cillum id. Eiusmod anim reprehenderit aliqua occaecat Lorem.</p> <p>Sit eu proident exercitation excepteur ad veniam adipisicing sint duis. Magna elit officia do ex dolor enim pariatur quis exercitation tempor laboris. Cupidatat aliqua deserunt ea sit adipisicing irure et labore deserunt minim incididunt. Sit anim occaecat pariatur occaecat enim ad. Lorem sit ut irure excepteur exercitation et deserunt magna esse. Cillum cupidatat dolore cupidatat consequat aliqua fugiat commodo laboris nulla minim. Duis esse anim qui eiusmod cillum ad velit Lorem amet voluptate.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Diagnosis 1</span><span class="filter-list__item-tag">Online</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Coffee breaks"]" data-diagnoses="["Diagnosis 2"]" data-populations="["Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Online"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Laborum ut eu officia laboris. Voluptate proident laborum ad velit?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Velit dolore magna duis ex duis velit incididunt aliqua aliquip tempor dolor consectetur reprehenderit laboris. Amet eiusmod ullamco deserunt tempor culpa et. Ea ut consequat amet dolor.</p> <p>Consequat anim cupidatat do duis cupidatat sint ipsum duis amet do. Incididunt pariatur velit et occaecat. Sunt sint quis est nulla in et sunt. Enim dolor sunt Lorem in consectetur aliqua ex irure sunt excepteur nulla. Dolor enim commodo eiusmod elit esse incididunt cillum et sint.</p> <p>Consectetur adipisicing pariatur dolor officia eu aute ullamco. Exercitation qui amet consectetur reprehenderit. Lorem dolore commodo voluptate laboris dolor elit Lorem nostrud anim tempor. Nisi culpa qui esse non nulla elit voluptate.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">Diagnosis 2</span><span class="filter-list__item-tag">Online</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Coffee breaks"]" data-diagnoses="["Diagnosis 3"]" data-populations="["Caregiver"]" data-regions="["New Jersey"]" data-types="["Online"]" data-isnew="true" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Consectetur sunt proident excepteur. Adipisicing ex fugiat excepteur?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner">
<figure class="filter-list__item-image"><img class="filter-list__item-src" src="/img/template-images/rodriguez_vilmari.jpg" alt="Consectetur sunt proident excepteur. Adipisicing ex fugiat excepteur?" alt="__alt__yg5nho8leu6stl5i5oy2p" loading="lazy">
<figcaption class="filter-list__item-details">Vilmari Rodriguez, President of Calendars</figcaption>
</figure><p>Et magna cupidatat non Lorem tempor. Adipisicing eiusmod non laborum ad qui anim. Ut tempor commodo ad nisi ad reprehenderit occaecat mollit excepteur dolor tempor commodo tempor laboris. Tempor id irure officia ea incididunt quis aute mollit magna pariatur. Ipsum nisi consectetur proident ut do eiusmod. Qui ut proident elit esse.</p> <p>Nisi in sint culpa ipsum sunt ut. Veniam excepteur aliquip id ipsum nostrud duis pariatur do velit quis quis irure. Adipisicing laborum ex esse qui labore Lorem amet dolore officia cillum. Laboris velit labore elit elit sint dolor laborum dolore in et. Eiusmod id commodo exercitation voluptate aliqua commodo nulla aliquip sunt laborum ipsum ut magna. Dolor irure culpa dolor ullamco dolore minim. Deserunt veniam pariatur nostrud culpa cillum aliqua cillum.</p> <p>Nisi non pariatur consequat nostrud aliqua laborum ut officia fugiat. Occaecat ea tempor velit exercitation laboris eu do ut qui laborum eiusmod esse. Commodo deserunt qui ex in duis dolor pariatur. Nostrud consectetur mollit mollit laborum magna irure quis consequat excepteur ex. Reprehenderit ea excepteur ipsum veniam consectetur enim. Deserunt eiusmod ullamco tempor voluptate irure.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">Coffee breaks</span><span class="filter-list__item-tag">Online</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Dependency Injection","Topic 5"]" data-diagnoses="["Diagnosis 4"]" data-populations="["Bereaved"]" data-regions="["New York"]" data-types="["Online"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Quis ipsum ex laboris. Nulla sit amet?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Est veniam sint mollit pariatur non aute sit adipisicing laborum do. Sit adipisicing irure qui ut voluptate eu sint deserunt. Ea aliquip nulla duis aliqua aliquip elit incididunt elit consequat id nostrud excepteur proident tempor. Velit esse esse minim laborum labore quis consectetur elit consequat mollit. Minim fugiat id sit ex velit do commodo dolor sint voluptate. Sunt Lorem amet adipisicing cupidatat enim pariatur qui commodo consectetur elit. Qui ad cillum officia ad quis velit ad voluptate duis.</p> <p>Lorem velit nisi fugiat est incididunt ad sint anim. Proident aliqua labore non culpa quis nostrud incididunt ea ullamco id in ad ullamco nostrud. Ut officia occaecat deserunt ea culpa labore consequat aliqua.</p> <p>Duis velit magna eu cillum aute sint cillum Lorem anim. Pariatur veniam deserunt adipisicing quis voluptate minim labore. Nulla tempor amet consectetur ut deserunt et ad commodo et laboris. Ullamco laborum laborum sit cillum deserunt nostrud ullamco qui tempor qui cupidatat exercitation ut.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Bereaved</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Dependency Injection</span><span class="filter-list__item-tag">Online</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code"]" data-diagnoses="[]" data-populations="["Patient","Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Live"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Exercitation in laboris. Tempor incididunt?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner">
<figure class="filter-list__item-image"><img class="filter-list__item-src" src="/img/template-images/rodriguez_vilmari.jpg" alt="Exercitation in laboris. Tempor incididunt?" alt="__alt__yg5nho8leu6stl5i5oy2p" loading="lazy">
<figcaption class="filter-list__item-details">Vilmari Rodriguez, President of Calendars</figcaption>
</figure><p>Proident consectetur enim tempor id ex fugiat occaecat aliqua adipisicing dolore cupidatat ea esse cupidatat. Exercitation esse non aute dolor reprehenderit magna. Consequat veniam enim ullamco pariatur consequat esse mollit cupidatat. Anim cillum laboris consectetur tempor anim est do id ullamco proident ex. Occaecat aute non sit sint Lorem exercitation eiusmod pariatur laboris aute ad. Pariatur reprehenderit aliqua do labore nostrud exercitation aliqua tempor excepteur cillum adipisicing ut. Minim ipsum qui eiusmod qui et ullamco est ut ad dolore.</p> <p>Officia incididunt laboris ullamco et pariatur dolore commodo cillum commodo ea mollit ullamco aliquip. Excepteur aute nulla cupidatat laboris est mollit irure sunt qui culpa culpa aliqua pariatur ex. Velit culpa reprehenderit id ea et officia. Occaecat elit minim anim ex aliqua do ullamco id in laboris exercitation elit ad amet. Sint consectetur occaecat enim amet fugiat minim Lorem.</p> <p>In consectetur esse ad minim nostrud et incididunt est consectetur ullamco incididunt voluptate culpa irure. Cupidatat incididunt veniam ut veniam laboris proident aute qui. Duis consectetur magna in officia sit culpa.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code"]" data-diagnoses="["Diagnosis 1"]" data-populations="[]" data-regions="["Pennsylvania"]" data-types="["Live"]" data-isnew="true" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Consectetur ipsum ex duis minim in elit non incididunt ea fugiat excepteur?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Tempor nostrud voluptate quis dolor eu excepteur culpa consequat aute eu pariatur ea non commodo. Consectetur tempor incididunt fugiat pariatur laborum eiusmod cupidatat officia aute incididunt duis sunt velit. In officia eiusmod laboris consequat culpa id. Ullamco mollit dolor laboris et commodo ea sint minim cupidatat do adipisicing. Commodo pariatur dolor amet adipisicing consectetur tempor eiusmod commodo eiusmod id non commodo. Eu sint fugiat nulla proident Lorem Lorem. Ad laboris aliquip duis exercitation tempor velit.</p> <p>Consequat aute sint proident anim ipsum ut dolor. Laboris amet adipisicing non occaecat ex et enim ad laboris cupidatat reprehenderit elit proident mollit. Ex est do id sit eu velit dolor esse amet veniam esse.</p> <p>Nostrud ullamco proident eu irure ut aliquip aliqua consequat magna sint nostrud Lorem adipisicing anim. Officia deserunt ad labore est do laboris fugiat aliquip ex tempor. Reprehenderit minim anim ut cillum mollit enim eiusmod laborum et fugiat sunt deserunt commodo esse. Cillum reprehenderit cillum voluptate ullamco sit tempor fugiat commodo. Excepteur consectetur amet non duis Lorem mollit est eu exercitation nisi sint exercitation eu. In est non id ullamco ipsum est proident proident et commodo culpa tempor labore.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Diagnosis 1</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code","Topic 4"]" data-diagnoses="["Diagnosis 2"]" data-populations="["Patient"]" data-regions="["New York"]" data-types="["Live"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Do culpa eiusmod magna magna cupidatat veniam deserunt duis?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Cillum nulla deserunt ad voluptate ullamco consectetur nulla dolore cupidatat. Consequat labore eu laboris incididunt elit non eiusmod id incididunt. Nostrud laborum aliqua sint non minim non voluptate fugiat dolor cupidatat eu cillum aute. Id quis est amet esse quis veniam minim non non laborum. Veniam cupidatat qui nulla sint qui voluptate quis officia sunt eu labore culpa nostrud ullamco. Dolor nulla sint ad et.</p> <p>Adipisicing et id amet proident consectetur sit id amet non. Amet reprehenderit nisi irure magna. Proident veniam ad ad aliquip non quis Lorem commodo in consequat. Id ex sint non id. Et enim ipsum deserunt proident Lorem non exercitation pariatur aliquip laborum. Nulla dolor aute consequat aliquip incididunt laborum exercitation aliquip minim sint reprehenderit consequat aliqua. Deserunt sunt minim incididunt reprehenderit pariatur anim ad reprehenderit commodo sint sint sit.</p> <p>Id adipisicing laboris irure est magna nisi nisi ipsum labore do minim ad enim. Ea irure qui amet nisi ad commodo quis pariatur. Est sit magna do veniam ut ad velit consectetur id non dolor.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Diagnosis 2</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code"]" data-diagnoses="[]" data-populations="["Patient","Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Live"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Ad dolore pariatur cupidatat irure cillum officia deserunt dolor quis?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Sit qui ullamco reprehenderit eiusmod dolore dolore ullamco. Culpa velit nulla occaecat culpa qui nostrud velit sit mollit aute veniam. Voluptate nulla sunt amet consequat cupidatat laboris mollit culpa nulla nostrud Lorem est et aliquip.</p> <p>Sint pariatur sint enim id amet ex labore incididunt adipisicing ea laboris sunt. Laboris velit sint Lorem veniam ullamco anim cupidatat culpa veniam commodo commodo. Sint id esse qui consectetur nisi elit sit id pariatur do. Dolor culpa fugiat fugiat reprehenderit id Lorem incididunt id anim ullamco adipisicing aliquip proident aute. Nostrud eiusmod dolor reprehenderit amet adipisicing ea id ea. Culpa consectetur et eiusmod sunt.</p> <p>Commodo deserunt laboris duis ad incididunt laborum ea enim proident. Irure incididunt quis deserunt ut eiusmod. Enim pariatur elit velit anim elit. Magna magna ullamco eiusmod magna pariatur commodo officia consectetur. Non anim consectetur occaecat do voluptate eu exercitation eiusmod excepteur id nulla tempor sint. Ipsum tempor labore sint non.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code"]" data-diagnoses="["Diagnosis 1"]" data-populations="["Patient","Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Live"]" data-isnew="true" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Veniam tempor mollit eiusmod laborum?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Tempor ullamco irure sint id eiusmod dolor esse minim. Elit dolore officia anim cupidatat ea consectetur velit dolore aliqua deserunt. Nisi eu tempor nisi voluptate pariatur mollit velit sunt laboris amet velit aliquip nisi. Velit est aliqua ea qui. Irure anim dolore occaecat adipisicing amet. Lorem voluptate est commodo nulla anim fugiat sint officia minim magna ea.</p> <p>Est proident incididunt fugiat officia pariatur aute pariatur. Laborum aliqua aliquip cupidatat cupidatat commodo veniam deserunt proident aliquip elit culpa. Aliqua eiusmod consequat et officia tempor nulla nostrud veniam enim eiusmod cillum. Ipsum culpa exercitation fugiat exercitation voluptate aute proident deserunt velit laboris qui. Reprehenderit qui pariatur adipisicing consectetur labore magna sint velit sit tempor dolor. Esse sit dolor sint Lorem enim consequat laborum duis reprehenderit ullamco ea cupidatat occaecat eu.</p> <p>Adipisicing Lorem ipsum est ut ut mollit. Dolore cillum nostrud nisi et exercitation ullamco officia eu magna mollit incididunt incididunt. Aute excepteur consequat est fugiat velit.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code"]" data-diagnoses="[]" data-populations="["Patient","Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Live"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Anim nulla qui voluptate ad id quis amet sit labore?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner">
<figure class="filter-list__item-image"><img class="filter-list__item-src" src="/img/template-images/rodriguez_vilmari.jpg" alt="Anim nulla qui voluptate ad id quis amet sit labore?" alt="__alt__yg5nho8leu6stl5i5oy2p" loading="lazy">
<figcaption class="filter-list__item-details">Vilmari Rodriguez, President of Calendars</figcaption>
</figure><p>Enim velit reprehenderit in sint incididunt est. Exercitation id velit eu ipsum tempor. In labore minim quis ullamco Lorem Lorem labore pariatur pariatur consectetur velit ex non. Consectetur dolore velit aute laboris elit labore ipsum veniam laborum. Lorem do qui incididunt anim sit.</p> <p>Laboris ipsum fugiat aute Lorem magna esse laborum. Irure mollit ad ad proident laboris duis. Nostrud nisi ex labore laborum reprehenderit velit ad est sint sint mollit occaecat. Do laborum dolore anim dolor exercitation excepteur ex adipisicing pariatur mollit.</p> <p>Nisi aliqua veniam ea do elit laborum eu ex sint duis. Commodo consectetur cupidatat Lorem aute veniam. Pariatur anim nostrud voluptate adipisicing cupidatat nostrud. Eiusmod duis exercitation ipsum dolor mollit pariatur dolor incididunt ea qui ipsum ullamco. Officia ea amet dolor sit sunt aute laborum est eu sunt incididunt. Est amet consectetur aliquip velit enim laborum quis mollit sunt consectetur reprehenderit deserunt amet. Deserunt esse deserunt in veniam nostrud ut.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code"]" data-diagnoses="["Diagnosis 2","Diagnosis 3"]" data-populations="["Patient","Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Live"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Eu ut esse laborum in aliqua irure laborum deserunt est anim cupidatat excepteur non aute?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Mollit occaecat quis ut enim in velit consectetur nisi irure excepteur nisi. Mollit consequat ut sint duis Lorem elit anim reprehenderit cupidatat esse aliqua. Excepteur ad incididunt in in et ea enim tempor do cupidatat.</p> <p>Et et cillum dolore cillum do adipisicing veniam pariatur ex veniam excepteur nulla veniam irure. Amet consectetur veniam et laborum et anim duis ullamco anim. Consectetur ipsum laboris ad minim voluptate tempor minim reprehenderit consectetur enim ex. Nisi esse id magna consectetur. Elit minim tempor culpa sunt reprehenderit aliqua aliquip culpa id.</p> <p>Cillum elit eiusmod non officia elit mollit culpa magna eu magna excepteur dolor. Qui laborum ea culpa consequat culpa ad non ad consequat qui dolore aliqua commodo consectetur. Sint aliquip ipsum est cillum qui dolor labore aliquip excepteur elit commodo non mollit officia. Ullamco pariatur tempor laborum aliquip ad. Lorem ea veniam nisi nulla eu sit irure commodo. Pariatur minim do excepteur ad laboris laboris ad qui elit mollit elit. Et in est excepteur veniam mollit velit anim anim pariatur quis minim adipisicing Lorem nostrud.</p>
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
<div class="accordion__item filter-list__item" data-topics="["Writing code"]" data-diagnoses="["Diagnosis 1"]" data-populations="["Patient","Caregiver"]" data-regions="["New Jersey","New York"]" data-types="["Live"]" data-isnew="false" data-ispast="false">
<button class="accordion__trigger"><span class="accordion__title">Aliqua eiusmod consectetur occaecat. In non amet do ut tempor occaecat pariatur exercitation?</span><span class="accordion__icon"></span>
</button>
<div class="accordion__content">
<div class="accordion__content-inner"><p>Est enim laborum exercitation proident. Adipisicing eiusmod anim laborum ex. Exercitation velit sit proident laborum. Adipisicing sit laboris laborum laborum. Laborum laboris id laborum. Exercitation Mollit ea dolor minim labore id pariatur cupidatat non cupidatat dolore.
<div class="filter-list__item-tags"><span class="filter-list__item-tag">Patient</span><span class="filter-list__item-tag">Caregiver</span><span class="filter-list__item-tag">New Jersey</span><span class="filter-list__item-tag">New York</span><span class="filter-list__item-tag">Writing code</span><span class="filter-list__item-tag">Live</span>
</div>
</div>
</div>
</div>
</app-accordion>
<button class="btn filter-list__more">Show More</button>
</div>
</app-filter-list>
Sint cupidatat deserunt officia ut quis voluptate occaecat magna et pariatur aliqua ex incididunt fugiat. Enim est dolore aliquip labore nulla ullamco deserunt sit consequat. Et amet ea reprehenderit in nostrud. Enim cupidatat ad mollit culpa eiusmod incididunt.
Id dolor eu sint exercitation non sint ex velit laborum. Sint aliqua nisi Lorem elit Lorem elit ullamco esse est. Velit ipsum aliquip cupidatat occaecat pariatur enim consectetur incididunt enim ad fugiat laboris. Incididunt velit occaecat reprehenderit officia non adipisicing minim. Adipisicing quis enim incididunt labore. Sint amet adipisicing ipsum ipsum pariatur laboris cillum id. Eiusmod anim reprehenderit aliqua occaecat Lorem.
Sit eu proident exercitation excepteur ad veniam adipisicing sint duis. Magna elit officia do ex dolor enim pariatur quis exercitation tempor laboris. Cupidatat aliqua deserunt ea sit adipisicing irure et labore deserunt minim incididunt. Sit anim occaecat pariatur occaecat enim ad. Lorem sit ut irure excepteur exercitation et deserunt magna esse. Cillum cupidatat dolore cupidatat consequat aliqua fugiat commodo laboris nulla minim. Duis esse anim qui eiusmod cillum ad velit Lorem amet voluptate.
Velit dolore magna duis ex duis velit incididunt aliqua aliquip tempor dolor consectetur reprehenderit laboris. Amet eiusmod ullamco deserunt tempor culpa et. Ea ut consequat amet dolor.
Consequat anim cupidatat do duis cupidatat sint ipsum duis amet do. Incididunt pariatur velit et occaecat. Sunt sint quis est nulla in et sunt. Enim dolor sunt Lorem in consectetur aliqua ex irure sunt excepteur nulla. Dolor enim commodo eiusmod elit esse incididunt cillum et sint.
Consectetur adipisicing pariatur dolor officia eu aute ullamco. Exercitation qui amet consectetur reprehenderit. Lorem dolore commodo voluptate laboris dolor elit Lorem nostrud anim tempor. Nisi culpa qui esse non nulla elit voluptate.
Et magna cupidatat non Lorem tempor. Adipisicing eiusmod non laborum ad qui anim. Ut tempor commodo ad nisi ad reprehenderit occaecat mollit excepteur dolor tempor commodo tempor laboris. Tempor id irure officia ea incididunt quis aute mollit magna pariatur. Ipsum nisi consectetur proident ut do eiusmod. Qui ut proident elit esse.
Nisi in sint culpa ipsum sunt ut. Veniam excepteur aliquip id ipsum nostrud duis pariatur do velit quis quis irure. Adipisicing laborum ex esse qui labore Lorem amet dolore officia cillum. Laboris velit labore elit elit sint dolor laborum dolore in et. Eiusmod id commodo exercitation voluptate aliqua commodo nulla aliquip sunt laborum ipsum ut magna. Dolor irure culpa dolor ullamco dolore minim. Deserunt veniam pariatur nostrud culpa cillum aliqua cillum.
Nisi non pariatur consequat nostrud aliqua laborum ut officia fugiat. Occaecat ea tempor velit exercitation laboris eu do ut qui laborum eiusmod esse. Commodo deserunt qui ex in duis dolor pariatur. Nostrud consectetur mollit mollit laborum magna irure quis consequat excepteur ex. Reprehenderit ea excepteur ipsum veniam consectetur enim. Deserunt eiusmod ullamco tempor voluptate irure.
Est veniam sint mollit pariatur non aute sit adipisicing laborum do. Sit adipisicing irure qui ut voluptate eu sint deserunt. Ea aliquip nulla duis aliqua aliquip elit incididunt elit consequat id nostrud excepteur proident tempor. Velit esse esse minim laborum labore quis consectetur elit consequat mollit. Minim fugiat id sit ex velit do commodo dolor sint voluptate. Sunt Lorem amet adipisicing cupidatat enim pariatur qui commodo consectetur elit. Qui ad cillum officia ad quis velit ad voluptate duis.
Lorem velit nisi fugiat est incididunt ad sint anim. Proident aliqua labore non culpa quis nostrud incididunt ea ullamco id in ad ullamco nostrud. Ut officia occaecat deserunt ea culpa labore consequat aliqua.
Duis velit magna eu cillum aute sint cillum Lorem anim. Pariatur veniam deserunt adipisicing quis voluptate minim labore. Nulla tempor amet consectetur ut deserunt et ad commodo et laboris. Ullamco laborum laborum sit cillum deserunt nostrud ullamco qui tempor qui cupidatat exercitation ut.
Proident consectetur enim tempor id ex fugiat occaecat aliqua adipisicing dolore cupidatat ea esse cupidatat. Exercitation esse non aute dolor reprehenderit magna. Consequat veniam enim ullamco pariatur consequat esse mollit cupidatat. Anim cillum laboris consectetur tempor anim est do id ullamco proident ex. Occaecat aute non sit sint Lorem exercitation eiusmod pariatur laboris aute ad. Pariatur reprehenderit aliqua do labore nostrud exercitation aliqua tempor excepteur cillum adipisicing ut. Minim ipsum qui eiusmod qui et ullamco est ut ad dolore.
Officia incididunt laboris ullamco et pariatur dolore commodo cillum commodo ea mollit ullamco aliquip. Excepteur aute nulla cupidatat laboris est mollit irure sunt qui culpa culpa aliqua pariatur ex. Velit culpa reprehenderit id ea et officia. Occaecat elit minim anim ex aliqua do ullamco id in laboris exercitation elit ad amet. Sint consectetur occaecat enim amet fugiat minim Lorem.
In consectetur esse ad minim nostrud et incididunt est consectetur ullamco incididunt voluptate culpa irure. Cupidatat incididunt veniam ut veniam laboris proident aute qui. Duis consectetur magna in officia sit culpa.
Tempor nostrud voluptate quis dolor eu excepteur culpa consequat aute eu pariatur ea non commodo. Consectetur tempor incididunt fugiat pariatur laborum eiusmod cupidatat officia aute incididunt duis sunt velit. In officia eiusmod laboris consequat culpa id. Ullamco mollit dolor laboris et commodo ea sint minim cupidatat do adipisicing. Commodo pariatur dolor amet adipisicing consectetur tempor eiusmod commodo eiusmod id non commodo. Eu sint fugiat nulla proident Lorem Lorem. Ad laboris aliquip duis exercitation tempor velit.
Consequat aute sint proident anim ipsum ut dolor. Laboris amet adipisicing non occaecat ex et enim ad laboris cupidatat reprehenderit elit proident mollit. Ex est do id sit eu velit dolor esse amet veniam esse.
Nostrud ullamco proident eu irure ut aliquip aliqua consequat magna sint nostrud Lorem adipisicing anim. Officia deserunt ad labore est do laboris fugiat aliquip ex tempor. Reprehenderit minim anim ut cillum mollit enim eiusmod laborum et fugiat sunt deserunt commodo esse. Cillum reprehenderit cillum voluptate ullamco sit tempor fugiat commodo. Excepteur consectetur amet non duis Lorem mollit est eu exercitation nisi sint exercitation eu. In est non id ullamco ipsum est proident proident et commodo culpa tempor labore.
Cillum nulla deserunt ad voluptate ullamco consectetur nulla dolore cupidatat. Consequat labore eu laboris incididunt elit non eiusmod id incididunt. Nostrud laborum aliqua sint non minim non voluptate fugiat dolor cupidatat eu cillum aute. Id quis est amet esse quis veniam minim non non laborum. Veniam cupidatat qui nulla sint qui voluptate quis officia sunt eu labore culpa nostrud ullamco. Dolor nulla sint ad et.
Adipisicing et id amet proident consectetur sit id amet non. Amet reprehenderit nisi irure magna. Proident veniam ad ad aliquip non quis Lorem commodo in consequat. Id ex sint non id. Et enim ipsum deserunt proident Lorem non exercitation pariatur aliquip laborum. Nulla dolor aute consequat aliquip incididunt laborum exercitation aliquip minim sint reprehenderit consequat aliqua. Deserunt sunt minim incididunt reprehenderit pariatur anim ad reprehenderit commodo sint sint sit.
Id adipisicing laboris irure est magna nisi nisi ipsum labore do minim ad enim. Ea irure qui amet nisi ad commodo quis pariatur. Est sit magna do veniam ut ad velit consectetur id non dolor.
Sit qui ullamco reprehenderit eiusmod dolore dolore ullamco. Culpa velit nulla occaecat culpa qui nostrud velit sit mollit aute veniam. Voluptate nulla sunt amet consequat cupidatat laboris mollit culpa nulla nostrud Lorem est et aliquip.
Sint pariatur sint enim id amet ex labore incididunt adipisicing ea laboris sunt. Laboris velit sint Lorem veniam ullamco anim cupidatat culpa veniam commodo commodo. Sint id esse qui consectetur nisi elit sit id pariatur do. Dolor culpa fugiat fugiat reprehenderit id Lorem incididunt id anim ullamco adipisicing aliquip proident aute. Nostrud eiusmod dolor reprehenderit amet adipisicing ea id ea. Culpa consectetur et eiusmod sunt.
Commodo deserunt laboris duis ad incididunt laborum ea enim proident. Irure incididunt quis deserunt ut eiusmod. Enim pariatur elit velit anim elit. Magna magna ullamco eiusmod magna pariatur commodo officia consectetur. Non anim consectetur occaecat do voluptate eu exercitation eiusmod excepteur id nulla tempor sint. Ipsum tempor labore sint non.
Tempor ullamco irure sint id eiusmod dolor esse minim. Elit dolore officia anim cupidatat ea consectetur velit dolore aliqua deserunt. Nisi eu tempor nisi voluptate pariatur mollit velit sunt laboris amet velit aliquip nisi. Velit est aliqua ea qui. Irure anim dolore occaecat adipisicing amet. Lorem voluptate est commodo nulla anim fugiat sint officia minim magna ea.
Est proident incididunt fugiat officia pariatur aute pariatur. Laborum aliqua aliquip cupidatat cupidatat commodo veniam deserunt proident aliquip elit culpa. Aliqua eiusmod consequat et officia tempor nulla nostrud veniam enim eiusmod cillum. Ipsum culpa exercitation fugiat exercitation voluptate aute proident deserunt velit laboris qui. Reprehenderit qui pariatur adipisicing consectetur labore magna sint velit sit tempor dolor. Esse sit dolor sint Lorem enim consequat laborum duis reprehenderit ullamco ea cupidatat occaecat eu.
Adipisicing Lorem ipsum est ut ut mollit. Dolore cillum nostrud nisi et exercitation ullamco officia eu magna mollit incididunt incididunt. Aute excepteur consequat est fugiat velit.
Enim velit reprehenderit in sint incididunt est. Exercitation id velit eu ipsum tempor. In labore minim quis ullamco Lorem Lorem labore pariatur pariatur consectetur velit ex non. Consectetur dolore velit aute laboris elit labore ipsum veniam laborum. Lorem do qui incididunt anim sit.
Laboris ipsum fugiat aute Lorem magna esse laborum. Irure mollit ad ad proident laboris duis. Nostrud nisi ex labore laborum reprehenderit velit ad est sint sint mollit occaecat. Do laborum dolore anim dolor exercitation excepteur ex adipisicing pariatur mollit.
Nisi aliqua veniam ea do elit laborum eu ex sint duis. Commodo consectetur cupidatat Lorem aute veniam. Pariatur anim nostrud voluptate adipisicing cupidatat nostrud. Eiusmod duis exercitation ipsum dolor mollit pariatur dolor incididunt ea qui ipsum ullamco. Officia ea amet dolor sit sunt aute laborum est eu sunt incididunt. Est amet consectetur aliquip velit enim laborum quis mollit sunt consectetur reprehenderit deserunt amet. Deserunt esse deserunt in veniam nostrud ut.
Mollit occaecat quis ut enim in velit consectetur nisi irure excepteur nisi. Mollit consequat ut sint duis Lorem elit anim reprehenderit cupidatat esse aliqua. Excepteur ad incididunt in in et ea enim tempor do cupidatat.
Et et cillum dolore cillum do adipisicing veniam pariatur ex veniam excepteur nulla veniam irure. Amet consectetur veniam et laborum et anim duis ullamco anim. Consectetur ipsum laboris ad minim voluptate tempor minim reprehenderit consectetur enim ex. Nisi esse id magna consectetur. Elit minim tempor culpa sunt reprehenderit aliqua aliquip culpa id.
Cillum elit eiusmod non officia elit mollit culpa magna eu magna excepteur dolor. Qui laborum ea culpa consequat culpa ad non ad consequat qui dolore aliqua commodo consectetur. Sint aliquip ipsum est cillum qui dolor labore aliquip excepteur elit commodo non mollit officia. Ullamco pariatur tempor laborum aliquip ad. Lorem ea veniam nisi nulla eu sit irure commodo. Pariatur minim do excepteur ad laboris laboris ad qui elit mollit elit. Et in est excepteur veniam mollit velit anim anim pariatur quis minim adipisicing Lorem nostrud.
Est enim laborum exercitation proident. Adipisicing eiusmod anim laborum ex. Exercitation velit sit proident laborum. Adipisicing sit laboris laborum laborum. Laborum laboris id laborum. Exercitation Mollit ea dolor minim labore id pariatur cupidatat non cupidatat dolore.
<app-filter-list class="filter-list filter-list--simple" data-pagesize="20">
<div class="filter-list__rail">
<div class="filter-list__filters">
<div class="filter-list__filters-content">
<div class="filter-list__filters-wrapper">
<div class="filters__item filters__dropdown">
<div class="filters__object" data-multiple data-placeholder="Select Status" data-targetAttribute="status" data-targetOptions="["Open","Closed","Created"]">
<button class="filters__dropdown-active"></button><i class="filters__dropdown-icon glyph-chevron-down"></i><i class="filters__dropdown-close glyph-close"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Open"><span class="filters__dropdown-option-label">Open</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Closed"><span class="filters__dropdown-option-label">Closed</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Created"><span class="filters__dropdown-option-label">Created</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="filter-list__content">
<div class="filter-list__no-results is-hidden">No results found.</div>
<div class="filter-list__items"><a class="filter-list__item" herf="" data-statuses="["Open"]" data-isnew="false" data-ispast="false" aria-label="__label__ax93jabh1tun1g603nocbe">
<div class="filter-list__item-content">
<div class="filter-list__item-title">Acute Lymphoblastic Leukemia</div>
</div></a><a class="filter-list__item" herf="" data-statuses="["Open"]" data-isnew="false" data-ispast="false" aria-label="__label__ax93jabh1tun1g603nocbe">
<div class="filter-list__item-content">
<div class="filter-list__item-title">Acute Myeloid Leukemia</div>
</div></a><a class="filter-list__item" herf="" data-statuses="["Open"]" data-isnew="false" data-ispast="false" aria-label="__label__ax93jabh1tun1g603nocbe">
<div class="filter-list__item-content">
<div class="filter-list__item-title">Bladder Cancer</div>
</div></a><a class="filter-list__item" herf="" data-statuses="["Created"]" data-isnew="false" data-ispast="false" aria-label="__label__ax93jabh1tun1g603nocbe">
<div class="filter-list__item-content">
<div class="filter-list__item-title">Bone Metastases</div>
</div></a><a class="filter-list__item" herf="" data-statuses="["Created"]" data-isnew="true" data-ispast="false" aria-label="__label__ax93jabh1tun1g603nocbe">
<div class="filter-list__item-content">
<div class="filter-list__item-title">Breast Cancer</div>
</div></a><a class="filter-list__item" herf="" data-statuses="["Created"]" data-isnew="false" data-ispast="false" aria-label="__label__ax93jabh1tun1g603nocbe">
<div class="filter-list__item-content">
<div class="filter-list__item-title">Cancer-Related Pain Management</div>
</div></a><a class="filter-list__item" herf="" data-statuses="["Created"]" data-isnew="true" data-ispast="false" aria-label="__label__ax93jabh1tun1g603nocbe">
<div class="filter-list__item-content">
<div class="filter-list__item-title">Cervical Cancer</div>
</div></a><a class="filter-list__item" herf="" data-statuses="["Created"]" data-isnew="false" data-ispast="false" aria-label="__label__ax93jabh1tun1g603nocbe">
<div class="filter-list__item-content">
<div class="filter-list__item-title">Chemotherapy Induced Neutropenia</div>
</div></a><a class="filter-list__item" herf="" data-statuses="["Open"]" data-isnew="false" data-ispast="false" aria-label="__label__ax93jabh1tun1g603nocbe">
<div class="filter-list__item-content">
<div class="filter-list__item-title">Cholangiocarcinoma (Bile Duct Cancer)</div>
</div></a><a class="filter-list__item" herf="" data-statuses="["Open"]" data-isnew="true" data-ispast="false" aria-label="__label__ax93jabh1tun1g603nocbe">
<div class="filter-list__item-content">
<div class="filter-list__item-title">Chronic Lymphocytic Leukemia</div>
</div></a><a class="filter-list__item" herf="" data-statuses="["Open"]" data-isnew="false" data-ispast="false" aria-label="__label__ax93jabh1tun1g603nocbe">
<div class="filter-list__item-content">
<div class="filter-list__item-title">Chronic Myeloid Leukemia</div>
</div></a><a class="filter-list__item" herf="" data-statuses="["Created"]" data-isnew="false" data-ispast="false" aria-label="__label__ax93jabh1tun1g603nocbe">
<div class="filter-list__item-content">
<div class="filter-list__item-title">Gastric Cancer</div>
</div></a><a class="filter-list__item" herf="" data-statuses="["Created"]" data-isnew="false" data-ispast="false" aria-label="__label__ax93jabh1tun1g603nocbe">
<div class="filter-list__item-content">
<div class="filter-list__item-title">Gastrointestinal Stromal Tumors</div>
</div></a>
</div>
<button class="btn filter-list__more">Show More</button>
</div>
</app-filter-list>
<app-filter-list class="filter-list" data-pagesize="10" data-storage-target="selectedItems">
<div class="filter-list__rail">
<div class="filter-list__filters">
<div class="filter-list__filters-header">
<p class="filter-list__filters-title"></p>
<button class="filter-list__filters-clear"></button>
</div>
<div class="filter-list__filters-content">
<div class="filter-list__filters-wrapper">
<div class="filters__item filters__dropdown">
<div class="filters__object" data-multiple data-placeholder="Select Status" data-targetAttribute="status" data-targetOptions="["Open","Closed","Created"]">
<button class="filters__dropdown-active"></button><i class="filters__dropdown-icon glyph-chevron-down"></i><i class="filters__dropdown-close glyph-close"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Open"><span class="filters__dropdown-option-label">Open</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Closed"><span class="filters__dropdown-option-label">Closed</span>
</label>
<label class="filters__dropdown-option">
<input class="filters__dropdown-option-input" type="checkbox" value="Created"><span class="filters__dropdown-option-label">Created</span>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
<form class="filter-list__form" action="" method="post">
<label class="filter-list__form-title">Order Details</label>
<div class="filter-list__form-container">
<div class="filter-list__form-table">
<div class="filter-list__form-header">
<div class="filter-list__form-row">
<label class="filter-list__form-label">Publications</label>
<label class="filter-list__form-selected">Selected</label>
</div>
<div class="filter-list__form-body"></div>
</div>
</div>
</div>
<div class="filter-list__form-footer">
<button class="btn filter-list__form-submit glyph-cart" type="submit">Complete Your Order</button>
</div>
</form>
<app-feature-rail class="feature-rail feature-rail feature-rail--lemon"><img class="feature-rail__img" src="/getContentAsset/b913fd8d-f6f3-4055-8e34-07ed4b1602bd/e477a59e-1df6-4e2f-9986-20ab37342540/516072_v9_bb.jpg?language=en-US" alt="" loading="lazy" alt="__alt__mp0db4c6l930k9iaepd0g" loading="lazy">
<div class="feature-rail__title">
<markdown-to-html>SP Client Story 1</markdown-to-html>
</div>
<div class="feature-rail__copy">
<p>
<markdown-to-html>page desc here</markdown-to-html>
</p>
</div><a class="feature-rail__cta btn" href="/sp-client-story-1" aria-label="" link-text="SP Client Story 1" aria-label="__label__5hsj17ougtjvp4nl3fq7m">SP Client Story 1</a>
</app-feature-rail>
<app-feature-rail class="feature-rail feature-rail feature-rail--lemon"><img class="feature-rail__img" src="/getContentAsset/b913fd8d-f6f3-4055-8e34-07ed4b1602bd/e477a59e-1df6-4e2f-9986-20ab37342540/516072_v9_bb.jpg?language=en-US" alt="" loading="lazy" alt="__alt__mi52aa84ivqs0lj2h1wgc" loading="lazy">
<div class="feature-rail__title">
<markdown-to-html>SP Client Story 2</markdown-to-html>
</div>
<div class="feature-rail__copy">
<p>
<markdown-to-html>page desc here</markdown-to-html>
</p>
</div><a class="feature-rail__cta btn" href="/sp-client-story-1" aria-label="" link-text="SP Client Story 1" aria-label="__label__1yn82usddaqgqkvyn1lmsf">SP Client Story 1</a>
</app-feature-rail>
</div>
<div class="filter-list__content">
<div class="filter-list__no-results is-hidden">No results found.</div>
<div class="filter-list__items">
<div class="filter-list__item" data-isnew="false" data-ispast="false">
<div class="filter-list__item-checkbox">
<input id="selector-undefined" type="checkbox">
<label for="selector-undefined"></label>
</div>
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__v0vetn5sgys0hf3ztsxvc8r">Acute Lymphoblastic Leukemia</a>
</div>
<div class="filters__dropdown filter-list__item-quantity">
<div class="filters__title">Quantity</div>
<div class="filters__object">
<button class="filters__dropdown-active">1</button><i class="filters__dropdown-icon glyph-chevron-down"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option-single">1</label>
<label class="filters__dropdown-option-single">2</label>
<label class="filters__dropdown-option-single">3</label>
</div>
</div>
</div>
</div>
<div class="filter-list__item" data-isnew="false" data-ispast="false">
<div class="filter-list__item-checkbox">
<input id="selector-undefined" type="checkbox">
<label for="selector-undefined"></label>
</div>
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__v0vetn5sgys0hf3ztsxvc8r">Acute Myeloid Leukemia</a>
</div>
<div class="filters__dropdown filter-list__item-quantity">
<div class="filters__title">Quantity</div>
<div class="filters__object">
<button class="filters__dropdown-active">1</button><i class="filters__dropdown-icon glyph-chevron-down"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option-single">1</label>
<label class="filters__dropdown-option-single">2</label>
<label class="filters__dropdown-option-single">3</label>
</div>
</div>
</div>
</div>
<div class="filter-list__item" data-isnew="false" data-ispast="false">
<div class="filter-list__item-checkbox">
<input id="selector-undefined" type="checkbox">
<label for="selector-undefined"></label>
</div>
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__v0vetn5sgys0hf3ztsxvc8r">Bladder Cancer</a>
</div>
<div class="filters__dropdown filter-list__item-quantity">
<div class="filters__title">Quantity</div>
<div class="filters__object">
<button class="filters__dropdown-active">1</button><i class="filters__dropdown-icon glyph-chevron-down"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option-single">1</label>
<label class="filters__dropdown-option-single">2</label>
<label class="filters__dropdown-option-single">3</label>
</div>
</div>
</div>
</div>
<div class="filter-list__item" data-isnew="false" data-ispast="false">
<div class="filter-list__item-checkbox">
<input id="selector-undefined" type="checkbox">
<label for="selector-undefined"></label>
</div>
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__v0vetn5sgys0hf3ztsxvc8r">Bone Metastases</a>
</div>
<div class="filters__dropdown filter-list__item-quantity">
<div class="filters__title">Quantity</div>
<div class="filters__object">
<button class="filters__dropdown-active">1</button><i class="filters__dropdown-icon glyph-chevron-down"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option-single">1</label>
<label class="filters__dropdown-option-single">2</label>
<label class="filters__dropdown-option-single">3</label>
</div>
</div>
</div>
</div>
<div class="filter-list__item" data-isnew="true" data-ispast="false">
<div class="filter-list__item-checkbox">
<input id="selector-undefined" type="checkbox">
<label for="selector-undefined"></label>
</div>
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__v0vetn5sgys0hf3ztsxvc8r">Breast Cancer</a>
</div>
<div class="filters__dropdown filter-list__item-quantity">
<div class="filters__title">Quantity</div>
<div class="filters__object">
<button class="filters__dropdown-active">1</button><i class="filters__dropdown-icon glyph-chevron-down"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option-single">1</label>
<label class="filters__dropdown-option-single">2</label>
<label class="filters__dropdown-option-single">3</label>
</div>
</div>
</div>
</div>
<div class="filter-list__item" data-isnew="false" data-ispast="false">
<div class="filter-list__item-checkbox">
<input id="selector-undefined" type="checkbox">
<label for="selector-undefined"></label>
</div>
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__v0vetn5sgys0hf3ztsxvc8r">Cancer-Related Pain Management</a>
</div>
<div class="filters__dropdown filter-list__item-quantity">
<div class="filters__title">Quantity</div>
<div class="filters__object">
<button class="filters__dropdown-active">1</button><i class="filters__dropdown-icon glyph-chevron-down"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option-single">1</label>
<label class="filters__dropdown-option-single">2</label>
<label class="filters__dropdown-option-single">3</label>
</div>
</div>
</div>
</div>
<div class="filter-list__item" data-isnew="true" data-ispast="false">
<div class="filter-list__item-checkbox">
<input id="selector-undefined" type="checkbox">
<label for="selector-undefined"></label>
</div>
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__v0vetn5sgys0hf3ztsxvc8r">Cervical Cancer</a>
</div>
<div class="filters__dropdown filter-list__item-quantity">
<div class="filters__title">Quantity</div>
<div class="filters__object">
<button class="filters__dropdown-active">1</button><i class="filters__dropdown-icon glyph-chevron-down"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option-single">1</label>
<label class="filters__dropdown-option-single">2</label>
<label class="filters__dropdown-option-single">3</label>
</div>
</div>
</div>
</div>
<div class="filter-list__item" data-isnew="false" data-ispast="false">
<div class="filter-list__item-checkbox">
<input id="selector-undefined" type="checkbox">
<label for="selector-undefined"></label>
</div>
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__v0vetn5sgys0hf3ztsxvc8r">Chemotherapy Induced Neutropenia</a>
</div>
<div class="filters__dropdown filter-list__item-quantity">
<div class="filters__title">Quantity</div>
<div class="filters__object">
<button class="filters__dropdown-active">1</button><i class="filters__dropdown-icon glyph-chevron-down"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option-single">1</label>
<label class="filters__dropdown-option-single">2</label>
<label class="filters__dropdown-option-single">3</label>
</div>
</div>
</div>
</div>
<div class="filter-list__item" data-isnew="false" data-ispast="false">
<div class="filter-list__item-checkbox">
<input id="selector-undefined" type="checkbox">
<label for="selector-undefined"></label>
</div>
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__v0vetn5sgys0hf3ztsxvc8r">Cholangiocarcinoma (Bile Duct Cancer)</a>
</div>
<div class="filters__dropdown filter-list__item-quantity">
<div class="filters__title">Quantity</div>
<div class="filters__object">
<button class="filters__dropdown-active">1</button><i class="filters__dropdown-icon glyph-chevron-down"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option-single">1</label>
<label class="filters__dropdown-option-single">2</label>
<label class="filters__dropdown-option-single">3</label>
</div>
</div>
</div>
</div>
<div class="filter-list__item" data-isnew="true" data-ispast="false">
<div class="filter-list__item-checkbox">
<input id="selector-undefined" type="checkbox">
<label for="selector-undefined"></label>
</div>
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__v0vetn5sgys0hf3ztsxvc8r">Chronic Lymphocytic Leukemia</a>
</div>
<div class="filters__dropdown filter-list__item-quantity">
<div class="filters__title">Quantity</div>
<div class="filters__object">
<button class="filters__dropdown-active">1</button><i class="filters__dropdown-icon glyph-chevron-down"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option-single">1</label>
<label class="filters__dropdown-option-single">2</label>
<label class="filters__dropdown-option-single">3</label>
</div>
</div>
</div>
</div>
<div class="filter-list__item" data-isnew="false" data-ispast="false">
<div class="filter-list__item-checkbox">
<input id="selector-undefined" type="checkbox">
<label for="selector-undefined"></label>
</div>
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__v0vetn5sgys0hf3ztsxvc8r">Chronic Myeloid Leukemia</a>
</div>
<div class="filters__dropdown filter-list__item-quantity">
<div class="filters__title">Quantity</div>
<div class="filters__object">
<button class="filters__dropdown-active">1</button><i class="filters__dropdown-icon glyph-chevron-down"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option-single">1</label>
<label class="filters__dropdown-option-single">2</label>
<label class="filters__dropdown-option-single">3</label>
</div>
</div>
</div>
</div>
<div class="filter-list__item" data-isnew="false" data-ispast="false">
<div class="filter-list__item-checkbox">
<input id="selector-undefined" type="checkbox">
<label for="selector-undefined"></label>
</div>
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__v0vetn5sgys0hf3ztsxvc8r">Gastric Cancer</a>
</div>
<div class="filters__dropdown filter-list__item-quantity">
<div class="filters__title">Quantity</div>
<div class="filters__object">
<button class="filters__dropdown-active">1</button><i class="filters__dropdown-icon glyph-chevron-down"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option-single">1</label>
<label class="filters__dropdown-option-single">2</label>
<label class="filters__dropdown-option-single">3</label>
</div>
</div>
</div>
</div>
<div class="filter-list__item" data-isnew="false" data-ispast="false">
<div class="filter-list__item-checkbox">
<input id="selector-undefined" type="checkbox">
<label for="selector-undefined"></label>
</div>
<div class="filter-list__item-content"><a class="filter-list__item-title" aria-label="__label__v0vetn5sgys0hf3ztsxvc8r">Gastrointestinal Stromal Tumors</a>
</div>
<div class="filters__dropdown filter-list__item-quantity">
<div class="filters__title">Quantity</div>
<div class="filters__object">
<button class="filters__dropdown-active">1</button><i class="filters__dropdown-icon glyph-chevron-down"></i>
<input class="filters__dropdown-value" type="hidden">
<div class="filters__dropdown-menu">
<label class="filters__dropdown-option-single">1</label>
<label class="filters__dropdown-option-single">2</label>
<label class="filters__dropdown-option-single">3</label>
</div>
</div>
</div>
</div>
</div>
<button class="btn filter-list__more">Show More</button>
</div>
</app-filter-list>
<app-filter-list class="filter-list" data-storage-target="selectedItems">
<div class="filter-list__rail">
<form class="filter-list__form" action="" method="post">
<label class="filter-list__form-title">Order Details</label>
<div class="filter-list__form-container">
<table>
<thead>
<tr>
<th>Publications</th>
<th>Selected</th>
</tr>
</thead>
<tbody>
<tr data-id="1">
<td class="label-id">Support Group</td>
<td class="lavel-qty">1</td>
<input class="input-id" type="hidden" value="1" name="id-1">
<input class="input-qty" type="hidden" value="1" name="qty-1">
</tr>
</tbody>
</table>
</div>
<div class="filter-list__form-footer">
<button class="btn filter-list__form-submit glyph-edit-pencil navigate-back">Edit Your Order</button>
</div>
</form>
</div>
<div class="filter-list__content">
<blue-form>
<form method="post">
<div class="ktc-default-section">
<h5 style="margin: 0">Personal Information</h5>
<div class="form-field">
<label class="control-label" for="DropDown_SelectedValue">Title</label>
<div class="editing-form-control-nested-control">
<select class="form-control" id="DropDown_SelectedValue" name="DropDown.SelectedValue" title="This is a tooltip">
<option value="">First option text?</option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
</select>
<div class="field-validation-valid" data-valmsg-for="DropDown.SelectedValue" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="DropDown" data-valmsg-replace="true"></div>
</div>
<div class="explanation-text">This was a misspelled description, now it's not</div>
</div>
<div class="grid grid--gap-1 grid--cols-md2">
<div class="grid__item">
<div class="form-field">
<label class="control-label" for="TextInput_Value">First Name</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="TextInput_Value" name="TextInput.Value" placeholder="Enter text input content" title="Tooltip text goes here" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="TextInput.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextInput" data-valmsg-replace="true"></div>
<div class="field-valid grid--cols-md2ation-error" data-valmsg-for="TextInput.Value" data-valmsg-replace="true">Please enter a value.</div>
</div>
</div>
</div>
<div class="grid__item">
<div class="form-field">
<label class="control-label" for="TextInput_Value">Last Name</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="TextInput_Value" name="TextInput.Value" placeholder="Enter text input content" title="Tooltip text goes here" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="TextInput.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextInput" data-valmsg-replace="true"></div>
<div class="field-validation-error" data-valmsg-for="TextInput.Value" data-valmsg-replace="true">Please enter a value.</div>
</div>
</div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="TextInput_Value">Company (Optional)</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="TextInput_Value" name="TextInput.Value" placeholder="Enter text input content" title="Tooltip text goes here" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="TextInput.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextInput" data-valmsg-replace="true"></div>
<div class="field-validation-error" data-valmsg-for="TextInput.Value" data-valmsg-replace="true">Please enter a value.</div>
</div>
</div>
<h5 style="margin: 0">Contact Information</h5>
<div class="form-field">
<label class="control-label" for="USPhone_PhoneNumber">Phone Number</label>
<div class="editing-form-control-nested-control"><span>
<input class="form-control" id="USPhone_PhoneNumber" name="USPhone.PhoneNumber" type="text" value=""></span>
<div class="field-validation-valid" data-valmsg-for="USPhone.PhoneNumber" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="USPhone" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="EmailInput_Email">Email</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="EmailInput_Email" name="EmailInput.Email" type="email" value="">
<div class="field-validation-valid" data-valmsg-for="EmailInput.Email" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="EmailInput" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="TextInput_Value">Address</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="TextInput_Value" name="TextInput.Value" placeholder="Enter text input content" title="Tooltip text goes here" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="TextInput.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextInput" data-valmsg-replace="true"></div>
<div class="field-valid grid--cols-md2ation-error" data-valmsg-for="TextInput.Value" data-valmsg-replace="true">Please enter a value.</div>
</div>
<div class="form-field">
<div class="editing-form-control-nested-control">
<input class="form-control" id="TextInput_Value" name="TextInput.Value" placeholder="Enter text input content" title="Tooltip text goes here" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="TextInput.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextInput" data-valmsg-replace="true"></div>
<div class="field-valid grid--cols-md2ation-error" data-valmsg-for="TextInput.Value" data-valmsg-replace="true">Please enter a value.</div>
</div>
</div>
</div>
<div class="grid grid--gap-1 grid--cols-lg6">
<div class="grid__item grid__item--col-span-lg3">
<div class="form-field">
<label class="control-label" for="TextInput_Value">City</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="TextInput_Value" name="TextInput.Value" placeholder="Enter text input content" title="Tooltip text goes here" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="TextInput.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextInput" data-valmsg-replace="true"></div>
<div class="field-valid grid--cols-md2ation-error" data-valmsg-for="TextInput.Value" data-valmsg-replace="true">Please enter a value.</div>
</div>
</div>
</div>
<div class="grid__item">
<div class="form-field">
<label class="control-label" for="DropDown_SelectedValue">State</label>
<div class="editing-form-control-nested-control">
<select class="form-control" id="DropDown_SelectedValue" name="DropDown.SelectedValue" title="This is a tooltip">
<option value="">Select</option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
</select>
<div class="field-validation-valid" data-valmsg-for="DropDown.SelectedValue" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="DropDown" data-valmsg-replace="true"></div>
</div>
<div class="explanation-text">Explanation text</div>
</div>
</div>
<div class="grid__item">
<div class="form-field">
<label class="control-label" for="TextInput_Value">Zipcode</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="IntInput_Number" name="IntInput.Number" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="IntInput.Number" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="IntInput" data-valmsg-replace="true"></div>
</div>
<div class="explanation-text">Explanation text</div>
</div>
</div>
<div class="grid__item">
<div class="form-field">
<label class="control-label" for="DropDown_SelectedValue">Country</label>
<div class="editing-form-control-nested-control">
<select class="form-control" id="DropDown_SelectedValue" name="DropDown.SelectedValue" title="This is a tooltip">
<option value="">Select</option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
</select>
<div class="field-validation-valid" data-valmsg-for="DropDown.SelectedValue" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="DropDown" data-valmsg-replace="true"></div>
</div>
<div class="explanation-text">Explanation text</div>
</div>
</div>
</div>
<h5 style="margin: 0">Other Information</h5>
<div class="form-field">
<label class="control-label">Which type best describes you?</label>
<div class="editing-form-control-nested-control"><span class="ktc-radio ktc-radio-list"><span class="ktc-radio">
<input class="form-control" id="RadioButtonsoption_1" name="RadioButtons.SelectedValue" type="radio" value="option 1">
<label for="RadioButtonsoption_1">Person with Cancer</label></span><span class="ktc-radio">
<input class="form-control" id="RadioButtonsoption_2" name="RadioButtons.SelectedValue" type="radio" value="option 2">
<label for="RadioButtonsoption_2">Caregiver</label></span><span class="ktc-radio">
<input class="form-control" id="RadioButtonsoption_3" name="RadioButtons.SelectedValue" type="radio" value="option 3">
<label for="RadioButtonsoption_3">Healthcare Professional</label></span><span class="ktc-radio">
<input class="form-control" id="RadioButtonsoption_4" name="RadioButtons.SelectedValue" type="radio" value="option 4">
<label for="RadioButtonsoption_4">Bereaved</label></span><span class="ktc-radio">
<input class="form-control" id="RadioButtonsoption_5" name="RadioButtons.SelectedValue" type="radio" value="option 5">
<label for="RadioButtonsoption_5">Advocate</label></span></span>
<div class="field-validation-valid" data-valmsg-for="RadioButtons.SelectedValue" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="RadioButtons" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="TextArea_Value">If you've found our publications helpful we'd love to hear how!</label>
<div class="editing-form-control-nested-control">
<textarea class="form-control" id="TextArea_Value" name="TextArea.Value"></textarea>
<div class="field-validation-valid" data-valmsg-for="TextArea.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextArea" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<div class="editing-form-control-nested-control"><span class="ktc-checkbox" title="">
<input class="form-control" id="ConsentAgreement_ConsentChecked" data-val="true" data-val-required="The ConsentChecked field is required." disabled="disabled" name="ConsentAgreement.ConsentChecked" type="checkbox" value="true">
<label for="ConsentAgreement_ConsentChecked">Please send me CancerCare's monthly E-News</label></span>
<div class="field-validation-valid" data-valmsg-for="ConsentAgreement.ConsentChecked" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="ConsentAgreement" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field hidden-input">
<div class="editing-form-control-nested-control">
<input class="form-control" id="form-PublicationOrderForm-d5c2_selectedItems_Value" data-ktc-notobserved-element="" name="form-PublicationOrderForm-d5c2.selectedItems.Value" type="hidden" value="">
</div>
</div>
</div>
<input type="submit" value="Submit">
</form>
</blue-form>
</div>
</app-filter-list>
App Hero
<app-hero class="hero hero--teal">
<div class="hero__spotlight">
<div class="hero__image"><img class="hero__src" src="https://picsum.photos/1920/1080" alt="feature image" alt="__alt__qt6lmm39foapclj5u82uc" loading="lazy"></div>
<p class="hero__eyebrow">Don’t face cancer alone.</p>
<p class="hero__title">We're here <span>to help.</span></p>
<p class="hero__description">A cancer diagnosis turns a person’s world upside down - emotionally, physically and financially. CancerCare has been helping individuals for over 80 years face cancer with confidence.</p><a class="hero__cta btn" href="" aria-label="__label__wvy9skr8ang2glek6lpm0j">Explore Cancer Diagnosis</a>
</div>
<div class="hero__navigation">
<div class="hero__navigation-title">Cancer resources tailored to help & support.</div>
<div class="hero__navigation-buttons">
<button class="hero__navigation-button hero__navigation-button--prev"></button>
<button class="hero__navigation-button hero__navigation-button--next"></button>
</div>
</div>
<div class="hero__slides">
<div class="hero__bounds">
<div class="hero__inner">
<div class="hero__swiper swiper">
<div class="hero__wrapper swiper-wrapper">
<div class="hero__slide swiper-slide">
<div class="hero__slide-inner">
<app-feature-block class="feature-block"><a class="feature-block__inner" href="" aria-label="__label__3kz9b45jvooq56goqm3wua">
<div class="feature-block__image"><img class="feature-block__src" src="https://picsum.photos/1280/720" alt="feature block image" alt="__alt__uyw35yrhh637h0a1y6bt4" loading="lazy"></div>
<div class="feature-block__wrapper">
<div class="feature-block__content">
<div class="feature-block__title">Pet Assistance & Wellness Program (PAW)</div>
<p class="feature-block__description">Lorem ipsum dolor sit amet consectetur. Commodo nulla qu dolor sit amet consecteturi. Lorem ipsum dolor sit amet consectetur</p>
</div>
</div></a></app-feature-block>
</div>
</div>
<div class="hero__slide swiper-slide">
<div class="hero__slide-inner">
<app-feature-block class="feature-block"><a class="feature-block__inner" href="" aria-label="__label__3kz9b45jvooq56goqm3wua">
<div class="feature-block__image"><img class="feature-block__src" src="https://picsum.photos/1280/720" alt="feature block image" alt="__alt__uyw35yrhh637h0a1y6bt4" loading="lazy"></div>
<div class="feature-block__wrapper">
<div class="feature-block__content">
<div class="feature-block__title">Financial & Co-Pay Assistance</div>
<p class="feature-block__description">Lorem ipsum dolor sit amet consectetur. Commodo nulla qu dolor sit amet consecteturi.</p>
</div>
</div></a></app-feature-block>
</div>
</div>
<div class="hero__slide swiper-slide">
<div class="hero__slide-inner">
<app-feature-block class="feature-block"><a class="feature-block__inner" href="" aria-label="__label__3kz9b45jvooq56goqm3wua">
<div class="feature-block__image"><img class="feature-block__src" src="https://picsum.photos/1280/720" alt="feature block image" alt="__alt__uyw35yrhh637h0a1y6bt4" loading="lazy"></div>
<div class="feature-block__wrapper">
<div class="feature-block__content">
<div class="feature-block__title">Event Calendar</div>
<p class="feature-block__description">Lorem ipsum dolor sit amet consectetur. Commodo nulla qu dolor sit amet consecteturi.</p>
</div>
</div></a></app-feature-block>
</div>
</div>
<div class="hero__slide swiper-slide">
<div class="hero__slide-inner">
<app-feature-block class="feature-block"><a class="feature-block__inner" href="" aria-label="__label__3kz9b45jvooq56goqm3wua">
<div class="feature-block__image"><img class="feature-block__src" src="https://picsum.photos/1280/720" alt="feature block image" alt="__alt__uyw35yrhh637h0a1y6bt4" loading="lazy"></div>
<div class="feature-block__wrapper">
<div class="feature-block__content">
<div class="feature-block__title">Community Programs</div>
<p class="feature-block__description">Lorem ipsum dolor sit amet consectetur. Commodo nulla qu dolor sit amet consecteturi.</p>
</div>
</div></a></app-feature-block>
</div>
</div>
<div class="hero__slide swiper-slide">
<div class="hero__slide-inner">
<app-feature-block class="feature-block"><a class="feature-block__inner" href="" aria-label="__label__3kz9b45jvooq56goqm3wua">
<div class="feature-block__image"><img class="feature-block__src" src="https://picsum.photos/1280/720" alt="feature block image" alt="__alt__uyw35yrhh637h0a1y6bt4" loading="lazy"></div>
<div class="feature-block__wrapper">
<div class="feature-block__content">
<div class="feature-block__title">Pet Assistance & Wellness Program (PAW)</div>
<p class="feature-block__description">Lorem ipsum dolor sit amet consectetur. Commodo nulla qu dolor sit amet consecteturi.</p>
</div>
</div></a></app-feature-block>
</div>
</div>
<div class="hero__slide swiper-slide">
<div class="hero__slide-inner">
<app-feature-block class="feature-block"><a class="feature-block__inner" href="" aria-label="__label__3kz9b45jvooq56goqm3wua">
<div class="feature-block__image"><img class="feature-block__src" src="https://picsum.photos/1280/720" alt="feature block image" alt="__alt__uyw35yrhh637h0a1y6bt4" loading="lazy"></div>
<div class="feature-block__wrapper">
<div class="feature-block__content">
<div class="feature-block__title">Financial & Co-Pay Assistance</div>
<p class="feature-block__description">Lorem ipsum dolor sit amet consectetur. Commodo nulla qu dolor sit amet consecteturi.</p>
</div>
</div></a></app-feature-block>
</div>
</div>
<div class="hero__slide swiper-slide">
<div class="hero__slide-inner">
<app-feature-block class="feature-block"><a class="feature-block__inner" href="" aria-label="__label__3kz9b45jvooq56goqm3wua">
<div class="feature-block__image"><img class="feature-block__src" src="https://picsum.photos/1280/720" alt="feature block image" alt="__alt__uyw35yrhh637h0a1y6bt4" loading="lazy"></div>
<div class="feature-block__wrapper">
<div class="feature-block__content">
<div class="feature-block__title">Event Calendar</div>
<p class="feature-block__description">Lorem ipsum dolor sit amet consectetur. Commodo nulla qu dolor sit amet consecteturi.</p>
</div>
</div></a></app-feature-block>
</div>
</div>
<div class="hero__slide swiper-slide">
<div class="hero__slide-inner">
<app-feature-block class="feature-block"><a class="feature-block__inner" href="" aria-label="__label__3kz9b45jvooq56goqm3wua">
<div class="feature-block__image"><img class="feature-block__src" src="https://picsum.photos/1280/720" alt="feature block image" alt="__alt__uyw35yrhh637h0a1y6bt4" loading="lazy"></div>
<div class="feature-block__wrapper">
<div class="feature-block__content">
<div class="feature-block__title">Community Programs</div>
<p class="feature-block__description">Lorem ipsum dolor sit amet consectetur. Commodo nulla qu dolor sit amet consecteturi.</p>
</div>
</div></a></app-feature-block>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</app-hero>
Don’t face cancer alone.
We're here to help.
A cancer diagnosis turns a person’s world upside down - emotionally, physically and financially. CancerCare has been helping individuals for over 80 years face cancer with confidence.
Explore Cancer DiagnosisApp Link List
<app-link-list class="link-list">
<h2 class="link-list__title">Presented in Collaboration with:</h2>
<ul class="link-list__list">
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Association for Molecular Pathology</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Advanced Practitioner Society for Hematology and Oncology (APSHO)</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">American Cancer Society</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">American Psychosocial Oncology Society</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">American Society of Clinical Oncology</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Association of Clinicians for the Underserved</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Association of Oncology Social Work</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Cancer Legal Resource Center</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Cancer Patient Education Network</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Cancer Support Community</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Caregiver Action Network</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Intercultural Cancer Council</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Joe's House</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Latinas Contra Cancer</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">The LGBT Cancer Project</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">LIVESTRONG</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Multinational Association of Supportive Care in Cancer</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">National Association of Social Workers</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">National Comprehensive Cancer Network® (NCCN®) – NCCN Guidelines for Patients®</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">NeedyMeds P</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">revent Cancer Foundation</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Redes en Acción: The National Latino Cancer Research Network</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Research Advocacy Network</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Scott Hamilton CARES Foundation</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Triage Cancer</a></li>
<li class="link-list__item"><a class="link-list__link" href="" aria-label="__label__ibkvt36na9ekr4d04qzhrh">Vital Options International</a></li>
</ul>
</app-link-list>
Presented in Collaboration with:
- Association for Molecular Pathology
- Advanced Practitioner Society for Hematology and Oncology (APSHO)
- American Cancer Society
- American Psychosocial Oncology Society
- American Society of Clinical Oncology
- Association of Clinicians for the Underserved
- Association of Oncology Social Work
- Cancer Legal Resource Center
- Cancer Patient Education Network
- Cancer Support Community
- Caregiver Action Network
- Intercultural Cancer Council
- Joe's House
- Latinas Contra Cancer
- The LGBT Cancer Project
- LIVESTRONG
- Multinational Association of Supportive Care in Cancer
- National Association of Social Workers
- National Comprehensive Cancer Network® (NCCN®) – NCCN Guidelines for Patients®
- NeedyMeds P
- revent Cancer Foundation
- Redes en Acción: The National Latino Cancer Research Network
- Research Advocacy Network
- Scott Hamilton CARES Foundation
- Triage Cancer
- Vital Options International
App List
<app-list class="list">
<div class="list__items">
<app-list-item class="list-item" data-filter-id="online">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Breast Cancer Patient Support Group</a></h3>
<div class="list-item__description">Our breast cancer patient support group provides a safe space to connect with others coping with breast cancer and is led by an oncology social worker who provides emotional and practical support.</div>
</div>
</app-list-item>
<app-list-item class="list-item" data-filter-id="in-person">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Velit officia mollit et voluptate esse est irure Fugiat Lorem anim aute labore</a></h3>
<div class="list-item__description">Commodo nisi id et culpa ipsum. Fugiat aliqua consequat ea occaecat cupidatat non proident occaecat irure consequat sit. Tempor esse voluptate culpa laboris deserunt dolore aliquip non anim exercitation adipisicing veniam. Esse nisi pariatur eiusmod mollit. In sunt velit ex ad aliquip duis ipsum id adipisicing est reprehenderit. Ad sunt aute consectetur eiusmod veniam cupidatat ea veniam.</div>
</div>
<div class="list-item__new">New</div>
</app-list-item>
<app-list-item class="list-item" data-filter-id="online">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Breast Cancer Post-Treatment Survivorship Support Group</a></h3>
<div class="list-item__description">Our breast cancer post-treatment survivorship support group provides a safe space to connect with others who have completed treatment and is led by an oncology social worker who provides emotional and practical support.</div>
</div>
<div class="list-item__new">New</div>
</app-list-item>
<app-list-item class="list-item" data-filter-id="online">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Metastatic Breast Cancer Patient Support Group</a></h3>
<div class="list-item__description">Our metastatic breast cancer patient support group provides a safe space to connect with others coping with metastatic breast cancer and is led by an oncology social worker who provides emotional and practical support.</div>
</div>
</app-list-item>
<app-list-item class="list-item" data-filter-id="online">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Triple Negative Breast Cancer Caregiver Support Group</a></h3>
<div class="list-item__description">Our triple negative breast cancer caregiver support group provides a safe space to connect with others caring for loved one with a triple negative breast cancer. This group is led by an oncology social worker who provides emotional and practical support.</div>
</div>
<div class="list-item__new">New</div>
</app-list-item>
<app-list-item class="list-item" data-filter-id="in-person">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Ipsum irure irure qui officia exercitation Cupidatat qui est laborum magna non quis cillum laboris fugiat nostrud sunt proident culpa fugiat</a></h3>
</div>
<div class="list-item__new">New</div>
</app-list-item>
<app-list-item class="list-item" data-filter-id="online">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Triple Negative Breast Cancer Patient Support Group</a></h3>
<div class="list-item__description">Our triple negative breast cancer patient support group provides a safe space to connect with others coping with triple negative breast cancer and is led by an oncology social worker who provides emotional and practical support.</div>
</div>
</app-list-item>
<app-list-item class="list-item" data-filter-id="in-person">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Ex voluptate est cupidatat veniam magna est Lorem veniam culpa do voluptate elit reprehenderit Deserunt nisi ut amet commodo</a></h3>
<div class="list-item__description">Et ea Lorem amet anim nulla cillum ullamco nostrud adipisicing officia incididunt in excepteur. Dolor officia aliquip consequat aliquip sit non consequat irure eiusmod laboris anim. Consequat Lorem aute labore pariatur esse aliqua exercitation commodo id. Culpa occaecat qui irure duis eiusmod laborum ut ex ea exercitation qui. Reprehenderit ad ad ea et ea est id voluptate ad non. Sunt ea deserunt magna nisi mollit amet cupidatat ea ad excepteur culpa duis tempor commodo. Aliqua et sunt ullamco eiusmod officia culpa sunt occaecat ad excepteur labore in minim consequat.</div>
</div>
</app-list-item>
<app-list-item class="list-item" data-filter-id="in-person">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Culpa deserunt exercitation reprehenderit duis do Pariatur anim non esse ullamco</a></h3>
<div class="list-item__description">Id est irure consequat deserunt anim. Et incididunt enim officia proident ipsum ipsum tempor in voluptate cillum. Pariatur consectetur id sit cillum tempor. Adipisicing ea ea commodo consequat. Aute aliqua ea duis eiusmod. Deserunt voluptate ipsum eiusmod laborum labore anim mollit quis ipsum Lorem voluptate irure. Id occaecat laborum est enim enim laboris occaecat elit cupidatat occaecat elit.</div>
</div>
</app-list-item>
<app-list-item class="list-item" data-filter-id="in-person">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Duis magna duis tempor labore Eu anim dolore ad ad</a></h3>
<div class="list-item__description">Veniam id quis commodo incididunt. Tempor ipsum culpa do officia mollit non irure tempor. Et est culpa aliquip reprehenderit minim commodo proident non cillum ad aliquip incididunt dolore duis.</div>
</div>
</app-list-item>
</div>
<div class="list__footer"> <a class="list__show-more btn btn--more" href aria-label="__label__9v35idea7tgznkyh9zds2">Show More</a></div>
</app-list>
Breast Cancer Patient Support Group
Velit officia mollit et voluptate esse est irure Fugiat Lorem anim aute labore
Breast Cancer Post-Treatment Survivorship Support Group
Metastatic Breast Cancer Patient Support Group
Triple Negative Breast Cancer Caregiver Support Group
Triple Negative Breast Cancer Patient Support Group
Ex voluptate est cupidatat veniam magna est Lorem veniam culpa do voluptate elit reprehenderit Deserunt nisi ut amet commodo
Culpa deserunt exercitation reprehenderit duis do Pariatur anim non esse ullamco
Duis magna duis tempor labore Eu anim dolore ad ad
<app-list class="list">
<div class="list__filters">
<label class="list__filter">Online
<input class="list__filter-control" type="radio" value="online">
</label>
<label class="list__filter">In-Person
<input class="list__filter-control" type="radio" value="in-person">
</label>
<label class="list__filter">Empty
<input class="list__filter-control" type="radio" value="empty">
</label>
</div>
<div class="list__items">
<app-list-item class="list-item" data-filter-id="online">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Breast Cancer Patient Support Group</a></h3>
<div class="list-item__description">Our breast cancer patient support group provides a safe space to connect with others coping with breast cancer and is led by an oncology social worker who provides emotional and practical support.</div>
</div>
</app-list-item>
<app-list-item class="list-item hidden" data-filter-id="in-person">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Velit officia mollit et voluptate esse est irure Fugiat Lorem anim aute labore</a></h3>
<div class="list-item__description">Commodo nisi id et culpa ipsum. Fugiat aliqua consequat ea occaecat cupidatat non proident occaecat irure consequat sit. Tempor esse voluptate culpa laboris deserunt dolore aliquip non anim exercitation adipisicing veniam. Esse nisi pariatur eiusmod mollit. In sunt velit ex ad aliquip duis ipsum id adipisicing est reprehenderit. Ad sunt aute consectetur eiusmod veniam cupidatat ea veniam.</div>
</div>
<div class="list-item__new">New</div>
</app-list-item>
<app-list-item class="list-item" data-filter-id="online">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Breast Cancer Post-Treatment Survivorship Support Group</a></h3>
<div class="list-item__description">Our breast cancer post-treatment survivorship support group provides a safe space to connect with others who have completed treatment and is led by an oncology social worker who provides emotional and practical support.</div>
</div>
<div class="list-item__new">New</div>
</app-list-item>
<app-list-item class="list-item" data-filter-id="online">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Metastatic Breast Cancer Patient Support Group</a></h3>
<div class="list-item__description">Our metastatic breast cancer patient support group provides a safe space to connect with others coping with metastatic breast cancer and is led by an oncology social worker who provides emotional and practical support.</div>
</div>
</app-list-item>
<app-list-item class="list-item" data-filter-id="online">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Triple Negative Breast Cancer Caregiver Support Group</a></h3>
<div class="list-item__description">Our triple negative breast cancer caregiver support group provides a safe space to connect with others caring for loved one with a triple negative breast cancer. This group is led by an oncology social worker who provides emotional and practical support.</div>
</div>
<div class="list-item__new">New</div>
</app-list-item>
<app-list-item class="list-item hidden" data-filter-id="in-person">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Ipsum irure irure qui officia exercitation Cupidatat qui est laborum magna non quis cillum laboris fugiat nostrud sunt proident culpa fugiat</a></h3>
</div>
<div class="list-item__new">New</div>
</app-list-item>
<app-list-item class="list-item" data-filter-id="online">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Triple Negative Breast Cancer Patient Support Group</a></h3>
<div class="list-item__description">Our triple negative breast cancer patient support group provides a safe space to connect with others coping with triple negative breast cancer and is led by an oncology social worker who provides emotional and practical support.</div>
</div>
</app-list-item>
<app-list-item class="list-item hidden" data-filter-id="in-person">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Ex voluptate est cupidatat veniam magna est Lorem veniam culpa do voluptate elit reprehenderit Deserunt nisi ut amet commodo</a></h3>
<div class="list-item__description">Et ea Lorem amet anim nulla cillum ullamco nostrud adipisicing officia incididunt in excepteur. Dolor officia aliquip consequat aliquip sit non consequat irure eiusmod laboris anim. Consequat Lorem aute labore pariatur esse aliqua exercitation commodo id. Culpa occaecat qui irure duis eiusmod laborum ut ex ea exercitation qui. Reprehenderit ad ad ea et ea est id voluptate ad non. Sunt ea deserunt magna nisi mollit amet cupidatat ea ad excepteur culpa duis tempor commodo. Aliqua et sunt ullamco eiusmod officia culpa sunt occaecat ad excepteur labore in minim consequat.</div>
</div>
</app-list-item>
<app-list-item class="list-item hidden" data-filter-id="in-person">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Culpa deserunt exercitation reprehenderit duis do Pariatur anim non esse ullamco</a></h3>
<div class="list-item__description">Id est irure consequat deserunt anim. Et incididunt enim officia proident ipsum ipsum tempor in voluptate cillum. Pariatur consectetur id sit cillum tempor. Adipisicing ea ea commodo consequat. Aute aliqua ea duis eiusmod. Deserunt voluptate ipsum eiusmod laborum labore anim mollit quis ipsum Lorem voluptate irure. Id occaecat laborum est enim enim laboris occaecat elit cupidatat occaecat elit.</div>
</div>
</app-list-item>
<app-list-item class="list-item hidden" data-filter-id="in-person">
<div class="list-item__main">
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__0ax9ignp241gd9kgelsl0c">Duis magna duis tempor labore Eu anim dolore ad ad</a></h3>
<div class="list-item__description">Veniam id quis commodo incididunt. Tempor ipsum culpa do officia mollit non irure tempor. Et est culpa aliquip reprehenderit minim commodo proident non cillum ad aliquip incididunt dolore duis.</div>
</div>
</app-list-item>
</div>
</app-list>
Breast Cancer Patient Support Group
Breast Cancer Post-Treatment Survivorship Support Group
Metastatic Breast Cancer Patient Support Group
Triple Negative Breast Cancer Caregiver Support Group
Triple Negative Breast Cancer Patient Support Group
App List Item
<app-list-item class="list-item" data-filter-id="online">
<div class="list-item__main">
<time class="list-item__date" datetime="2024-09-03">September 03, 2024</time>
<h3 class="list-item__title"><a class="list-item__title-link" href="" aria-label="__label__sc92u1av7zcdm85yf6sfd4">Treatment Update: Breast Cancer With Highlights From the 2021 San Antonio Breast Cancer Symposium</a></h3>
<div class="list-item__description">In this updated booklet, we talk about current available breast cancer treatments and new medicines in development. We also describe how to cope with possible treatment side effects and how to communicate most effectively with your health care team.</div><a class="list-item__resource" href="" aria-label="__label__9nngraxd30h0xnr88mea6vh">Connect Booklet</a>
</div>
<div class="list-item__new">New</div>
</app-list-item>
Treatment Update: Breast Cancer With Highlights From the 2021 San Antonio Breast Cancer Symposium
App Metrics Block
<app-metrics-block class="metrics-block">
<h3 class="metrics-block__title">52,346</h3>
<p class="metrics-block__description">Hours of support through Hopeline, counseling, support groups, community programs, & more.</p>
</app-metrics-block>
52,346
Hours of support through Hopeline, counseling, support groups, community programs, & more.
App Pagination
<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__h9llus322diun0a86kxc3h"><span>NEXT</span></a>
</app-pagination>
<div 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><span class="pagination__ellipsis"></span><a class="pagination__number" href="#" aria-label="__label__i4g4xhe9gohue957b635m">14</a>
</div><a class="pagination__next" href="#" aria-label="__label__xclh3675ee4pkma9rui5y"><span>NEXT</span></a>
</div>
<div class="pagination"><a class="pagination__prev" href="#" aria-label="__label__rdgzwjyp5hg8zhj800t2bv"><span>PREV</span></a>
<div class="pagination__number-container"><a class="pagination__number" href="#" aria-label="__label__nxwt5c9fgwmqcuz0gf77kn">1</a><span class="pagination__ellipsis"></span><a class="pagination__number" href="#" aria-label="__label__d7s0pvh66vtbprygqfdjws">6</a><span class="pagination__number pagination__number--active">7</span><a class="pagination__number" href="#" aria-label="__label__lxn45pz5chj08qfsxc7x9">8</a><span class="pagination__ellipsis"></span><a class="pagination__number" href="#" aria-label="__label__qvudgas3hjpasdje3dzlgl">14</a></div><a class="pagination__next" href="#" aria-label="__label__t8ts70fw2qiblace1h6w8"><span>NEXT</span></a>
</div>
App Person List
<app-person-list class="person-list">
<div class="person-list__header">
<div class="person-list__title">Our Panel of Experts </div>
</div>
<div class="person-list__people">
<div class="person-list__item"><img class="person-list__image" src="https://placebear.com/267/344" alt="__alt__gciiajd99muq1ovb7e5908" loading="lazy">
<div class="person-list__name">Ruby Marie Woods, DDs, PhD, FUBU, MD, JD, Esq.</div>
<p class="person-list__details">Former Clinical Protocol Administration Manager, Office of Cancer Survivorship, The University of Texas MD Anderson Cancer Center, Author & Researcher in Caregiving, Health Care Disparities & Survivorship, President of Calendars, Senior Boardperson
</p>
</div>
<div class="person-list__item"><img class="person-list__image" src="https://placebear.com/277/394" alt="__alt__gciiajd99muq1ovb7e5908" loading="lazy">
<div class="person-list__name">John Doe Smith</div>
<p class="person-list__details">Former Clinical Protocol Administration Manager, Health Care Disparities & Survivorship, Junior In-Charge Boy, Junior Boardperson
</p>
</div>
<div class="person-list__item"><img class="person-list__image" src="https://placebear.com/270/385" alt="__alt__gciiajd99muq1ovb7e5908" loading="lazy">
<div class="person-list__name">Neena Kapoor-Hintzen, PhD, RN, AOCN, FAAN</div>
<p class="person-list__details">Supportive Care Nurse Practitioner, Advanced Practice Provider Manager, Supportive Care, Geriatric Oncology and Integrative Medicine Memorial Sloan Kettering Cancer Center, Accountant, CEO
</p>
</div>
<div class="person-list__item"><img class="person-list__image" src="https://placebear.com/266/379" alt="__alt__gciiajd99muq1ovb7e5908" loading="lazy">
<div class="person-list__name">Dina Alexandria Smithington</div>
<p class="person-list__details">Caregiver Program Coordinator, CancerCare, Person
</p>
</div>
<div class="person-list__item"><img class="person-list__image" src="https://placebear.com/276/384" alt="__alt__gciiajd99muq1ovb7e5908" loading="lazy">
<div class="person-list__name">Steve Perry</div>
<p class="person-list__details">Sing Man Voicer, Microphone Jockey, Singer
</p>
</div>
</div>
</app-person-list>
Former Clinical Protocol Administration Manager, Office of Cancer Survivorship, The University of Texas MD Anderson Cancer Center, Author & Researcher in Caregiving, Health Care Disparities & Survivorship, President of Calendars, Senior Boardperson
Former Clinical Protocol Administration Manager, Health Care Disparities & Survivorship, Junior In-Charge Boy, Junior Boardperson
Supportive Care Nurse Practitioner, Advanced Practice Provider Manager, Supportive Care, Geriatric Oncology and Integrative Medicine Memorial Sloan Kettering Cancer Center, Accountant, CEO
Caregiver Program Coordinator, CancerCare, Person
Sing Man Voicer, Microphone Jockey, Singer
App Search List
<app-search-list class="search-list" data-variable="ListingPageData">
<script>
window.CancerCare = window.CancerCare ?? {};
window.CancerCare.ListingPageData = "[{"title":"Acute lymphoblastic leukemia","url":"test","group":"A"},{"title":"Acute myeloid leukemia","url":"","group":"A"},{"title":"Adrenal cancer","url":"","group":"A"},{"title":"Basal cell carcinoma","url":"","group":"B"},{"title":"Bladder cancer","url":"","group":"B"},{"title":"Bone cancer","url":"","group":"B"},{"title":"Brain tumor","url":"","group":"B"},{"title":"Breast cancer","url":"","group":"B"},{"title":"Cervical cancer","url":"","group":"C"},{"title":"Colon cancer","url":"","group":"C"},{"title":"Colorectal cancer","url":"","group":"C"},{"title":"Chronic lymphocytic leukemia","url":"","group":"C"},{"title":"Ductal carcinoma in situ","url":"","group":"D"},{"title":"Endometrial cancer","url":"","group":"E"},{"title":"Esophageal cancer","url":"","group":"E"},{"title":"Fallopian tube cancer","url":"","group":"F"},{"title":"Follicular lymphoma","url":"","group":"F"},{"title":"Gallbladder cancer","url":"","group":"G"},{"title":"Gastric cancer","url":"","group":"G"},{"title":"Gastrointestinal stromal tumor","url":"","group":"G"},{"title":"Glioblastoma","url":"","group":"G"},{"title":"Glioma","url":"","group":"G"},{"title":"Head and neck cancer","url":"","group":"H"},{"title":"Hodgkin lymphoma","url":"","group":"H"},{"title":"Kidney cancer","url":"","group":"K"},{"title":"Laryngeal cancer","url":"","group":"L"},{"title":"Leukemia","url":"","group":"L"},{"title":"Liver cancer","url":"","group":"L"},{"title":"Lung cancer","url":"","group":"L"},{"title":"Lymphoma","url":"","group":"L"},{"title":"Malignant mesothelioma","url":"","group":"M"},{"title":"Melanoma","url":"","group":"M"},{"title":"Multiple myeloma","url":"","group":"M"},{"title":"Myelodysplastic syndromes","url":"","group":"M"},{"title":"Myeloproliferative neoplasms","url":"","group":"M"},{"title":"Nasopharyngeal cancer","url":"","group":"N"},{"title":"Neuroblastoma","url":"","group":"N"},{"title":"Non-Hodgkin lymphoma","url":"","group":"N"},{"title":"Oral cancer","url":"","group":"O"},{"title":"Ovarian cancer","url":"","group":"O"},{"title":"Pancreatic cancer","url":"","group":"P"},{"title":"Parathyroid cancer","url":"","group":"P"},{"title":"Penile cancer","url":"","group":"P"},{"title":"Pituitary tumor","url":"","group":"P"},{"title":"Prostate cancer","url":"","group":"P"},{"title":"Rectal cancer","url":"","group":"R"},{"title":"Renal cell carcinoma","url":"","group":"R"},{"title":"Retinoblastoma","url":"","group":"R"},{"title":"Salivary gland cancer","url":"","group":"S"},{"title":"Sarcoma","url":"","group":"S"},{"title":"Skin cancer","url":"","group":"S"},{"title":"Small intestine cancer","url":"","group":"S"},{"title":"Soft tissue sarcoma","url":"","group":"S"},{"title":"Squamous cell carcinoma","url":"","group":"S"},{"title":"Testicular cancer","url":"","group":"T"},{"title":"Thymoma","url":"","group":"T"},{"title":"Thyroid cancer","url":"","group":"T"},{"title":"Tracheal cancer","url":"","group":"T"},{"title":"Uterine cancer","url":"","group":"U"},{"title":"Vaginal cancer","url":"","group":"V"},{"title":"Vulvar cancer","url":"","group":"V"},{"title":"Waldenstrom macroglobulinemia","url":"","group":"W"}]"
// window.CancerCare.ListingPageData = [{"group":"D","title":"Diagnosis1","url":"/diagnoses/diagnosis-1"},{"group":"D","title":"Diagnosis2","url":"/diagnoses/diag-2"}];
</script>
<div class="search-list__overview">
<h2 class="search-list__title">Search for Cancer Diagnosis</h2>
<label class="search-list__description">Lorem ipsum dolor sit amet consectetur. Dolor sit amet conse</label>
<div class="search-list__search">
<div class="search-list__search-icon glyph-search" aria-label="Search button" type="button"></div>
<input class="search-list__search-input" type="search" name="query" placeholder="Search" aria-label="Search">
</div>
</div>
<div class="search-list__filters">
<label class="search-list__description">Find cancer diagnosis by first letter</label>
<div class="search-list__pills"></div>
</div>
<div class="search-list__results"></div>
</app-search-list>
Search for Cancer Diagnosis
App Section Header
<app-section-header class="section-header section-header--flair">
<h3 class="section-header__title">You're <span>not alone</span> in your cancer diagnosis</h3>
<div class="section-header__copy"><p>Lorem ipsum dolor sit amet consectetur. A dictum rutrum commodo aenean risus leo sed nulla ultricies. Lobortis vel etiam ullamcorper mauris ac nibh fusce. Sollicitudin dui aliquet platea ac suspendisse neque. Ultrices nulla nunc enim quis nisl id id pellentesque. Viverra.</p></div>
</app-section-header>
You're not alone in your cancer diagnosis
Lorem ipsum dolor sit amet consectetur. A dictum rutrum commodo aenean risus leo sed nulla ultricies. Lobortis vel etiam ullamcorper mauris ac nibh fusce. Sollicitudin dui aliquet platea ac suspendisse neque. Ultrices nulla nunc enim quis nisl id id pellentesque. Viverra.
<app-section-header class="section-header section-header--left section-header--flair">
<h3 class="section-header__title">You're <span>not alone</span> in your cancer diagnosis</h3>
<div class="section-header__copy"><p>Lorem ipsum dolor sit amet consectetur. A dictum rutrum commodo aenean risus leo sed nulla ultricies. Lobortis vel etiam ullamcorper mauris ac nibh fusce. Sollicitudin dui aliquet platea ac suspendisse neque. Ultrices nulla nunc enim quis nisl id id pellentesque. Viverra.</p></div>
</app-section-header>
You're not alone in your cancer diagnosis
Lorem ipsum dolor sit amet consectetur. A dictum rutrum commodo aenean risus leo sed nulla ultricies. Lobortis vel etiam ullamcorper mauris ac nibh fusce. Sollicitudin dui aliquet platea ac suspendisse neque. Ultrices nulla nunc enim quis nisl id id pellentesque. Viverra.
<app-section-header class="section-header section-header--right section-header--flair">
<h3 class="section-header__title">You're <span>not alone</span> in your cancer diagnosis</h3>
<div class="section-header__copy"><p>Lorem ipsum dolor sit amet consectetur. A dictum rutrum commodo aenean risus leo sed nulla ultricies. Lobortis vel etiam ullamcorper mauris ac nibh fusce. Sollicitudin dui aliquet platea ac suspendisse neque. Ultrices nulla nunc enim quis nisl id id pellentesque. Viverra.</p></div>
</app-section-header>
You're not alone in your cancer diagnosis
Lorem ipsum dolor sit amet consectetur. A dictum rutrum commodo aenean risus leo sed nulla ultricies. Lobortis vel etiam ullamcorper mauris ac nibh fusce. Sollicitudin dui aliquet platea ac suspendisse neque. Ultrices nulla nunc enim quis nisl id id pellentesque. Viverra.
<app-section-header class="section-header section-header--left section-header--flair section-header--unbound">
<h3 class="section-header__title">You're <span>not alone</span> in your cancer diagnosis</h3>
<div class="section-header__copy"><p>Lorem ipsum dolor sit amet consectetur. A dictum rutrum commodo aenean risus leo sed nulla ultricies. Lobortis vel etiam ullamcorper mauris ac nibh fusce. Sollicitudin dui aliquet platea ac suspendisse neque. Ultrices nulla nunc enim quis nisl id id pellentesque. Viverra.</p></div>
</app-section-header>
You're not alone in your cancer diagnosis
Lorem ipsum dolor sit amet consectetur. A dictum rutrum commodo aenean risus leo sed nulla ultricies. Lobortis vel etiam ullamcorper mauris ac nibh fusce. Sollicitudin dui aliquet platea ac suspendisse neque. Ultrices nulla nunc enim quis nisl id id pellentesque. Viverra.
App Sticky Cta
<app-sticky-cta class="sticky-cta" style="display: none;">
<div class="sticky-cta__inner">
<div class="sticky-cta__content">Page Title Goes Here Lorem Ipsum Dolor Sit Amet</div><a class="sticky-cta__cta btn" href="" aria-label="__label__jc0sukazwwd9dg0xy1z8oe">Register Now</a>
</div>
</app-sticky-cta>
App Story List
<app-story-list class="story-list">
<div class="story-list__segment"><a class="story-list__item" href="#" aria-label="__label__d40j9wyqdkq42mnt0gh1c">
<div class="story-list__image"><img class="story-list__src" src="https://picsum.photos/1280/720" alt="__alt__en5buuvq2nn37fnoum52ud" loading="lazy"></div>
<div class="story-list__content">
<h2 class="story-list__name">Nolan D.</h2>
<p class="story-list__tag">Acute Lymphoblastic Leukemia</p>
</div>
<p class="story-list__description">The social worker who moderates our group is great about keeping the conversation going and really pinpointing things people say that they might not realize they said</p>
<div class="story-list__cta">
<div class="story-list__icon"></div>
</div></a></div>
<div class="story-list__segment"><a class="story-list__item" href="#" aria-label="__label__d40j9wyqdkq42mnt0gh1c">
<div class="story-list__image"><img class="story-list__src" src="https://picsum.photos/1280/720" alt="__alt__en5buuvq2nn37fnoum52ud" loading="lazy"></div>
<div class="story-list__content">
<h2 class="story-list__name">Ashley V.</h2>
<p class="story-list__tag">Acute Myeloid Leukemia</p>
</div>
<p class="story-list__description">I am so grateful for the experience I had with CancerCare and their support groups and I really am not sure if I would feel as strong as I feel today without that experience</p>
<div class="story-list__cta">
<div class="story-list__icon"></div>
</div></a></div>
<div class="story-list__segment"><a class="story-list__item" href="#" aria-label="__label__d40j9wyqdkq42mnt0gh1c">
<div class="story-list__image"><img class="story-list__src" src="https://picsum.photos/1280/720" alt="__alt__en5buuvq2nn37fnoum52ud" loading="lazy"></div>
<div class="story-list__content">
<h2 class="story-list__name">Luisa L.</h2>
<p class="story-list__tag">Acute Myeloid Leukemia</p>
</div>
<p class="story-list__description">Talking through life after cancer with a group of people going through the same thing was hugely helpful. It didn’t make the problems go away, but it was a relief to know we weren’t alone in our experiences </p>
<div class="story-list__cta">
<div class="story-list__icon"></div>
</div></a></div>
<div class="story-list__segment"><a class="story-list__item" href="#" aria-label="__label__d40j9wyqdkq42mnt0gh1c">
<div class="story-list__image"><img class="story-list__src" src="https://picsum.photos/1280/720" alt="__alt__en5buuvq2nn37fnoum52ud" loading="lazy"></div>
<div class="story-list__content">
<h2 class="story-list__name">Veronica F.</h2>
<p class="story-list__tag">Breast Cancer</p>
</div>
<p class="story-list__description">CancerCare has helped me build my foundation from start to finish, to show me who I can be before and after cancer. They gave me an outlet of encouragement</p>
<div class="story-list__cta">
<div class="story-list__icon"></div>
</div></a></div>
<div class="story-list__segment"><a class="story-list__item" href="#" aria-label="__label__d40j9wyqdkq42mnt0gh1c">
<div class="story-list__image"><img class="story-list__src" src="https://picsum.photos/1280/720" alt="__alt__en5buuvq2nn37fnoum52ud" loading="lazy"></div>
<div class="story-list__content">
<h2 class="story-list__name">Jessica E.</h2>
<p class="story-list__tag">Colorectal Cancer</p>
</div>
<p class="story-list__description">I reached out and thank goodness I was able to get a wonderful therapist who I met with on a monthly basis, going over support and coping skills within that therapy</p>
<div class="story-list__cta">
<div class="story-list__icon"></div>
</div></a></div>
<div class="story-list__segment">
<app-feature-block class="feature-block feature-block--plain"><a class="feature-block__inner" href="" aria-label="__label__798afwkg1za5f8r8hrji8m">
<div class="feature-block__wrapper">
<div class="feature-block__content">
<p class="feature-block__description">Explore more inspiring stories from our CancerCare community.</p>
</div>
<div class="feature-block__action">
<label>Continue Exploring Stories</label>
<div class="feature-block__icon"></div>
</div>
</div></a></app-feature-block>
</div>
</app-story-list>
<app-story-list class="story-list story-list--stacked">
<div class="story-list__segment"><a class="story-list__item" href="#" aria-label="__label__sdam75vncjf5wxvuquvjnk">
<div class="story-list__image"><img class="story-list__src" src="https://picsum.photos/1280/720" alt="__alt__hbtgz0hzihgupr0lfxuksg" loading="lazy"></div>
<div class="story-list__content">
<h2 class="story-list__name">Nolan D.</h2>
<p class="story-list__tag">Acute Lymphoblastic Leukemia</p>
</div>
<p class="story-list__description">The social worker who moderates our group is great about keeping the conversation going and really pinpointing things people say that they might not realize they said</p>
<div class="story-list__cta">
<div class="story-list__icon"></div>
</div></a></div>
<div class="story-list__segment"><a class="story-list__item" href="#" aria-label="__label__sdam75vncjf5wxvuquvjnk">
<div class="story-list__image"><img class="story-list__src" src="https://picsum.photos/1280/720" alt="__alt__hbtgz0hzihgupr0lfxuksg" loading="lazy"></div>
<div class="story-list__content">
<h2 class="story-list__name">Ashley V.</h2>
<p class="story-list__tag">Acute Myeloid Leukemia</p>
</div>
<p class="story-list__description">I am so grateful for the experience I had with CancerCare and their support groups and I really am not sure if I would feel as strong as I feel today without that experience</p>
<div class="story-list__cta">
<div class="story-list__icon"></div>
</div></a></div>
<div class="story-list__segment"><a class="story-list__item" href="#" aria-label="__label__sdam75vncjf5wxvuquvjnk">
<div class="story-list__image"><img class="story-list__src" src="https://picsum.photos/1280/720" alt="__alt__hbtgz0hzihgupr0lfxuksg" loading="lazy"></div>
<div class="story-list__content">
<h2 class="story-list__name">Luisa L.</h2>
<p class="story-list__tag">Acute Myeloid Leukemia</p>
</div>
<p class="story-list__description">Talking through life after cancer with a group of people going through the same thing was hugely helpful. It didn’t make the problems go away, but it was a relief to know we weren’t alone in our experiences </p>
<div class="story-list__cta">
<div class="story-list__icon"></div>
</div></a></div>
<div class="story-list__segment"><a class="story-list__item" href="#" aria-label="__label__sdam75vncjf5wxvuquvjnk">
<div class="story-list__image"><img class="story-list__src" src="https://picsum.photos/1280/720" alt="__alt__hbtgz0hzihgupr0lfxuksg" loading="lazy"></div>
<div class="story-list__content">
<h2 class="story-list__name">Veronica F.</h2>
<p class="story-list__tag">Breast Cancer</p>
</div>
<p class="story-list__description">CancerCare has helped me build my foundation from start to finish, to show me who I can be before and after cancer. They gave me an outlet of encouragement</p>
<div class="story-list__cta">
<div class="story-list__icon"></div>
</div></a></div>
<div class="story-list__segment"><a class="story-list__item" href="#" aria-label="__label__sdam75vncjf5wxvuquvjnk">
<div class="story-list__image"><img class="story-list__src" src="https://picsum.photos/1280/720" alt="__alt__hbtgz0hzihgupr0lfxuksg" loading="lazy"></div>
<div class="story-list__content">
<h2 class="story-list__name">Jessica E.</h2>
<p class="story-list__tag">Colorectal Cancer</p>
</div>
<p class="story-list__description">I reached out and thank goodness I was able to get a wonderful therapist who I met with on a monthly basis, going over support and coping skills within that therapy</p>
<div class="story-list__cta">
<div class="story-list__icon"></div>
</div></a></div>
<div class="story-list__segment"><a class="btn btn--more story-list__more" aria-label="__label__vro0rp5np2ytqe6d73m7">Show More </a></div>
</app-story-list>
App Tag List
<app-tag-list class="tag-list">
<div class="tag-list__title">Related Categories </div>
<ul class="tag-list__tags">
<li class="tag-list__tag"><a class="tag-list__link" href="" aria-label="__label__7tda48rbuw3dyyv9ymlh76">Lung Cancer</a></li>
<li class="tag-list__tag"><a class="tag-list__link" href="" aria-label="__label__7tda48rbuw3dyyv9ymlh76">Caregiving</a></li>
<li class="tag-list__tag"><a class="tag-list__link" href="" aria-label="__label__7tda48rbuw3dyyv9ymlh76">Health Care Disparities</a></li>
<li class="tag-list__tag"><a class="tag-list__link" href="" aria-label="__label__7tda48rbuw3dyyv9ymlh76">Survivorship</a></li>
<li class="tag-list__tag"><a class="tag-list__link" href="" aria-label="__label__7tda48rbuw3dyyv9ymlh76">Supportive Care</a></li>
<li class="tag-list__tag"><a class="tag-list__link" href="" aria-label="__label__7tda48rbuw3dyyv9ymlh76">Geriatric Oncology</a></li>
<li class="tag-list__tag"><a class="tag-list__link" href="" aria-label="__label__7tda48rbuw3dyyv9ymlh76">Integrative Medicine</a></li>
<li class="tag-list__tag"><a class="tag-list__link" href="" aria-label="__label__7tda48rbuw3dyyv9ymlh76">Caregiver Program</a></li>
</ul>
</app-tag-list>
App Title
<app-title class="title">
<div class="title__inner">
<div class="title__content">
<p class="title__eyebrow">Cancer Diagnosis</p>
<p class="title__header">Breast Cancer</p>
<p class="title__description">CancerCare Provides free, professional support services for people affected by breast cancer, as well as breast cancer information and additional resources.</p>
</div>
<div class="title__media">
<div class="title__image"><img class="title__src" src="https://picsum.photos/1200/900" alt="title image" alt="__alt__zgvnze815gkqwz2svw2mi" loading="lazy"></div>
</div>
</div>
</app-title>
Cancer Diagnosis
Breast Cancer
CancerCare Provides free, professional support services for people affected by breast cancer, as well as breast cancer information and additional resources.
<app-title class="title">
<div class="title__inner">
<div class="title__content">
<p class="title__eyebrow">Cancer Diagnosis & Topics</p>
<p class="title__header">Cancer Diagnosis</p>
<p class="title__description">CancerCare Provides free, professional support services for people affected by breast cancer, as well as breast cancer information and additional resources.</p>
</div>
<div class="title__media">
<iframe class="title__video" src="https://www.youtube.com/embed/jnRMx3e1pAI?si=HnGgQ9kCMcEfaT-Y" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</div>
</app-title>
Cancer Diagnosis & Topics
Cancer Diagnosis
CancerCare Provides free, professional support services for people affected by breast cancer, as well as breast cancer information and additional resources.
<app-title class="title title--simple">
<div class="title__inner">
<div class="title__content">
<p class="title__eyebrow">Cancer Diagnosis & Topics</p>
<p class="title__header">Cancer Diagnosis</p>
</div>
</div>
</app-title>
Cancer Diagnosis & Topics
Cancer Diagnosis
App Video List
<app-video-list class="video-list">
<div class="video-list__items">
<div class="video-list__item" aria-hidden="false">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="eager" aria-labelledby="unique-video-title-id-1-514" aria-describedby="unique-video-description-id-1-514"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-1-514"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-1-514">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item" aria-hidden="false">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="eager" aria-labelledby="unique-video-title-id-2-366" aria-describedby="unique-video-description-id-2-366"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-2-366"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-2-366">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item" aria-hidden="false">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="eager" aria-labelledby="unique-video-title-id-3-957" aria-describedby="unique-video-description-id-3-957"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-3-957"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-3-957">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item" aria-hidden="false">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="eager" aria-labelledby="unique-video-title-id-4-655" aria-describedby="unique-video-description-id-4-655"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-4-655"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-4-655">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item" aria-hidden="false">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="eager" aria-labelledby="unique-video-title-id-5-128" aria-describedby="unique-video-description-id-5-128"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-5-128"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-5-128">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item" aria-hidden="false">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="eager" aria-labelledby="unique-video-title-id-6-79" aria-describedby="unique-video-description-id-6-79"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-6-79"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-6-79">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item hidden" aria-hidden="true">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy" aria-labelledby="unique-video-title-id-7-790" aria-describedby="unique-video-description-id-7-790"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-7-790"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-7-790">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item hidden" aria-hidden="true">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy" aria-labelledby="unique-video-title-id-8-704" aria-describedby="unique-video-description-id-8-704"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-8-704"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-8-704">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item hidden" aria-hidden="true">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy" aria-labelledby="unique-video-title-id-9-967" aria-describedby="unique-video-description-id-9-967"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-9-967"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-9-967">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item hidden" aria-hidden="true">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy" aria-labelledby="unique-video-title-id-10-114" aria-describedby="unique-video-description-id-10-114"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-10-114"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-10-114">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item hidden" aria-hidden="true">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy" aria-labelledby="unique-video-title-id-11-776" aria-describedby="unique-video-description-id-11-776"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-11-776"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-11-776">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item hidden" aria-hidden="true">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy" aria-labelledby="unique-video-title-id-12-3" aria-describedby="unique-video-description-id-12-3"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-12-3"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-12-3">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item hidden" aria-hidden="true">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy" aria-labelledby="unique-video-title-id-13-759" aria-describedby="unique-video-description-id-13-759"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-13-759"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-13-759">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item hidden" aria-hidden="true">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy" aria-labelledby="unique-video-title-id-14-296" aria-describedby="unique-video-description-id-14-296"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-14-296"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-14-296">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item hidden" aria-hidden="true">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy" aria-labelledby="unique-video-title-id-15-485" aria-describedby="unique-video-description-id-15-485"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-15-485"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-15-485">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item hidden" aria-hidden="true">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy" aria-labelledby="unique-video-title-id-16-986" aria-describedby="unique-video-description-id-16-986"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-16-986"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-16-986">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item hidden" aria-hidden="true">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy" aria-labelledby="unique-video-title-id-17-993" aria-describedby="unique-video-description-id-17-993"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-17-993"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-17-993">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item hidden" aria-hidden="true">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy" aria-labelledby="unique-video-title-id-18-839" aria-describedby="unique-video-description-id-18-839"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-18-839"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-18-839">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
<div class="video-list__item hidden" aria-hidden="true">
<div class="video-list__item-media">
<iframe src="https://www.youtube.com/embed/Y2bUWASNz0A?si=rm_HgxahzURIhCvf" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen loading="lazy" aria-labelledby="unique-video-title-id-19-43" aria-describedby="unique-video-description-id-19-43"></iframe>
</div>
<div class="video-list__item-content">
<div class="video-list__item-title" id="unique-video-title-id-19-43"><a href="#" aria-label="__label__ukaa8ly7dzxsia4dk79b">Video Title Lorem Ipsum Dolor Sit Amet Consectetur Adipisicing Elit</a></div>
<div class="video-list__item-description" id="unique-video-description-id-19-43">
<p>Video Description Duis adipisicing ea occaecat deserunt dolor eu <a href aria-label="__label__s9sbpazrjqt9qnnxgw9v">proident do exercitation excepteur magna</a> magna aute. Dolore pariatur <strong>et ut irure fugiat</strong> sint irure excepteur minim.</p>
</div>
</div>
</div>
</div><a class="video-list__load btn" href="" aria-label="__label__03ktg7tg36pbkvyd08beq3n">View More</a>
</app-video-list>
Video Description Duis adipisicing ea occaecat deserunt dolor eu proident do exercitation excepteur magna magna aute. Dolore pariatur et ut irure fugiat sint irure excepteur minim.
Video Description Duis adipisicing ea occaecat deserunt dolor eu proident do exercitation excepteur magna magna aute. Dolore pariatur et ut irure fugiat sint irure excepteur minim.
Video Description Duis adipisicing ea occaecat deserunt dolor eu proident do exercitation excepteur magna magna aute. Dolore pariatur et ut irure fugiat sint irure excepteur minim.
Video Description Duis adipisicing ea occaecat deserunt dolor eu proident do exercitation excepteur magna magna aute. Dolore pariatur et ut irure fugiat sint irure excepteur minim.
Video Description Duis adipisicing ea occaecat deserunt dolor eu proident do exercitation excepteur magna magna aute. Dolore pariatur et ut irure fugiat sint irure excepteur minim.
Video Description Duis adipisicing ea occaecat deserunt dolor eu proident do exercitation excepteur magna magna aute. Dolore pariatur et ut irure fugiat sint irure excepteur minim.
App Wysiwyg
<app-wysiwyg class="app-wysiwyg"><h1>h1 heading</h1><h2>h2 heading</h2><h3>h3 heading</h3><h4>h4 heading</h4><h5>h5 heading</h5><h6>h6 heading</h6><p>Paragraph</p><div class='disclosure'>Disclosure</div><div><a class='small-url'>Small URL2</a></div><dl><dt>Description</dt><dd>List</dd><dt>Multiple</dt><dd>Definitions become a horizontal list</dd><dt>Title</dt><dd>Information</dd><dd>Information (no title)</dd><dd>Information (no title)</dd></dl><hr><dl><dt>Description</dt><dd>List</dd></dl><dl><dt>Single</dt><dd>Definitions will stack and reduce margins</dd></dl><dl><dt>Email</dt><dd>person@email.com</dd></dl><dl><dt>Address</dt><dd>1234 Main Street<br>Denver, CO 80218</dd></dl><dl><dt>Telephone</dt><dd>303 555 1234</dd></dl><dl><dt>Fax</dt><dd>303 555 4321</dd></dl><blockquote><p>This is a blockquote, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod blueor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p><footer><cite>Firstname Lastname</cite></footer></blockquote><p><img class="fr-fic fr-dii fr-fil" src='https://picsum.photos/400/400'>Commodo est in nisi proident reprehenderit laborum mollit. Ipsum velit do dolore magna consequat. Qui aliqua fugiat adipisicing ipsum consectetur pariatur occaecat.</p><ul><li>Laboris in eu aliquip fugiat dolor voluptate occaecat sit.</li><li>Ut proident consequat incididunt do aliqua est labore dolor consectetur.</li><li>Aute nisi eiusmod nulla amet ex deserunt tempor ipsum enim.</li><li>Sunt nulla consequat velit laborum ad pariatur minim enim sit ipsum et reprehenderit deserunt.</li></ul><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia quas amet sapiente vel natus dignissimos incidunt magnam, error iusto quae culpa, quasi quo libero assumenda ratione ab doloribus voluptas enim.Eius vero adipisci ipsam facere, quisquam mollitia eveniet veniam enim <a href='#'>Links are underlined</a> expedita consectetur <a href='#'>Links are underlined</a> uscipit earum amet. Quia atque quam veritatis explicabo inventore est architecto, animi impedit, laboriosam laudantium aliquam sed corporis. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Magni, sit illum voluptatibus cupiditate exercitationem ex voluptatem culpa, quis eum et blueora, eos velit. Voluptates itaque ducimus pariatur! Animi, iste reiciendis?Modi est, suscipit ipsam eius odit quidem deserunt libero voluptates voluptatibus maxime eveniet, harum, voluptas illum nam explicabo perferendis ullam quis. Incidunt error excepturi veritatis alias, obcaecati cupiditate nam quibusdam.Vitae, a? Consequatur nisi, ipsum ullam aperiam, recusandae quod cum laboriosam quia voluptatibus quasi maxime repellat mollitia soluta sint aliquam quidem! Tempora quae eius perspiciatis quos molestias beatae dolorum saepe.Optio dolorem cumque id quam, asperiores ratione eius dignissimos sint, aperiam eligendi voluptas, sit ducimus tenetur accusamus incidunt. Iure nostrum maxime neque hic ipsam facere nemo non dolorem porro blueoribus?</p><p><img src='https://picsum.photos/400/400'></p><p>Paragraphs, lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod blueor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. <a href='#'>Links are underlined</a></p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia quas amet sapiente vel natus dignissimos incidunt magnam, error iusto quae culpa, quasi quo libero assumenda ratione ab doloribus voluptas enim.Eius vero adipisci ipsam facere, quisquam mollitia eveniet veniam enim <a href='#'>Links are underlined</a> expedita consectetur <a href='#'>Links are underlined</a> uscipit earum amet. Quia atque quam veritatis explicabo inventore est architecto, animi impedit, laboriosam laudantium aliquam sed corporis. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Magni, sit illum voluptatibus cupiditate exercitationem ex voluptatem culpa, quis eum et blueora, eos velit. Voluptates itaque ducimus pariatur! Animi, iste reiciendis?Modi est, suscipit ipsam eius odit quidem deserunt libero voluptates voluptatibus maxime eveniet, harum, voluptas illum nam explicabo perferendis ullam quis. Incidunt error excepturi veritatis alias, obcaecati cupiditate nam quibusdam.Vitae, a? Consequatur nisi, ipsum ullam aperiam, recusandae quod cum laboriosam quia voluptatibus quasi maxime repellat mollitia soluta sint aliquam quidem! Tempora quae eius perspiciatis quos molestias beatae dolorum saepe.Optio dolorem cumque id quam, asperiores ratione eius dignissimos sint, aperiam eligendi voluptas, sit ducimus tenetur accusamus incidunt. Iure nostrum maxime neque hic ipsam facere nemo non dolorem porro blueoribus?</p><p><img class='float-right' src='https://picsum.photos/400/400'></p><p>Paragraphs, lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod blueor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. <a href='#'>Links are underlined</a></p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia quas amet sapiente vel natus dignissimos incidunt magnam, error iusto quae culpa, quasi quo libero assumenda ratione ab doloribus voluptas enim.Eius vero adipisci ipsam facere, quisquam mollitia eveniet veniam enim <a href='#'>Links are underlined</a> expedita consectetur <a href='#'>Links are underlined</a> uscipit earum amet. Quia atque quam veritatis explicabo inventore est architecto, animi impedit, laboriosam laudantium aliquam sed corporis. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Magni, sit illum voluptatibus cupiditate exercitationem ex voluptatem culpa, quis eum et blueora, eos velit. Voluptates itaque ducimus pariatur! Animi, iste reiciendis?Modi est, suscipit ipsam eius odit quidem deserunt libero voluptates voluptatibus maxime eveniet, harum, voluptas illum nam explicabo perferendis ullam quis. Incidunt error excepturi veritatis alias, obcaecati cupiditate nam quibusdam.Vitae, a? Consequatur nisi, ipsum ullam aperiam, recusandae quod cum laboriosam quia voluptatibus quasi maxime repellat mollitia soluta sint aliquam quidem! Tempora quae eius perspiciatis quos molestias beatae dolorum saepe.Optio dolorem cumque id quam, asperiores ratione eius dignissimos sint, aperiam eligendi voluptas, sit ducimus tenetur accusamus incidunt. Iure nostrum maxime neque hic ipsam facere nemo non dolorem porro blueoribus?</p><ul><li>Unordered</li><li>List</li><li>dolor</li></ul><ol><li>Ordered</li><li>List</li><li>dolor</li></ol></app-wysiwyg>
h1 heading
h2 heading
h3 heading
h4 heading
h5 heading
h6 heading
Paragraph
- Description
- List
- Multiple
- Definitions become a horizontal list
- Title
- Information
- Information (no title)
- Information (no title)
- Description
- List
- Single
- Definitions will stack and reduce margins
- person@email.com
- Address
- 1234 Main Street
Denver, CO 80218
- Telephone
- 303 555 1234
- Fax
- 303 555 4321
This is a blockquote, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod blueor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.
Commodo est in nisi proident reprehenderit laborum mollit. Ipsum velit do dolore magna consequat. Qui aliqua fugiat adipisicing ipsum consectetur pariatur occaecat.
- Laboris in eu aliquip fugiat dolor voluptate occaecat sit.
- Ut proident consequat incididunt do aliqua est labore dolor consectetur.
- Aute nisi eiusmod nulla amet ex deserunt tempor ipsum enim.
- Sunt nulla consequat velit laborum ad pariatur minim enim sit ipsum et reprehenderit deserunt.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia quas amet sapiente vel natus dignissimos incidunt magnam, error iusto quae culpa, quasi quo libero assumenda ratione ab doloribus voluptas enim.Eius vero adipisci ipsam facere, quisquam mollitia eveniet veniam enim Links are underlined expedita consectetur Links are underlined uscipit earum amet. Quia atque quam veritatis explicabo inventore est architecto, animi impedit, laboriosam laudantium aliquam sed corporis. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Magni, sit illum voluptatibus cupiditate exercitationem ex voluptatem culpa, quis eum et blueora, eos velit. Voluptates itaque ducimus pariatur! Animi, iste reiciendis?Modi est, suscipit ipsam eius odit quidem deserunt libero voluptates voluptatibus maxime eveniet, harum, voluptas illum nam explicabo perferendis ullam quis. Incidunt error excepturi veritatis alias, obcaecati cupiditate nam quibusdam.Vitae, a? Consequatur nisi, ipsum ullam aperiam, recusandae quod cum laboriosam quia voluptatibus quasi maxime repellat mollitia soluta sint aliquam quidem! Tempora quae eius perspiciatis quos molestias beatae dolorum saepe.Optio dolorem cumque id quam, asperiores ratione eius dignissimos sint, aperiam eligendi voluptas, sit ducimus tenetur accusamus incidunt. Iure nostrum maxime neque hic ipsam facere nemo non dolorem porro blueoribus?
Paragraphs, lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod blueor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. Links are underlined
Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia quas amet sapiente vel natus dignissimos incidunt magnam, error iusto quae culpa, quasi quo libero assumenda ratione ab doloribus voluptas enim.Eius vero adipisci ipsam facere, quisquam mollitia eveniet veniam enim Links are underlined expedita consectetur Links are underlined uscipit earum amet. Quia atque quam veritatis explicabo inventore est architecto, animi impedit, laboriosam laudantium aliquam sed corporis. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Magni, sit illum voluptatibus cupiditate exercitationem ex voluptatem culpa, quis eum et blueora, eos velit. Voluptates itaque ducimus pariatur! Animi, iste reiciendis?Modi est, suscipit ipsam eius odit quidem deserunt libero voluptates voluptatibus maxime eveniet, harum, voluptas illum nam explicabo perferendis ullam quis. Incidunt error excepturi veritatis alias, obcaecati cupiditate nam quibusdam.Vitae, a? Consequatur nisi, ipsum ullam aperiam, recusandae quod cum laboriosam quia voluptatibus quasi maxime repellat mollitia soluta sint aliquam quidem! Tempora quae eius perspiciatis quos molestias beatae dolorum saepe.Optio dolorem cumque id quam, asperiores ratione eius dignissimos sint, aperiam eligendi voluptas, sit ducimus tenetur accusamus incidunt. Iure nostrum maxime neque hic ipsam facere nemo non dolorem porro blueoribus?
Paragraphs, lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod blueor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud. Links are underlined
Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia quas amet sapiente vel natus dignissimos incidunt magnam, error iusto quae culpa, quasi quo libero assumenda ratione ab doloribus voluptas enim.Eius vero adipisci ipsam facere, quisquam mollitia eveniet veniam enim Links are underlined expedita consectetur Links are underlined uscipit earum amet. Quia atque quam veritatis explicabo inventore est architecto, animi impedit, laboriosam laudantium aliquam sed corporis. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Magni, sit illum voluptatibus cupiditate exercitationem ex voluptatem culpa, quis eum et blueora, eos velit. Voluptates itaque ducimus pariatur! Animi, iste reiciendis?Modi est, suscipit ipsam eius odit quidem deserunt libero voluptates voluptatibus maxime eveniet, harum, voluptas illum nam explicabo perferendis ullam quis. Incidunt error excepturi veritatis alias, obcaecati cupiditate nam quibusdam.Vitae, a? Consequatur nisi, ipsum ullam aperiam, recusandae quod cum laboriosam quia voluptatibus quasi maxime repellat mollitia soluta sint aliquam quidem! Tempora quae eius perspiciatis quos molestias beatae dolorum saepe.Optio dolorem cumque id quam, asperiores ratione eius dignissimos sint, aperiam eligendi voluptas, sit ducimus tenetur accusamus incidunt. Iure nostrum maxime neque hic ipsam facere nemo non dolorem porro blueoribus?
- Unordered
- List
- dolor
- Ordered
- List
- dolor
Blue Form
<blue-form>
<form method="post">
<div class="ktc-default-section">
<div class="form-field">
<label class="control-label" for="TextInput_Value">Text input</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="TextInput_Value" name="TextInput.Value" placeholder="Enter text input content" title="Tooltip text goes here" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="TextInput.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextInput" data-valmsg-replace="true"></div>
<div class="field-validation-error" data-valmsg-for="TextInput.Value" data-valmsg-replace="true">Please enter a value.</div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="IntInput_Number">Numeric input</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="IntInput_Number" name="IntInput.Number" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="IntInput.Number" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="IntInput" data-valmsg-replace="true"></div>
</div>
<div class="explanation-text">Explanation text</div>
</div>
<div class="form-field">
<label class="control-label" for="EmailInput_Email">Email</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="EmailInput_Email" name="EmailInput.Email" type="email" value="">
<div class="field-validation-valid" data-valmsg-for="EmailInput.Email" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="EmailInput" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="USPhone_PhoneNumber">U.S. phone number</label>
<div class="editing-form-control-nested-control"><span>
<input class="form-control" id="USPhone_PhoneNumber" name="USPhone.PhoneNumber" type="text" value=""></span>
<div class="field-validation-valid" data-valmsg-for="USPhone.PhoneNumber" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="USPhone" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="TextArea_Value">Text area</label>
<div class="editing-form-control-nested-control">
<textarea class="form-control" id="TextArea_Value" name="TextArea.Value"></textarea>
<div class="field-validation-valid" data-valmsg-for="TextArea.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextArea" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="CheckBox_Value">Single Checkbox</label>
<div class="editing-form-control-nested-control"><span class="ktc-checkbox" title="tool tip">
<input class="form-control" id="CheckBox_Value" data-val="true" data-val-required="The Value field is required." name="CheckBox.Value" title="tool tip" type="checkbox" value="true">
<label for="CheckBox_Value">I like turtles</label></span>
<div class="field-validation-valid" data-valmsg-for="CheckBox.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="CheckBox" data-valmsg-replace="true"></div>
</div>
<div class="explanation-text">Lorem ipsum dolor sit amet</div>
</div>
<div class="form-field">
<label class="control-label" for="DropDown_SelectedValue">Drop-down list</label>
<div class="editing-form-control-nested-control">
<select class="form-control" id="DropDown_SelectedValue" name="DropDown.SelectedValue" title="This is a tooltip">
<option value="">First option text?</option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
</select>
<div class="field-validation-valid" data-valmsg-for="DropDown.SelectedValue" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="DropDown" data-valmsg-replace="true"></div>
</div>
<div class="explanation-text">This was a misspelled description, now it's not</div>
</div>
<div class="form-field">
<label class="control-label" for="FileUploader_File">File uploader (initial state)</label>
<div class="editing-form-control-nested-control">
<div class="ktc-file-component-wrapper">
<label for="FileUploader_File" title="Please select a file"><span class="ktc-uploader-text" id="FileUploader_File-placeholder">Please select a file</span><span class="ktc-uploader-icon-button" id="FileUploader_File-icon" data-icon="select"></span></label><span class="ktc-uploader-replacement" id="FileUploader_File-replacement"></span>
<input class="form-control" id="FileUploader_File" type="file"><a class="ktc-uploader-text-button" id="FileUploader_File-button" hidden="hidden" aria-label="__label__6ici3ipngktf2q22u7ciur">Delete file</a>
</div>
<div class="field-validation-valid" data-valmsg-for="FileUploader.TempFileIdentifier" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="FileUploader.SystemFileName" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="FileUploader.OriginalFileName" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="FileUploader.DeleteOrReplaceFile" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="FileUploader" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="FileUploader_File">File uploader (uploading state)</label>
<div class="editing-form-control-nested-control">
<div class="ktc-file-component-wrapper">
<label for="FileUploader_File" title="Please select a file"><span class="ktc-uploader-text" id="FileUploader_File-placeholder">Please select a file</span><span class="ktc-uploader-icon-button" id="FileUploader_File-icon" data-icon="loading"></span></label><span class="ktc-uploader-replacement" id="FileUploader_File-replacement"></span>
<input class="form-control" id="FileUploader_File" type="file" disabled=""><a class="ktc-uploader-text-button" id="FileUploader_File-button" aria-label="__label__8hm781acqivrexc4ujdna7">9%</a>
</div>
<div class="field-validation-valid" data-valmsg-for="FileUploader.TempFileIdentifier" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="FileUploader.SystemFileName" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="FileUploader.OriginalFileName" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="FileUploader.DeleteOrReplaceFile" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="FileUploader" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="FileUploader_File">File uploader (file uploaded state)</label>
<div class="editing-form-control-nested-control">
<div class="ktc-file-component-wrapper">
<label for="FileUploader_File" title="Please select a file"><span class="ktc-uploader-text" id="FileUploader_File-placeholder">name-of-file.doc</span><span class="ktc-uploader-icon-button" id="FileUploader_File-icon" data-icon="remove" title="Delete file"></span></label><span class="ktc-uploader-replacement" id="FileUploader_File-replacement">name-of-file.doc</span><a class="ktc-uploader-text-button" id="FileUploader_File-button" aria-label="__label__j335tw6jos8zf2o5sqhwx">Delete file</a>
</div>
<div class="field-validation-valid" data-valmsg-for="FileUploader.TempFileIdentifier" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="FileUploader.SystemFileName" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="FileUploader.OriginalFileName" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="FileUploader.DeleteOrReplaceFile" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="FileUploader" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="MultipleChoice_SelectedValues">Multiple choice</label>
<div class="editing-form-control-nested-control"><span class="ktc-checkbox-list"><span class="ktc-checkbox">
<input class="form-control" id="MultipleChoice_HtmlOptions_0__Selected" data-val="true" data-val-required="The Selected field is required." name="MultipleChoice.HtmlOptions[0].Selected" type="checkbox" value="true">
<label for="MultipleChoice_HtmlOptions_0__Selected">option 1</label>
<input id="MultipleChoice_HtmlOptions_0__Text" name="MultipleChoice.HtmlOptions[0].Text" type="hidden" value="option 1">
<input id="MultipleChoice_HtmlOptions_0__Value" name="MultipleChoice.HtmlOptions[0].Value" type="hidden" value="option 1"></span><span class="ktc-checkbox">
<input class="form-control" id="MultipleChoice_HtmlOptions_1__Selected" data-val="true" data-val-required="The Selected field is required." name="MultipleChoice.HtmlOptions[1].Selected" type="checkbox" value="true">
<label for="MultipleChoice_HtmlOptions_1__Selected">option 2</label>
<input id="MultipleChoice_HtmlOptions_1__Text" name="MultipleChoice.HtmlOptions[1].Text" type="hidden" value="option 2">
<input id="MultipleChoice_HtmlOptions_1__Value" name="MultipleChoice.HtmlOptions[1].Value" type="hidden" value="option 2"></span><span class="ktc-checkbox">
<input class="form-control" id="MultipleChoice_HtmlOptions_2__Selected" data-val="true" data-val-required="The Selected field is required." name="MultipleChoice.HtmlOptions[2].Selected" type="checkbox" value="true">
<label for="MultipleChoice_HtmlOptions_2__Selected">option 3</label>
<input id="MultipleChoice_HtmlOptions_2__Text" name="MultipleChoice.HtmlOptions[2].Text" type="hidden" value="option 3">
<input id="MultipleChoice_HtmlOptions_2__Value" name="MultipleChoice.HtmlOptions[2].Value" type="hidden" value="option 3"></span></span>
<div class="field-validation-valid" data-valmsg-for="MultipleChoice.HtmlOptions" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="MultipleChoice" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<label class="control-label">Radio buttons</label>
<div class="editing-form-control-nested-control"><span class="ktc-radio ktc-radio-list"><span class="ktc-radio">
<input class="form-control" id="RadioButtonsoption_1" name="RadioButtons.SelectedValue" type="radio" value="option 1">
<label for="RadioButtonsoption_1">option 1</label></span><span class="ktc-radio">
<input class="form-control" id="RadioButtonsoption_2" name="RadioButtons.SelectedValue" type="radio" value="option 2">
<label for="RadioButtonsoption_2">option 2</label></span><span class="ktc-radio">
<input class="form-control" id="RadioButtonsoption_3" name="RadioButtons.SelectedValue" type="radio" value="option 3">
<label for="RadioButtonsoption_3">option 3</label></span></span>
<div class="field-validation-valid" data-valmsg-for="RadioButtons.SelectedValue" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="RadioButtons" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="ConsentAgreement_ConsentChecked">Consent agreement (disabled checkbox input)</label>
<div class="editing-form-control-nested-control"><span class="ktc-checkbox" title="">
<input class="form-control" id="ConsentAgreement_ConsentChecked" data-val="true" data-val-required="The ConsentChecked field is required." disabled="disabled" name="ConsentAgreement.ConsentChecked" type="checkbox" value="true">
<label for="ConsentAgreement_ConsentChecked">
No consent has been selected or the consent is no longer
available. Please select one in the field's Properties
panel.
</label></span>
<div class="field-validation-valid" data-valmsg-for="ConsentAgreement.ConsentChecked" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="ConsentAgreement" data-valmsg-replace="true"></div>
</div>
</div>
</div>
<input type="submit" value="Submit">
</form>
</blue-form>
<blue-form>
<form method="post">
<div class="ktc-default-section">
<h5 style="margin: 0">Personal Information</h5>
<div class="form-field">
<label class="control-label" for="DropDown_SelectedValue">Title</label>
<div class="editing-form-control-nested-control">
<select class="form-control" id="DropDown_SelectedValue" name="DropDown.SelectedValue" title="This is a tooltip">
<option value="">First option text?</option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
</select>
<div class="field-validation-valid" data-valmsg-for="DropDown.SelectedValue" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="DropDown" data-valmsg-replace="true"></div>
</div>
<div class="explanation-text">This was a misspelled description, now it's not</div>
</div>
<div class="grid grid--gap-1 grid--cols-md2">
<div class="grid__item">
<div class="form-field">
<label class="control-label" for="TextInput_Value">First Name</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="TextInput_Value" name="TextInput.Value" placeholder="Enter text input content" title="Tooltip text goes here" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="TextInput.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextInput" data-valmsg-replace="true"></div>
<div class="field-valid grid--cols-md2ation-error" data-valmsg-for="TextInput.Value" data-valmsg-replace="true">Please enter a value.</div>
</div>
</div>
</div>
<div class="grid__item">
<div class="form-field">
<label class="control-label" for="TextInput_Value">Last Name</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="TextInput_Value" name="TextInput.Value" placeholder="Enter text input content" title="Tooltip text goes here" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="TextInput.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextInput" data-valmsg-replace="true"></div>
<div class="field-validation-error" data-valmsg-for="TextInput.Value" data-valmsg-replace="true">Please enter a value.</div>
</div>
</div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="TextInput_Value">Company (Optional)</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="TextInput_Value" name="TextInput.Value" placeholder="Enter text input content" title="Tooltip text goes here" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="TextInput.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextInput" data-valmsg-replace="true"></div>
<div class="field-validation-error" data-valmsg-for="TextInput.Value" data-valmsg-replace="true">Please enter a value.</div>
</div>
</div>
<h5 style="margin: 0">Contact Information</h5>
<div class="form-field">
<label class="control-label" for="USPhone_PhoneNumber">Phone Number</label>
<div class="editing-form-control-nested-control"><span>
<input class="form-control" id="USPhone_PhoneNumber" name="USPhone.PhoneNumber" type="text" value=""></span>
<div class="field-validation-valid" data-valmsg-for="USPhone.PhoneNumber" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="USPhone" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="EmailInput_Email">Email</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="EmailInput_Email" name="EmailInput.Email" type="email" value="">
<div class="field-validation-valid" data-valmsg-for="EmailInput.Email" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="EmailInput" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="TextInput_Value">Address</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="TextInput_Value" name="TextInput.Value" placeholder="Enter text input content" title="Tooltip text goes here" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="TextInput.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextInput" data-valmsg-replace="true"></div>
<div class="field-valid grid--cols-md2ation-error" data-valmsg-for="TextInput.Value" data-valmsg-replace="true">Please enter a value.</div>
</div>
<div class="form-field">
<div class="editing-form-control-nested-control">
<input class="form-control" id="TextInput_Value" name="TextInput.Value" placeholder="Enter text input content" title="Tooltip text goes here" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="TextInput.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextInput" data-valmsg-replace="true"></div>
<div class="field-valid grid--cols-md2ation-error" data-valmsg-for="TextInput.Value" data-valmsg-replace="true">Please enter a value.</div>
</div>
</div>
</div>
<div class="grid grid--gap-1 grid--cols-lg6">
<div class="grid__item grid__item--col-span-lg3">
<div class="form-field">
<label class="control-label" for="TextInput_Value">City</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="TextInput_Value" name="TextInput.Value" placeholder="Enter text input content" title="Tooltip text goes here" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="TextInput.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextInput" data-valmsg-replace="true"></div>
<div class="field-valid grid--cols-md2ation-error" data-valmsg-for="TextInput.Value" data-valmsg-replace="true">Please enter a value.</div>
</div>
</div>
</div>
<div class="grid__item">
<div class="form-field">
<label class="control-label" for="DropDown_SelectedValue">State</label>
<div class="editing-form-control-nested-control">
<select class="form-control" id="DropDown_SelectedValue" name="DropDown.SelectedValue" title="This is a tooltip">
<option value="">Select</option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
</select>
<div class="field-validation-valid" data-valmsg-for="DropDown.SelectedValue" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="DropDown" data-valmsg-replace="true"></div>
</div>
<div class="explanation-text">Explanation text</div>
</div>
</div>
<div class="grid__item">
<div class="form-field">
<label class="control-label" for="TextInput_Value">Zipcode</label>
<div class="editing-form-control-nested-control">
<input class="form-control" id="IntInput_Number" name="IntInput.Number" type="text" value="">
<div class="field-validation-valid" data-valmsg-for="IntInput.Number" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="IntInput" data-valmsg-replace="true"></div>
</div>
<div class="explanation-text">Explanation text</div>
</div>
</div>
<div class="grid__item">
<div class="form-field">
<label class="control-label" for="DropDown_SelectedValue">Country</label>
<div class="editing-form-control-nested-control">
<select class="form-control" id="DropDown_SelectedValue" name="DropDown.SelectedValue" title="This is a tooltip">
<option value="">Select</option>
<option value="Option 1">Option 1</option>
<option value="Option 2">Option 2</option>
<option value="Option 3">Option 3</option>
</select>
<div class="field-validation-valid" data-valmsg-for="DropDown.SelectedValue" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="DropDown" data-valmsg-replace="true"></div>
</div>
<div class="explanation-text">Explanation text</div>
</div>
</div>
</div>
<h5 style="margin: 0">Other Information</h5>
<div class="form-field">
<label class="control-label">Which type best describes you?</label>
<div class="editing-form-control-nested-control"><span class="ktc-radio ktc-radio-list"><span class="ktc-radio">
<input class="form-control" id="RadioButtonsoption_1" name="RadioButtons.SelectedValue" type="radio" value="option 1">
<label for="RadioButtonsoption_1">Person with Cancer</label></span><span class="ktc-radio">
<input class="form-control" id="RadioButtonsoption_2" name="RadioButtons.SelectedValue" type="radio" value="option 2">
<label for="RadioButtonsoption_2">Caregiver</label></span><span class="ktc-radio">
<input class="form-control" id="RadioButtonsoption_3" name="RadioButtons.SelectedValue" type="radio" value="option 3">
<label for="RadioButtonsoption_3">Healthcare Professional</label></span><span class="ktc-radio">
<input class="form-control" id="RadioButtonsoption_4" name="RadioButtons.SelectedValue" type="radio" value="option 4">
<label for="RadioButtonsoption_4">Bereaved</label></span><span class="ktc-radio">
<input class="form-control" id="RadioButtonsoption_5" name="RadioButtons.SelectedValue" type="radio" value="option 5">
<label for="RadioButtonsoption_5">Advocate</label></span></span>
<div class="field-validation-valid" data-valmsg-for="RadioButtons.SelectedValue" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="RadioButtons" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<label class="control-label" for="TextArea_Value">If you've found our publications helpful we'd love to hear how!</label>
<div class="editing-form-control-nested-control">
<textarea class="form-control" id="TextArea_Value" name="TextArea.Value"></textarea>
<div class="field-validation-valid" data-valmsg-for="TextArea.Value" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="TextArea" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field">
<div class="editing-form-control-nested-control"><span class="ktc-checkbox" title="">
<input class="form-control" id="ConsentAgreement_ConsentChecked" data-val="true" data-val-required="The ConsentChecked field is required." disabled="disabled" name="ConsentAgreement.ConsentChecked" type="checkbox" value="true">
<label for="ConsentAgreement_ConsentChecked">Please send me CancerCare's monthly E-News</label></span>
<div class="field-validation-valid" data-valmsg-for="ConsentAgreement.ConsentChecked" data-valmsg-replace="true"></div>
<div class="field-validation-valid" data-valmsg-for="ConsentAgreement" data-valmsg-replace="true"></div>
</div>
</div>
<div class="form-field hidden-input">
<div class="editing-form-control-nested-control">
<input class="form-control" id="form-PublicationOrderForm-d5c2_selectedItems_Value" data-ktc-notobserved-element="" name="form-PublicationOrderForm-d5c2.selectedItems.Value" type="hidden" value="">
</div>
</div>
</div>
<input type="submit" value="Submit">
</form>
</blue-form>

