App Accordion

default 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

default 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="[{&quot;heading&quot;:&quot;African American Breast Cancer Alliance&quot;,&quot;phone&quot;:&quot;612-702-5533&quot;,&quot;websiteUrl&quot;:&quot;https://www.google.com/&quot;,&quot;websiteLabel&quot;:&quot;www.google.com&quot;},{&quot;heading&quot;:&quot;After Breast Cancer Diagnosis (ABCD)&quot;,&quot;phone&quot;:&quot;800-977-4121&quot;,&quot;websiteUrl&quot;:&quot;https://www.google.com/&quot;,&quot;websiteLabel&quot;:&quot;www.google.com&quot;},{&quot;heading&quot;:&quot;American Cancer Society&quot;,&quot;phone&quot;:&quot;800-227-2345&quot;,&quot;websiteUrl&quot;:&quot;https://www.google.com/&quot;,&quot;websiteLabel&quot;:&quot;www.google.com&quot;},{&quot;heading&quot;:&quot;American Society of Clinical Oncology&quot;,&quot;phone&quot;:&quot;888-651-3038&quot;,&quot;websiteUrl&quot;:&quot;https://www.google.com/&quot;,&quot;websiteLabel&quot;:&quot;www.google.com&quot;},{&quot;heading&quot;:&quot;Breast Cancer Network of Strength&quot;,&quot;phone&quot;:&quot;800-221-2141&quot;,&quot;websiteUrl&quot;:&quot;https://www.google.com/&quot;,&quot;websiteLabel&quot;:&quot;www.google.com&quot;},{&quot;heading&quot;:&quot;BreastCancer.org&quot;,&quot;phone&quot;:&quot;610-642-6550&quot;,&quot;websiteUrl&quot;:&quot;https://www.google.com/&quot;}]">Resources for Breast Cancer</button>
                                        <button class="additional-resources__radio-option" data-results="[{&quot;heading&quot;:&quot;CancerCare&quot;,&quot;phone&quot;:&quot;800-813-4673&quot;,&quot;websiteUrl&quot;:&quot;https://www.google.com/&quot;,&quot;websiteLabel&quot;:&quot;www.google.com&quot;},{&quot;heading&quot;:&quot;Living Beyond Breast Cancer&quot;,&quot;phone&quot;:&quot;888-753-5222&quot;,&quot;websiteUrl&quot;:&quot;https://www.google.com/&quot;,&quot;websiteLabel&quot;:&quot;www.google.com&quot;},{&quot;heading&quot;:&quot;National Cancer Institute&quot;,&quot;phone&quot;:&quot;800-422-6237&quot;,&quot;websiteUrl&quot;:&quot;https://www.google.com/&quot;,&quot;websiteLabel&quot;:&quot;www.google.com&quot;},{&quot;heading&quot;:&quot;National Coalition for Cancer Survivorship&quot;,&quot;phone&quot;:&quot;877-622-7937&quot;,&quot;websiteUrl&quot;:&quot;https://www.google.com/&quot;,&quot;websiteLabel&quot;:&quot;www.google.com&quot;},{&quot;heading&quot;:&quot;National Comprehensive Cancer Network&quot;,&quot;phone&quot;:&quot;215-690-0300&quot;,&quot;websiteUrl&quot;:&quot;https://www.google.com/&quot;,&quot;websiteLabel&quot;:&quot;www.google.com&quot;},{&quot;heading&quot;:&quot;National Lymphedema Network&quot;,&quot;phone&quot;:&quot;800-541-3259&quot;,&quot;websiteUrl&quot;:&quot;https://www.google.com/&quot;,&quot;websiteLabel&quot;:&quot;www.google.com&quot;}]">General Cancer Resources</button>
                                      </div>
                                      <div class="additional-resources__content"></div>
                                    </app-additional-resources>

Additional Resources

App Answered By

default 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>
__alt__tsdtbpq7migc7r76gt4l4s

Answered by

Maria Chi, DWS, MSW, LCSW-R

View this question

Tags:

Breast CancerCopingAnxiety

App Breadcrumbs

default 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

default 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="[{&quot;text&quot;:&quot;Breast Cancer&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Lung Cancer&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Prostate Cancer&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Colorectal Cancer&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Leukemia&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Lymphoma&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Melanoma&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Ovarian Cancer&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Pancreatic Cancer&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Thyroid Cancer&quot;,&quot;href&quot;:&quot;/services&quot;}]">By Diagnosis</button>
                                        <button class="browse-services__radio-option" data-placeholder="Select a topic to browse for" data-options="[{&quot;text&quot;:&quot;CancerCare Services&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Counseling&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Support Groups&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Education&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Financial Assistance&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Transportation&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Home Care&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Child Care&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Legal Assistance&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Nutrition&quot;,&quot;href&quot;:&quot;/services&quot;}]">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

Go
default browse-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="[{&quot;text&quot;:&quot;Breast Cancer&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Lung Cancer&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Prostate Cancer&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Colorectal Cancer&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Leukemia&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Lymphoma&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Melanoma&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Ovarian Cancer&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Pancreatic Cancer&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Thyroid Cancer&quot;,&quot;href&quot;:&quot;/services&quot;}]">By Diagnosis</button>
                                        <button class="browse-services__radio-option" data-placeholder="Select a topic to browse for" data-options="[{&quot;text&quot;:&quot;CancerCare Services&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Counseling&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Support Groups&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Education&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Financial Assistance&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Transportation&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Home Care&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Child Care&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Legal Assistance&quot;,&quot;href&quot;:&quot;/services&quot;},{&quot;text&quot;:&quot;Nutrition&quot;,&quot;href&quot;:&quot;/services&quot;}]">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

Go

App Detail Block

default 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>

HEADING:

CTA Solid

HEADING:

Large Copy

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

CTA Heading

CTA Ghost

CTA Heading with Image

placeholder image

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quos.

event 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 Now

Registrants can listen in live over the phone or online as a webcast.

Event Date

Monday, August 13, 2024

1:30pm - 2:30pm EST

Event Resources

Download Event Brochure

Download the brochure for this workshop.

copy detail block

                                    <app-detail-block class="detail-block">
                                      <div class="detail-block__group">
                                        <h2> From Our Group Members</h2>
                                        <p><i>&ldquo;I always felt comfortable to share my feelings and thoughts because<b>I know the group is a &lsquo;safe&rsquo; 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.&rdquo; &ndash;Angela</i></p>
                                        <p><i>&ldquo;Having other survivors to talk to,<b>who understand what you are going through</b>, is very helpful. You can&rsquo;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 &lsquo;fair&rsquo; -<b>but someone else who has been through the same thing &lsquo;gets it.&rsquo;</b>&rdquo; &ndash;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.

detail block for downloading publications

                                    <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

Document One

placeholder imageDownload PDF

Another Relevant Document

placeholder imageDownload PDF

Document Number Three Here Lorem Ipsum Dolor Sit Amet

placeholder imageDownload PDF

App Event List

default 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 &amp; 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>

App Feature Banner

default 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>

Help Support Our Free Service

Duis sollicitudin hendrerit magna eu dictum. In at sapien vel nunc maximus dictum. Pellentesque orci quam, volutpat vitae placerat vel, bibendum non tellus.

default 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>

Help Support Our Free Service

Duis sollicitudin hendrerit magna eu dictum. In at sapien vel nunc maximus dictum. Pellentesque orci quam, volutpat vitae placerat vel, bibendum non tellus.

image 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>

Help Support Our Free Service

Duis sollicitudin hendrerit magna eu dictum. In at sapien vel nunc maximus dictum. Pellentesque orci quam, volutpat vitae placerat vel, bibendum non tellus.

image-reverse 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>

Help Support Our Free Service

Duis sollicitudin hendrerit magna eu dictum. In at sapien vel nunc maximus dictum. Pellentesque orci quam, volutpat vitae placerat vel, bibendum non tellus.

App Feature Block

default 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>
icon 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>
default 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>
article card 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

default 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>
__alt__hfxhdnrvdod1y62rsb9471
Help support our free service.

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.

Donate Options
video feature rail

                                    <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>
Help support our free service.

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.

Donate Options
dark blue feature rail

                                    <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>
__alt__3s4sm7tztigfim10c9tavu
Help support our free service.

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.

Donate Options
teal feature rail

                                    <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>
__alt__97fe5w53w2pxu8cslvueh
Help support our free service.

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.

Donate Options
teal blue feature rail

                                    <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>
__alt__j3ct233oz6h6vlfcx5cxgf
Help support our free service.

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.

Donate Options
lemon feature rail

                                    <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>
__alt__4gomnscq0zs6j48bw8hyub
Help support our free service.

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.

Donate Options

App Feature Testimonial

default 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>
I was here and I saw a thing.
Someoneelder

App Filter List

default app-filter-list

                                    <app-filter-list class="filter-list" data-pagesize="10" data-queryString="?topics=Writing%20code&amp;topics=Coffee%20breaks&amp;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="[&quot;Coffee breaks&quot;,&quot;Dependency Injection&quot;,&quot;Writing code&quot;]">
                                                  <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="[&quot;Diagnosis 1&quot;,&quot;Diagnosis 2&quot;]">
                                                  <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="[&quot;New Jersey&quot;,&quot;New York&quot;]">
                                                  <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="[&quot;Patient&quot;,&quot;Caregiver&quot;,&quot;Bereaved&quot;]">
                                                  <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="[&quot;Live&quot;,&quot;Online&quot;]">
                                                  <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="[&quot;Diagnosis 1&quot;]" data-populations="[&quot;Patient&quot;]" data-regions="[]" data-types="[&quot;Online&quot;]" 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="[&quot;Diagnosis 2&quot;]" data-populations="[&quot;Caregiver&quot;]" data-regions="[]" data-types="[&quot;Online&quot;]" 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="[&quot;Coffee breaks&quot;]" data-diagnoses="[]" data-populations="[&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;]" data-types="[&quot;Online&quot;]" 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="[&quot;Dependency Injection&quot;]" data-diagnoses="[]" data-populations="[&quot;Bereaved&quot;]" data-regions="[&quot;New York&quot;]" data-types="[&quot;Online&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[&quot;Diagnosis 1&quot;]" data-populations="[]" data-regions="[]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[&quot;Diagnosis 2&quot;]" data-populations="[&quot;Patient&quot;]" data-regions="[&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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

Topic
Diagnosis Title
Regions
Population
Types
Support Group #2

June 22, 2024

Support Group #2
PatientDiagnosis 1Online
Support Group #3
CaregiverDiagnosis 2Online
Support Group #4
CaregiverNew JerseyCoffee breaksOnline
Support Group #5
BereavedNew YorkDependency InjectionOnline
Support Group #6
PatientCaregiverNew JerseyNew YorkWriting codeLive
Support Group #7
Diagnosis 1Writing codeLive
Support Group #8
PatientNew YorkDiagnosis 2Writing codeLive
accordion app-filter-list

                                    <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="[&quot;Coffee breaks&quot;,&quot;Dependency Injection&quot;,&quot;Writing code&quot;,&quot;Topic 4&quot;,&quot;Topic 5&quot;]">
                                                  <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="[&quot;Diagnosis 1&quot;,&quot;Diagnosis 2&quot;,&quot;Diagnosis 3&quot;,&quot;Diagnosis 4&quot;]">
                                                  <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="[&quot;New Jersey&quot;,&quot;New York&quot;,&quot;Connecticut&quot;,null,&quot;Pennsylvania&quot;]">
                                                  <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="[&quot;Patient&quot;,&quot;Caregiver&quot;,&quot;Bereaved&quot;]">
                                                  <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="[&quot;Live&quot;,&quot;Online&quot;]">
                                                  <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="[&quot;Diagnosis 1&quot;]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[]" data-types="[&quot;Online&quot;]" 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="[&quot;Coffee breaks&quot;]" data-diagnoses="[&quot;Diagnosis 2&quot;]" data-populations="[&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Online&quot;]" 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="[&quot;Coffee breaks&quot;]" data-diagnoses="[&quot;Diagnosis 3&quot;]" data-populations="[&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;]" data-types="[&quot;Online&quot;]" 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="[&quot;Dependency Injection&quot;,&quot;Topic 5&quot;]" data-diagnoses="[&quot;Diagnosis 4&quot;]" data-populations="[&quot;Bereaved&quot;]" data-regions="[&quot;New York&quot;]" data-types="[&quot;Online&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[&quot;Diagnosis 1&quot;]" data-populations="[]" data-regions="[&quot;Pennsylvania&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;,&quot;Topic 4&quot;]" data-diagnoses="[&quot;Diagnosis 2&quot;]" data-populations="[&quot;Patient&quot;]" data-regions="[&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[&quot;Diagnosis 1&quot;]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[&quot;Diagnosis 2&quot;,&quot;Diagnosis 3&quot;]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[&quot;Diagnosis 1&quot;]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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

Topic
Diagnosis Title
Regions
Population
Types
Nisi aute quis nulla tempor occaecat non enim consectetur est. Mollit ad fugiat exercitation nisi voluptate aute laboris cupidatat in nulla exercitation ut ea?
Vilmari Rodriguez, President of Calendars

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.

PatientDiagnosis 1Online

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.

CaregiverDiagnosis 2Online
Consectetur sunt proident excepteur. Adipisicing ex fugiat excepteur?
Vilmari Rodriguez, President of Calendars

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.

CaregiverNew JerseyCoffee breaksOnline

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.

BereavedNew YorkDependency InjectionOnline
Exercitation in laboris. Tempor incididunt?
Vilmari Rodriguez, President of Calendars

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.

PatientCaregiverNew JerseyNew YorkWriting codeLive

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.

Diagnosis 1Writing codeLive

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.

PatientNew YorkDiagnosis 2Writing codeLive

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.

PatientCaregiverNew JerseyNew YorkWriting codeLive

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.

PatientCaregiverNew JerseyNew YorkWriting codeLive
Anim nulla qui voluptate ad id quis amet sit labore?
Vilmari Rodriguez, President of Calendars

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.

PatientCaregiverNew JerseyNew YorkWriting codeLive

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.

PatientCaregiverNew JerseyNew YorkWriting codeLive

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.

PatientCaregiverNew JerseyNew YorkWriting codeLive
accordion-simple app-filter-list

                                    <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="[&quot;Diagnosis 1&quot;]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[]" data-types="[&quot;Online&quot;]" 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="[&quot;Coffee breaks&quot;]" data-diagnoses="[&quot;Diagnosis 2&quot;]" data-populations="[&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Online&quot;]" 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="[&quot;Coffee breaks&quot;]" data-diagnoses="[&quot;Diagnosis 3&quot;]" data-populations="[&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;]" data-types="[&quot;Online&quot;]" 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="[&quot;Dependency Injection&quot;,&quot;Topic 5&quot;]" data-diagnoses="[&quot;Diagnosis 4&quot;]" data-populations="[&quot;Bereaved&quot;]" data-regions="[&quot;New York&quot;]" data-types="[&quot;Online&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[&quot;Diagnosis 1&quot;]" data-populations="[]" data-regions="[&quot;Pennsylvania&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;,&quot;Topic 4&quot;]" data-diagnoses="[&quot;Diagnosis 2&quot;]" data-populations="[&quot;Patient&quot;]" data-regions="[&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[&quot;Diagnosis 1&quot;]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[&quot;Diagnosis 2&quot;,&quot;Diagnosis 3&quot;]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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="[&quot;Writing code&quot;]" data-diagnoses="[&quot;Diagnosis 1&quot;]" data-populations="[&quot;Patient&quot;,&quot;Caregiver&quot;]" data-regions="[&quot;New Jersey&quot;,&quot;New York&quot;]" data-types="[&quot;Live&quot;]" 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>
Nisi aute quis nulla tempor occaecat non enim consectetur est. Mollit ad fugiat exercitation nisi voluptate aute laboris cupidatat in nulla exercitation ut ea?
Vilmari Rodriguez, President of Calendars

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.

PatientDiagnosis 1Online

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.

CaregiverDiagnosis 2Online
Consectetur sunt proident excepteur. Adipisicing ex fugiat excepteur?
Vilmari Rodriguez, President of Calendars

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.

CaregiverNew JerseyCoffee breaksOnline

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.

BereavedNew YorkDependency InjectionOnline
Exercitation in laboris. Tempor incididunt?
Vilmari Rodriguez, President of Calendars

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.

PatientCaregiverNew JerseyNew YorkWriting codeLive

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.

Diagnosis 1Writing codeLive

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.

PatientNew YorkDiagnosis 2Writing codeLive

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.

PatientCaregiverNew JerseyNew YorkWriting codeLive

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.

PatientCaregiverNew JerseyNew YorkWriting codeLive
Anim nulla qui voluptate ad id quis amet sit labore?
Vilmari Rodriguez, President of Calendars

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.

PatientCaregiverNew JerseyNew YorkWriting codeLive

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.

PatientCaregiverNew JerseyNew YorkWriting codeLive

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.

PatientCaregiverNew JerseyNew YorkWriting codeLive
simple app-filter-list

                                    <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="[&quot;Open&quot;,&quot;Closed&quot;,&quot;Created&quot;]">
                                                  <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="[&quot;Open&quot;]" 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="[&quot;Open&quot;]" 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="[&quot;Open&quot;]" 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="[&quot;Created&quot;]" 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="[&quot;Created&quot;]" 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="[&quot;Created&quot;]" 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="[&quot;Created&quot;]" 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="[&quot;Created&quot;]" 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="[&quot;Open&quot;]" 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="[&quot;Open&quot;]" 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="[&quot;Open&quot;]" 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="[&quot;Created&quot;]" 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="[&quot;Created&quot;]" 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>
orders 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="[&quot;Open&quot;,&quot;Closed&quot;,&quot;Created&quot;]">
                                                  <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>

SP Client Story 1

page desc here

SP Client Story 1
SP Client Story 2

page desc here

SP Client Story 1
Quantity
Quantity
Quantity
Quantity
Quantity
Quantity
Quantity
Quantity
Quantity
publication-orders 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>
Publications Selected
Support Group 1
Personal Information
This was a misspelled description, now it's not
Please enter a value.
Please enter a value.
Please enter a value.
Contact Information
Please enter a value.
Please enter a value.
Please enter a value.
Explanation text
Explanation text
Explanation text
Other Information

App Hero

default event list

                                    <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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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>

App Link List

default 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>

App List

default list w/ show more link

                                    <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

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.

Velit officia mollit et voluptate esse est irure Fugiat Lorem anim aute labore

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.
New

Breast Cancer Post-Treatment Survivorship Support Group

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.
New

Metastatic Breast Cancer Patient Support Group

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.

Triple Negative Breast Cancer Caregiver Support Group

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.
New
New

Triple Negative Breast Cancer Patient Support Group

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.

Ex voluptate est cupidatat veniam magna est Lorem veniam culpa do voluptate elit reprehenderit Deserunt nisi ut amet commodo

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.

Culpa deserunt exercitation reprehenderit duis do Pariatur anim non esse ullamco

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.

Duis magna duis tempor labore Eu anim dolore ad ad

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.
filterable list

                                    <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

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.

Breast Cancer Post-Treatment Survivorship Support Group

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.
New

Metastatic Breast Cancer Patient Support Group

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.

Triple Negative Breast Cancer Caregiver Support Group

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.
New

Triple Negative Breast Cancer Patient Support Group

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.

App List Item

default generic 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

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.
Connect Booklet
New

App Metrics Block

default 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, &amp; more.</p>
                                    </app-metrics-block>

52,346

Hours of support through Hopeline, counseling, support groups, community programs, & more.

App Pagination

default pagination w/ five or less pages, first page active

                                    <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>
PREV NEXT
pagination w/ more than five pages, first page active

                                    <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>
pagination w/ more than five pages, seventh page active

                                    <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

default 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 &amp; Researcher in Caregiving, Health Care Disparities &amp; 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 &amp; 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>
Our Panel of Experts
__alt__gciiajd99muq1ovb7e5908
Ruby Marie Woods, DDs, PhD, FUBU, MD, JD, Esq.

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

__alt__gciiajd99muq1ovb7e5908
John Doe Smith

Former Clinical Protocol Administration Manager, Health Care Disparities & Survivorship, Junior In-Charge Boy, Junior Boardperson

__alt__gciiajd99muq1ovb7e5908
Neena Kapoor-Hintzen, PhD, RN, AOCN, FAAN

Supportive Care Nurse Practitioner, Advanced Practice Provider Manager, Supportive Care, Geriatric Oncology and Integrative Medicine Memorial Sloan Kettering Cancer Center, Accountant, CEO

__alt__gciiajd99muq1ovb7e5908
Dina Alexandria Smithington

Caregiver Program Coordinator, CancerCare, Person

__alt__gciiajd99muq1ovb7e5908
Steve Perry

Sing Man Voicer, Microphone Jockey, Singer

App Search List

default search list

                                    <app-search-list class="search-list" data-variable="ListingPageData">
                                      <script>
                                        window.CancerCare = window.CancerCare ?? {};
                                        window.CancerCare.ListingPageData = "[{&quot;title&quot;:&quot;Acute lymphoblastic leukemia&quot;,&quot;url&quot;:&quot;test&quot;,&quot;group&quot;:&quot;A&quot;},{&quot;title&quot;:&quot;Acute myeloid leukemia&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;A&quot;},{&quot;title&quot;:&quot;Adrenal cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;A&quot;},{&quot;title&quot;:&quot;Basal cell carcinoma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;B&quot;},{&quot;title&quot;:&quot;Bladder cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;B&quot;},{&quot;title&quot;:&quot;Bone cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;B&quot;},{&quot;title&quot;:&quot;Brain tumor&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;B&quot;},{&quot;title&quot;:&quot;Breast cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;B&quot;},{&quot;title&quot;:&quot;Cervical cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;C&quot;},{&quot;title&quot;:&quot;Colon cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;C&quot;},{&quot;title&quot;:&quot;Colorectal cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;C&quot;},{&quot;title&quot;:&quot;Chronic lymphocytic leukemia&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;C&quot;},{&quot;title&quot;:&quot;Ductal carcinoma in situ&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;D&quot;},{&quot;title&quot;:&quot;Endometrial cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;E&quot;},{&quot;title&quot;:&quot;Esophageal cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;E&quot;},{&quot;title&quot;:&quot;Fallopian tube cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;F&quot;},{&quot;title&quot;:&quot;Follicular lymphoma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;F&quot;},{&quot;title&quot;:&quot;Gallbladder cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;G&quot;},{&quot;title&quot;:&quot;Gastric cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;G&quot;},{&quot;title&quot;:&quot;Gastrointestinal stromal tumor&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;G&quot;},{&quot;title&quot;:&quot;Glioblastoma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;G&quot;},{&quot;title&quot;:&quot;Glioma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;G&quot;},{&quot;title&quot;:&quot;Head and neck cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;H&quot;},{&quot;title&quot;:&quot;Hodgkin lymphoma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;H&quot;},{&quot;title&quot;:&quot;Kidney cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;K&quot;},{&quot;title&quot;:&quot;Laryngeal cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;L&quot;},{&quot;title&quot;:&quot;Leukemia&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;L&quot;},{&quot;title&quot;:&quot;Liver cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;L&quot;},{&quot;title&quot;:&quot;Lung cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;L&quot;},{&quot;title&quot;:&quot;Lymphoma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;L&quot;},{&quot;title&quot;:&quot;Malignant mesothelioma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;M&quot;},{&quot;title&quot;:&quot;Melanoma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;M&quot;},{&quot;title&quot;:&quot;Multiple myeloma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;M&quot;},{&quot;title&quot;:&quot;Myelodysplastic syndromes&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;M&quot;},{&quot;title&quot;:&quot;Myeloproliferative neoplasms&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;M&quot;},{&quot;title&quot;:&quot;Nasopharyngeal cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;N&quot;},{&quot;title&quot;:&quot;Neuroblastoma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;N&quot;},{&quot;title&quot;:&quot;Non-Hodgkin lymphoma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;N&quot;},{&quot;title&quot;:&quot;Oral cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;O&quot;},{&quot;title&quot;:&quot;Ovarian cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;O&quot;},{&quot;title&quot;:&quot;Pancreatic cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;P&quot;},{&quot;title&quot;:&quot;Parathyroid cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;P&quot;},{&quot;title&quot;:&quot;Penile cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;P&quot;},{&quot;title&quot;:&quot;Pituitary tumor&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;P&quot;},{&quot;title&quot;:&quot;Prostate cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;P&quot;},{&quot;title&quot;:&quot;Rectal cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;R&quot;},{&quot;title&quot;:&quot;Renal cell carcinoma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;R&quot;},{&quot;title&quot;:&quot;Retinoblastoma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;R&quot;},{&quot;title&quot;:&quot;Salivary gland cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;S&quot;},{&quot;title&quot;:&quot;Sarcoma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;S&quot;},{&quot;title&quot;:&quot;Skin cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;S&quot;},{&quot;title&quot;:&quot;Small intestine cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;S&quot;},{&quot;title&quot;:&quot;Soft tissue sarcoma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;S&quot;},{&quot;title&quot;:&quot;Squamous cell carcinoma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;S&quot;},{&quot;title&quot;:&quot;Testicular cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;T&quot;},{&quot;title&quot;:&quot;Thymoma&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;T&quot;},{&quot;title&quot;:&quot;Thyroid cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;T&quot;},{&quot;title&quot;:&quot;Tracheal cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;T&quot;},{&quot;title&quot;:&quot;Uterine cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;U&quot;},{&quot;title&quot;:&quot;Vaginal cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;V&quot;},{&quot;title&quot;:&quot;Vulvar cancer&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;V&quot;},{&quot;title&quot;:&quot;Waldenstrom macroglobulinemia&quot;,&quot;url&quot;:&quot;&quot;,&quot;group&quot;:&quot;W&quot;}]"
                                        // 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

default 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.

left section header

                                    <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.

right section header

                                    <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.

filled section header

                                    <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

default 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

default 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>
stacked 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

default 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

default 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.

title image
video app title

                                    <app-title class="title">
                                      <div class="title__inner">
                                        <div class="title__content">
                                          <p class="title__eyebrow">Cancer Diagnosis &amp; 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.

simplified app title

                                    <app-title class="title title--simple">
                                      <div class="title__inner">
                                        <div class="title__content">
                                          <p class="title__eyebrow">Cancer Diagnosis &amp; Topics</p>
                                          <p class="title__header">Cancer Diagnosis</p>
                                        </div>
                                      </div>
                                    </app-title>

Cancer Diagnosis & Topics

Cancer Diagnosis

App Video List

default 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.

View More

App Wysiwyg

default 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

Disclosure
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
Email
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.

Firstname Lastname

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
  1. Ordered
  2. List
  3. dolor

Blue Form

default kentico-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&apos;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>
Please enter a value.
Explanation text
Lorem ipsum dolor sit amet
This was a misspelled description, now it's not
9%
name-of-file.docDelete file
default kentico-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>
Personal Information
This was a misspelled description, now it's not
Please enter a value.
Please enter a value.
Please enter a value.
Contact Information
Please enter a value.
Please enter a value.
Please enter a value.
Explanation text
Explanation text
Explanation text
Other Information