www.americangreetings.com
Open in
urlscan Pro
2a02:26f0:3500:280::239b
Public Scan
Submitted URL: https://click.email.americangreetings.com/?qs=9fad25f6e3651f151ac2a73d2f4b7401c7b0e5e661ad004ad2ef75cd70e9a7fe565424f31fa2a65ebea9eda403de...
Effective URL: https://www.americangreetings.com/ecards?utm_medium=email_marketing&utm_source=et&utm_campaign=NEW_SITE_NM
Submission: On May 24 via api from US — Scanned from DE
Effective URL: https://www.americangreetings.com/ecards?utm_medium=email_marketing&utm_source=et&utm_campaign=NEW_SITE_NM
Submission: On May 24 via api from US — Scanned from DE
Form analysis 6 forms found in the DOM
<form class="filters form --no-active-filters --wait-filters-init --fields-ready --init --filters-init" id="ag-filters" data-filter-type="archive" data-has-loading="" novalidate="novalidate">
<div class="loading" aria-hidden="true" inert="true">
<div class="loading__inner" aria-label="loading" tabindex="-1">
<div class="css-icon --loader">
<span class="glow"></span>
</div>
</div>
</div>
<div aria-live="polite" data-ignore-inert="" aria-relevant="additions text" class="form__errors --empty" data-form="ag-filters" data-last-height="16" style="--js-height: 16px;">
<div>
<header class="sr-only"></header>
<ul class="form__errors-list">
</ul>
</div>
</div>
<input type="hidden" name="sort_by" value="relevance">
<input type="hidden" name="num_results_per_page" value="60">
<input type="hidden" name="page" value="1">
<input type="hidden" name="max-filters-per-block" value="6">
<input type="hidden" name="max-trigger" value="8">
<input type="hidden" name="max-filters" value="20">
<input type="hidden" name="is-landing" value="1">
<input type="hidden" name="original-pathname" value="/ecards">
<div class="filters__blocks">
<div class="filters__block-holder --active-filters --hidden">
<fieldset aria-label="active filters" class="filters__block --active-filters --init" aria-hidden="true" inert="true" data-last-height="66.484375" style="--block-height: 66.484375px;">
<div class="filters__wrapper">
<header class="filters__heading"> Filters <button type="button" class="btn-simple filters__reset visible-sm">
<span class="active-filter__text">Clear All</span>
</button>
</header>
<div class="filter__list-wrapper" data-last-height="8" style="--list-height: 8px;">
<div class="filter__list-inner">
<ul class="filters__actives">
</ul>
</div>
</div>
<button type="button" class="btn-simple filters__reset hidden-sm">
<span class="active-filter__text">Clear All</span>
</button>
</div>
</fieldset>
</div>
<div class="filters__block-holder --occasions">
<fieldset name="Occasions" aria-label="Occasions" aria-description="" class="filters__block --occasions --init --transitioning" aria-hidden="false" data-last-height="233.09375" style="--block-height: 233.09375px;">
<div class="filters__wrapper">
<header class="filters__heading"> Occasions </header>
<div class="filter__list-wrapper" data-last-height="176" style="--list-height: 176px;">
<div class="filter__list-inner">
<ul class="filters__list">
<li class="filter">
<div class="field --checkbox --group-lead --init-as-group">
<span class="field__output --empty" aria-hidden="true" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Birthday" data-option-display="Birthday" data-path="/birthday" id="ag-filters-Occasions">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Birthday</span><span class="filter__count">493</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Anniversary" data-option-display="Anniversary" data-path="/anniversary">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Anniversary</span><span class="filter__count">67</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Thank You" data-option-display="Thank You" data-path="/thank-you">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Thank You</span><span class="filter__count">130</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Thinking of You" data-option-display="Thinking of You" data-path="/thinking-of-you">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Thinking of You</span><span class="filter__count">136</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Get Well" data-option-display="Get Well" data-path="/get-well">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Get Well</span><span class="filter__count">38</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Congrats" data-option-display="Congrats" data-path="/congrats">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Congrats</span><span class="filter__count">87</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Graduation" data-option-display="Graduation" data-path="/graduation">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Graduation</span><span class="filter__count">30</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Just Because" data-option-display="Just Because" data-path="/just-because">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Just Because</span><span class="filter__count">89</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Friendship" data-option-display="Friendship" data-path="/friendship">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Friendship</span><span class="filter__count">86</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Encouragement" data-option-display="Encouragement" data-path="/encouragement">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Encouragement</span><span class="filter__count">83</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Miss You" data-option-display="Miss You" data-path="/miss-you">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Miss You</span><span class="filter__count">44</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Love" data-option-display="Love" data-path="/love">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Love</span><span class="filter__count">81</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Baby" data-option-display="Baby" data-path="/baby">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Baby</span><span class="filter__count">30</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Wedding & Engagement" data-option-display="Wedding & Engagement" data-path="/wedding-and-engagement">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Wedding & Engagement</span><span class="filter__count">27</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Retirement" data-option-display="Retirement" data-path="/retirement">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Retirement</span><span class="filter__count">10</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Sympathy" data-option-display="Sympathy" data-path="/sympathy">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Sympathy</span><span class="filter__count">24</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Belated" data-option-display="Belated Birthday" data-path="/belated">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Belated Birthday</span><span class="filter__count">14</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="School" data-option-display="Back to School" data-path="/school">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Back to School</span><span class="filter__count">11</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Good Bye & Good Luck" data-option-display="Good Bye & Good Luck" data-path="/good-bye-and-good-luck">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Good Bye & Good Luck</span><span class="filter__count">23</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Occasions" value="Sorry" data-option-display="Sorry" data-path="/sorry">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Sorry</span><span class="filter__count">15</span></span>
</div>
</label>
</div>
</li>
</ul>
</div>
</div>
<button type="button" aria-expanded="false" class="btn-simple filters__show-more">
<span class="btn-simple__text">Show more</span> <span class="btn-simple__count">(+14)</span>
</button>
</div>
</fieldset>
</div>
<div class="filters__block-holder --holidays">
<fieldset name="Holidays" aria-label="Holidays" aria-description="" class="filters__block --holidays --init --transitioning" aria-hidden="false" data-last-height="233.09375" style="--block-height: 233.09375px;">
<div class="filters__wrapper">
<header class="filters__heading"> Holidays </header>
<div class="filter__list-wrapper" data-last-height="176" style="--list-height: 176px;">
<div class="filter__list-inner">
<ul class="filters__list">
<li class="filter">
<div class="field --checkbox --group-lead --init-as-group">
<span class="field__output --empty" aria-hidden="true" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Memorial Day" data-option-display="Memorial Day" data-path="/memorial-day" id="ag-filters-Holidays">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Memorial Day</span><span class="filter__count">19</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Pride Month" data-option-display="Pride Month" data-path="/pride-month">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Pride Month</span><span class="filter__count">4</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Father's Day" data-option-display="Father's Day" data-path="/fathers-day">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Father's Day</span><span class="filter__count">96</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Juneteenth" data-option-display="Juneteenth" data-path="/juneteenth">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Juneteenth</span><span class="filter__count">11</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="4th of July" data-option-display="4th of July" data-path="/4th-of-july">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">4th of July</span><span class="filter__count">34</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Friendship Day" data-option-display="Friendship Day" data-path="/friendship-day">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Friendship Day</span><span class="filter__count">13</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Labor Day" data-option-display="Labor Day" data-path="/labor-day">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Labor Day</span><span class="filter__count">14</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Grandparents Day" data-option-display="Grandparents Day" data-path="/grandparents-day">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Grandparents Day</span><span class="filter__count">8</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Rosh Hashanah" data-option-display="Rosh Hashanah" data-path="/rosh-hashanah">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Rosh Hashanah</span><span class="filter__count">22</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Patriot Day" data-option-display="Patriot Day" data-path="/patriot-day">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Patriot Day</span><span class="filter__count">4</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Breast Cancer Awareness Month" data-option-display="Breast Cancer Awareness Month" data-path="/breast-cancer-awareness-month">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Breast Cancer Awareness Month</span><span class="filter__count">1</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Canadian Thanksgiving" data-option-display="Canadian Thanksgiving" data-path="/canadian-thanksgiving">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Canadian Thanksgiving</span><span class="filter__count">25</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Columbus Day" data-option-display="Columbus Day" data-path="/columbus-day">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Columbus Day</span><span class="filter__count">4</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Boss's Day" data-option-display="Boss's Day" data-path="/bosss-day">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Boss's Day</span><span class="filter__count">20</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Sweetest Day" data-option-display="Sweetest Day" data-path="/sweetest-day">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Sweetest Day</span><span class="filter__count">12</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Halloween" data-option-display="Halloween" data-path="/halloween">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Halloween</span><span class="filter__count">60</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Day of the Dead" data-option-display="Day of the Dead" data-path="/day-of-the-dead">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Day of the Dead</span><span class="filter__count">1</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Diwali" data-option-display="Diwali" data-path="/diwali">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Diwali</span><span class="filter__count">4</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Veterans Day" data-option-display="Veterans Day" data-path="/veterans-day">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Veterans Day</span><span class="filter__count">24</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Holidays" value="Election Day" data-option-display="Election Day" data-path="/election-day">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Election Day</span><span class="filter__count">1</span></span>
</div>
</label>
</div>
</li>
</ul>
</div>
</div>
<button type="button" aria-expanded="false" class="btn-simple filters__show-more">
<span class="btn-simple__text">Show more</span> <span class="btn-simple__count">(+14)</span>
</button>
</div>
</fieldset>
</div>
<div class="filters__block-holder --tones">
<fieldset name="Tones" aria-label="Tones" aria-description="" class="filters__block --tones --init" aria-hidden="false" data-last-height="203.703125" style="--block-height: 203.703125px;">
<div class="filters__wrapper">
<header class="filters__heading"> Tones </header>
<div class="filter__list-wrapper" data-last-height="176" style="--list-height: 176px;">
<div class="filter__list-inner">
<ul class="filters__list">
<li class="filter">
<div class="field --checkbox --group-lead --init-as-group">
<span class="field__output --empty" aria-hidden="true" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Tones" value="Funny" data-option-display="Funny" data-path="/funny" id="ag-filters-Tones">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Funny</span><span class="filter__count">730</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Tones" value="Heartfelt" data-option-display="Heartfelt" data-path="/heartfelt">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Heartfelt</span><span class="filter__count">710</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Tones" value="Cute" data-option-display="Cute" data-path="/cute">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Cute</span><span class="filter__count">433</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Tones" value="Religious" data-option-display="Religious" data-path="/religious">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Religious</span><span class="filter__count">191</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Tones" value="Inspirational" data-option-display="Inspirational" data-path="/inspirational">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Inspirational</span><span class="filter__count">68</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Tones" value="Romantic" data-option-display="Romantic" data-path="/romantic">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Romantic</span><span class="filter__count">93</span></span>
</div>
</label>
</div>
</li>
</ul>
</div>
</div>
</div>
</fieldset>
</div>
<div class="filters__block-holder --recipients">
<fieldset name="Recipients" aria-label="Recipients" aria-description="" class="filters__block --recipients --init --transitioning" aria-hidden="false" data-last-height="233.09375" style="--block-height: 233.09375px;">
<div class="filters__wrapper">
<header class="filters__heading"> Recipients </header>
<div class="filter__list-wrapper" data-last-height="176" style="--list-height: 176px;">
<div class="filter__list-inner">
<ul class="filters__list">
<li class="filter">
<div class="field --checkbox --group-lead --init-as-group">
<span class="field__output --empty" aria-hidden="true" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Anyone" data-option-display="For Anyone" data-path="/for-anyone" id="ag-filters-Recipients">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Anyone</span><span class="filter__count">1906</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Aunt" data-option-display="For Aunt" data-path="/for-aunt">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Aunt</span><span class="filter__count">15</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Brother" data-option-display="For Brother" data-path="/for-brother">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Brother</span><span class="filter__count">26</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For co-worker" data-option-display="For Co-worker" data-path="/for-co-worker">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Co-worker</span><span class="filter__count">39</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Couples" data-option-display="For Couples" data-path="/for-couples">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Couples</span><span class="filter__count">41</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Daughter" data-option-display="For Daughter" data-path="/for-daughter">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Daughter</span><span class="filter__count">31</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Family" data-option-display="For Family" data-path="/for-family">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Family</span><span class="filter__count">203</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Father" data-option-display="For Father" data-path="/for-father">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Father</span><span class="filter__count">64</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For friend" data-option-display="For Friend" data-path="/for-friend">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Friend</span><span class="filter__count">87</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Granddaughter" data-option-display="For Granddaughter" data-path="/for-granddaughter">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Granddaughter</span><span class="filter__count">16</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Grandfather" data-option-display="For Grandfather" data-path="/for-grandfather">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Grandfather</span><span class="filter__count">29</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Grandmother" data-option-display="For Grandmother" data-path="/for-grandmother">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Grandmother</span><span class="filter__count">26</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Grandson" data-option-display="For Grandson" data-path="/for-grandson">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Grandson</span><span class="filter__count">13</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Her" data-option-display="For Her" data-path="/for-her">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Her</span><span class="filter__count">158</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Him" data-option-display="For Him" data-path="/for-him">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Him</span><span class="filter__count">93</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Husband" data-option-display="For Husband" data-path="/for-husband">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Husband</span><span class="filter__count">14</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Kids" data-option-display="For Kids" data-path="/for-kids">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Kids</span><span class="filter__count">79</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Mother" data-option-display="For Mother" data-path="/for-mother">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Mother</span><span class="filter__count">73</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Nephew" data-option-display="For Nephew" data-path="/for-nephew">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Nephew</span><span class="filter__count">11</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Recipients" value="For Niece" data-option-display="For Niece" data-path="/for-niece">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">For Niece</span><span class="filter__count">14</span></span>
</div>
</label>
</div>
</li>
</ul>
</div>
</div>
<button type="button" aria-expanded="false" class="btn-simple filters__show-more">
<span class="btn-simple__text">Show more</span> <span class="btn-simple__count">(+14)</span>
</button>
</div>
</fieldset>
</div>
<div class="filters__block-holder --collections">
<fieldset name="Collections" aria-label="Collections" aria-description="" class="filters__block --collections --init" aria-hidden="false" data-last-height="203.703125" style="--block-height: 203.703125px;">
<div class="filters__wrapper">
<header class="filters__heading"> Collections </header>
<div class="filter__list-wrapper" data-last-height="176" style="--list-height: 176px;">
<div class="filter__list-inner">
<ul class="filters__list">
<li class="filter">
<div class="field --checkbox --group-lead --init-as-group">
<span class="field__output --empty" aria-hidden="true" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Collections" value="Smashups" data-option-display="SmashUps" data-path="/smashups" id="ag-filters-Collections">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">SmashUps</span><span class="filter__count">156</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Collections" value="Dolly Parton" data-option-display="Dolly Parton" data-path="/dolly-parton">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Dolly Parton</span><span class="filter__count">19</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Collections" value="Kathy Davis" data-option-display="Kathy Davis" data-path="/kathy-davis">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Kathy Davis</span><span class="filter__count">37</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Collections" value="our voices" data-option-display="Our Voices" data-path="/our-voices">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Our Voices</span><span class="filter__count">10</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Collections" value="Astrology" data-option-display="Astrology" data-path="/astrology">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Astrology</span><span class="filter__count">14</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Collections" value="LGBTQ+" data-option-display="LGBTQ+" data-path="/collections-lgbtq">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">LGBTQ+</span><span class="filter__count">6</span></span>
</div>
</label>
</div>
</li>
</ul>
</div>
</div>
</div>
</fieldset>
</div>
<div class="filters__block-holder --custom-features">
<fieldset name="Custom Features" aria-label="Features" aria-description="" class="filters__block --custom-features --init" aria-hidden="false" data-last-height="175.703125" style="--block-height: 175.703125px;">
<div class="filters__wrapper">
<header class="filters__heading"> Features </header>
<div class="filter__list-wrapper" data-last-height="148" style="--list-height: 148px;">
<div class="filter__list-inner">
<ul class="filters__list">
<li class="filter">
<div class="field --checkbox --group-lead --init-as-group">
<span class="field__output --empty" aria-hidden="true" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Custom Features" value="Type Any Name" data-option-display="Type Any Name" data-path="/type-any-name" id="ag-filters-Custom Features">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Type Any Name</span><span class="filter__count">16</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Custom Features" value="Music" data-option-display="Music" data-path="/music">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Music</span><span class="filter__count">108</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Custom Features" value="Talking" data-option-display="Talking" data-path="/talking">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Talking</span><span class="filter__count">50</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Custom Features" value="Add-a-Photo" data-option-display="Add-a-Photo" data-path="/add-a-photo">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Add-a-Photo</span><span class="filter__count">37</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Custom Features" value="Game Quiz" data-option-display="Game or Quiz" data-path="/game-quiz">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Game or Quiz</span><span class="filter__count">16</span></span>
</div>
</label>
</div>
</li>
</ul>
</div>
</div>
</div>
</fieldset>
</div>
<div class="filters__block-holder --themes">
<fieldset name="Themes" aria-label="Themes" aria-description="" class="filters__block --themes --init --transitioning" aria-hidden="false" data-last-height="233.09375" style="--block-height: 233.09375px;">
<div class="filters__wrapper">
<header class="filters__heading"> Themes </header>
<div class="filter__list-wrapper" data-last-height="176" style="--list-height: 176px;">
<div class="filter__list-inner">
<ul class="filters__list">
<li class="filter">
<div class="field --checkbox --group-lead --init-as-group">
<span class="field__output --empty" aria-hidden="true" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="1st Birthday" data-option-display="1st Birthday" data-path="/1st-birthday" id="ag-filters-Themes">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">1st Birthday</span><span class="filter__count">6</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="16th Birthday" data-option-display="16th Birthday" data-path="/16th-birthday">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">16th Birthday</span><span class="filter__count">6</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="18th Birthday" data-option-display="18th Birthday" data-path="/18th-birthday">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">18th Birthday</span><span class="filter__count">6</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="21st Birthday" data-option-display="21st Birthday" data-path="/21st-birthday">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">21st Birthday</span><span class="filter__count">9</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="30th Birthday" data-option-display="30th Birthday" data-path="/30th-birthday">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">30th Birthday</span><span class="filter__count">8</span></span>
</div>
</label>
</div>
</li>
<li class="filter">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="40th Birthday" data-option-display="40th Birthday" data-path="/40th-birthday">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">40th Birthday</span><span class="filter__count">8</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="50th Birthday" data-option-display="50th Birthday" data-path="/50th-birthday">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">50th Birthday</span><span class="filter__count">10</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="60th Birthday" data-option-display="60th Birthday" data-path="/60th-birthday">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">60th Birthday</span><span class="filter__count">8</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="70th Birthday" data-option-display="70th Birthday" data-path="/70th-birthday">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">70th Birthday</span><span class="filter__count">7</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="80th Birthday" data-option-display="80th Birthday" data-path="/80th-birthday">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">80th Birthday</span><span class="filter__count">7</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="90th Birthday" data-option-display="90th Birthday" data-path="/90th-birthday">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">90th Birthday</span><span class="filter__count">6</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="100th Birthday" data-option-display="100th Birthday" data-path="/100th-birthday">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">100th Birthday</span><span class="filter__count">6</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="Care Bears" data-option-display="Care Bears" data-path="/care-bears">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Care Bears</span><span class="filter__count">1</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="Cats" data-option-display="Cats" data-path="/cats">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Cats</span><span class="filter__count">67</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="Original" data-option-display="Original" data-path="/original">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Original</span><span class="filter__count">48</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="Pets" data-option-display="Pets" data-path="/pets">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Pets</span><span class="filter__count">225</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="Dogs" data-option-display="Dogs" data-path="/dogs">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Dogs</span><span class="filter__count">161</span></span>
</div>
</label>
</div>
</li>
<li class="filter --may-be-hidden --hidden">
<div class="field --checkbox --init-as-group">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="Themes" value="Celebrity" data-option-display="Celebrity" data-path="/celebrity">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">Celebrity</span><span class="filter__count">15</span></span>
</div>
</label>
</div>
</li>
</ul>
</div>
</div>
<button type="button" aria-expanded="false" class="btn-simple filters__show-more">
<span class="btn-simple__text">Show more</span> <span class="btn-simple__count">(+12)</span>
</button>
</div>
</fieldset>
</div>
</div>
<template class="active-filter-template">
<li>
<button aria-label="remove {display} filter" type="button" class="filter-remove btn" data-filter="{filter}" value="{label}">
<span class="filter-remove__text">{display}</span>
<span class="css-icon --cross"></span>
</button>
</li>
</template>
<template class="filter-template">
<div class="filters__block-holder --{name} {hiddenClass}">
<fieldset name="{label}" aria-label="{display}" aria-description="{description}" class="filters__block --{name}" aria-hidden="false">
<div class="filters__wrapper">
<header class="filters__heading"> {display} </header>
<div class="filter__list-wrapper">
<div class="filter__list-inner">
<ul class="filters__list"> {filters} </ul>
</div>
</div> {showMore}
</div>
</fieldset>
</div>
</template>
<template class="trait-template">
<li class="filter {classes}">
<div class="field --checkbox">
<label class="checkbox --filled">
<input class="filter-trigger" type="checkbox" name="{name}" value="{label}" data-option-display="{display}" data-path="{path}" {selected}="">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text"><span class="checkbox__inner-text">{display}</span><span class="filter__count">{count}</span></span>
</div>
</label>
</div>
</li>
</template>
<template class="show-more-template">
<button type="button" aria-expanded="false" class="btn-simple filters__show-more">
<span class="btn-simple__text">Show more</span> <span class="btn-simple__count">(+{remaining})</span>
</button>
</template>
</form>POST javascript:void(0)
<form class="form --fields-ready --init" id="newsletter-form" data-action-label="Nesletter Subscription" action="javascript:void(0)" data-endpoint="https://www.americangreetings.com/newsletter/subscribe" method="POST" data-csrf-protect=""
data-recaptcha-protect="" novalidate="novalidate">
<div aria-live="polite" data-ignore-inert="" aria-relevant="additions text" class="form__errors --empty" data-form="newsletter-form" data-last-height="16" style="--js-height: 16px;">
<div>
<header class="sr-only"></header>
<ul class="form__errors-list">
</ul>
</div>
</div>
<div class="form__wrapper" aria-hidden="false">
<input type="hidden" name="origpqsn" value="5030">
<input type="hidden" name="origpq"
value="%7B%225030%22%3A%20%7B%22questionNumber%22%3A%205030%2C%20%22pageNumber%22%3A%204000%2C%20%22defaultChecked%22%3A%201%2C%20%22source%22%3A%20%22AG%22%2C%20%22startDate%22%3A%20%2205/03/2024%2008%3A29%22%2C%20%22endDate%22%3A%20%2201/01/2038%2000%3A00%22%2C%20%22questionHTML%22%3A%20%22Keep%20me%20up%20to%20date%20on%20the%20newest%20products%2C%20special%20offers%2C%20and%20more%20from%20American%20Greetings%21%22%2C%20%22modifiers%22%3A%20%5B%7B%22modifierNumber%22%3A%201%2C%20%22modifierDescription%22%3A%20%22Do%20not%20precheck%20if%20unchecked%20in%20past%22%7D%5D%2C%20%22permissions%22%3A%20%5B%7B%22sitegroup%22%3A%20561319985%2C%20%22customernumber%22%3A%20null%2C%20%22emailaddress%22%3A%20null%2C%20%22permissionNumber%22%3A%202000%2C%20%22isnewsletter%22%3A%201%2C%20%22prechecked%22%3A%200%2C%20%22result%22%3A%20null%2C%20%22attrCode%22%3A%20%22%22%2C%20%22description%22%3A%20%22AmericanGreetings.com%20Newsletter%22%2C%20%22source%22%3A%20%22AG%22%7D%5D%2C%20%22pqsn%22%3A%205030%7D%7D">
<input type="hidden" name="pqsn" value="5030">
<header>Sign up for American Greetings Emails</header>
<div class="text-block required-text --lighter --smaller --remain-left">
<p>Required field*</p>
</div>
<div class="layout --smallest">
<div class="layout__item">
<div class="field">
<div class="field__header">
<label class="field__label" for="newsletter-form-newsletter_first_name"> First Name </label>
</div>
<div class="field__wrapper">
<div class="field__input">
<input type="text" name="newsletter_first_name" autocomplete="given-name" maxlength="40" data-name="First Name" id="newsletter-form-newsletter_first_name" spellcheck="false">
</div>
</div><span class="field__output --empty" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
</div>
</div>
<div class="layout__item">
<div class="field">
<div class="field__header">
<label class="field__label" for="newsletter-form-newsletter_last_name"> Last Name </label>
</div>
<div class="field__wrapper">
<div class="field__input">
<input type="text" name="newsletter_last_name" autocomplete="family-name" maxlength="40" data-name="Last Name" id="newsletter-form-newsletter_last_name" spellcheck="false">
</div>
</div><span class="field__output --empty" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
</div>
</div>
<div class="layout__item">
<div class="field --required">
<div class="field__header">
<label class="field__label" for="newsletter-form-newsletter_email"> Email </label>
</div>
<div class="field__wrapper">
<div class="field__input">
<input type="email" name="newsletter_email" autocomplete="email" maxlength="255" data-name="Email" required="" id="newsletter-form-newsletter_email" spellcheck="false" aria-required="true">
</div>
</div><span class="field__output --empty" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
</div>
</div>
<div class="layout__item --submit">
<button type="submit" class="btn --submit" aria-label="Sign Up" aria-describedby="newsletter-form-legal">
<span class="btn__text">Sign Up</span>
<span class="btn__overlay">
<div class="css-icon --loader">
<span class="glow"></span>
</div>
</span>
</button>
</div>
</div>
<div class="terms-text text-block --lighter --smaller">
<p id="newsletter-form-legal">By clicking "Sign up", you agree to receive emails from AmericanGreetings.com and accept our <a href="/terms-of-service" target="_self" style="text-align: center;">Terms of Service</a>,
<a href="/policy-overview" target="_self" style="text-align: center;">Privacy Policy</a> and <a href="/cookies" target="_self" style="text-align: center;">Cookies Policy</a>.</p>
</div>
</div>
<div class="form__success"></div>
<!-- Templates -->
<template class="success-message-template">
<div class="form__message --bg-grey">
<div class="text-block --form-message --horizontal-message --centered">
<span class="animated-icon --success">
<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" fill="none" viewBox="0 0 144 144">
<path fill="#FF5069"
d="M62.052 103.383 72.15 93.286l.01.01.343-.343c.102-.101.21-.215.322-.341l15.998-15.999c1.662-1.661 1.587-4.379-.1-6.066a4.417 4.417 0 0 0-3.515-1.289l3.795-3.795h.001c1.978-1.99 2.392-5.043.63-6.806-1.046-1.045-2.535-1.326-3.988-.977l1.157-1.157h.001c1.979-1.99 2.392-5.043.63-6.806-1.774-1.773-4.828-1.349-6.807.63l-.232.233c.237-1.352-.093-2.724-1.082-3.713-1.758-1.758-4.729-1.446-6.645.47l-17.48 17.48-6.701 6.7a172.96 172.96 0 0 0 1.634-6.14c.558-2.242 1.133-4.654 1.134-7.08l.002-.076c.031-1.735-.587-3.872-2.797-4.695-2.289-.854-4.821.443-5.704 2.805l-7.193 19.31-.006.013a13.835 13.835 0 0 0-.195.432c-.13.295-.309.719-.513 1.24a33.01 33.01 0 0 0-1.294 4.023c-.384 1.55-.654 3.248-.577 4.815.076 1.565.5 3.06 1.57 4.13.383.382.14 1.218.617 1.286.557 1.606 2.221 2.552 3.572 3.903l4.38 4.379c-.542 1.593-.326 3.325.83 4.481 1.197 1.197 2.999 1.389 4.628.784 3.88 2.796 9.18 2.554 13.478-1.744Z">
</path>
<path fill="#D50032"
d="M18.554 93.182a5.215 5.215 0 0 0 0 7.375l20.542 20.542a5.216 5.216 0 0 0 7.375 0l5.982-5.982a5.216 5.216 0 0 0 0-7.376L31.911 87.2a5.215 5.215 0 0 0-7.375 0l-5.982 5.982Zm61.27-41.676a.515.515 0 0 1 0 .728l-18.9 18.9a.515.515 0 1 1-.728-.728l18.9-18.9a.515.515 0 0 1 .728 0Zm5.18 6.63a.515.515 0 0 1 0 .728l-18.18 18.18a.515.515 0 0 1-.728-.728l18.18-18.18a.515.515 0 0 1 .728 0Zm-.41 12.408a.515.515 0 1 0-.728-.728l-12.75 12.76a.515.515 0 0 0 .728.728l12.75-12.76Z">
</path>
<path fill="#FCD2D2"
d="M71.333 47.337c-1.917-1.917-4.888-2.228-6.646-.47-.992.992-1.321 2.369-1.079 3.725l-.245-.245c-1.979-1.98-5.033-2.403-6.806-.63-1.773 1.773-1.348 4.817.63 6.805l.142.143h.01l1.032 1.032c-1.46-.36-2.962-.081-4.014.97-1.762 1.763-1.349 4.816.63 6.805l.342.345.011-.011 3.452 3.452a4.417 4.417 0 0 0-3.515 1.29c-1.687 1.686-1.761 4.403-.1 6.065l16.001 16c.112.126.219.24.32.34l.342.343.01-.01 5.647 5.647.021.021 4.43 4.429c4.297 4.298 9.598 4.54 13.478 1.743 1.629.606 3.43.414 4.627-.783 1.156-1.156 1.373-2.889.831-4.481l4.379-4.379c1.352-1.351 2.32-2.922 2.877-4.529.477-.068.93-.278 1.313-.661 1.069-1.069 1.494-2.565 1.57-4.129.076-1.568-.194-3.265-.577-4.815a32.934 32.934 0 0 0-1.295-4.024 32.458 32.458 0 0 0-.666-1.58 5.184 5.184 0 0 0-.042-.09l-.005-.014-7.194-19.31c-.883-2.363-3.415-3.66-5.703-2.806-2.244.836-2.846 3.024-2.796 4.772.001 2.425.577 4.838 1.135 7.08.515 2.061 1.046 4.11 1.634 6.14l-24.181-24.18Z">
</path>
<path fill="#D50032"
d="M97.533 121.087a5.216 5.216 0 0 0 7.375 0l20.542-20.542a5.216 5.216 0 0 0 0-7.375l-5.983-5.982a5.215 5.215 0 0 0-7.375 0l-20.541 20.541a5.215 5.215 0 0 0 0 7.375l5.982 5.983ZM64.176 51.506a.515.515 0 0 1 .729 0l18.9 18.9a.515.515 0 1 1-.729.728l-18.9-18.9a.515.515 0 0 1 0-.728Zm-5.18 6.63a.515.515 0 0 1 .728 0l18.18 18.18a.515.515 0 0 1-.728.728l-18.18-18.18a.515.515 0 0 1 0-.728Zm1.139 11.68a.515.515 0 1 0-.729.728l12.75 12.76a.515.515 0 1 0 .729-.728l-12.75-12.76Zm13.06-47.866a1.195 1.195 0 1 0-2.39 0v15.51a1.195 1.195 0 1 0 2.39 0V21.95Zm10.638 1.25c.636.178 1.006.838.827 1.473l-4.03 14.34a1.195 1.195 0 1 1-2.3-.646l4.03-14.34a1.195 1.195 0 0 1 1.473-.827Zm10.027 6.974c.56.348.733 1.085.386 1.646l-6.21 10.02a1.195 1.195 0 0 1-2.032-1.26l6.21-10.02a1.195 1.195 0 0 1 1.645-.386ZM60.167 23.2a1.195 1.195 0 0 1 1.474.827l4.03 14.34a1.195 1.195 0 0 1-2.301.646l-4.03-14.34a1.195 1.195 0 0 1 .827-1.473Zm-8.381 7.36a1.195 1.195 0 1 0-2.032 1.26l6.21 10.02a1.195 1.195 0 0 0 2.032-1.26l-6.21-10.02Z">
</path>
</svg>
</span>
<div class="message">
<header class="mimic-h2">Subscribed to Newsletter</header>
<p>{message}</p>
</div>
</div>
</div>
</template>
</form>GET https://www.americangreetings.com/search
<form action="https://www.americangreetings.com/search" class="form --fields-ready --init" id="search" autocomplete="off" method="get" data-submit-on-page="" data-cnstrc-search-form="" novalidate="novalidate">
<div aria-live="polite" data-ignore-inert="" aria-relevant="additions text" class="form__errors --empty" data-form="search" data-last-height="16" style="--js-height: 16px;">
<div>
<header class="sr-only"></header>
<ul class="form__errors-list">
</ul>
</div>
</div>
<div class="form__wrapper" aria-hidden="false">
<div class="layout">
<div class="layout__item">
<div class="field --inset-button --predictive-search --required">
<div class="field__wrapper">
<div class="field__input">
<input aria-label="Search our products" data-cnstrc-search-input="" data-suggestion-mode="" data-guard="search" maxlength="40" data-required-error="Enter a keyword" data-source="constructor" data-dropdown-only="" required=""
placeholder="Search our products" name="q" value="" type="search" data-name="Search term" data-type="predictive-search" autocomplete="off" class="autofocus" id="search-q" spellcheck="false" aria-required="true">
</div>
<button type="submit" class="field__button --large-icon" aria-label="Search" data-cnstrc-search-submit-btn="">
<span class="field__button-content">
<svg role="graphics-symbol" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
<path
d="m18.872 18.106-2.684-2.675a6.25 6.25 0 0 0 1.334-3.867 6.314 6.314 0 1 0-6.314 6.314 6.25 6.25 0 0 0 3.867-1.334l2.676 2.683a.79.79 0 0 0 1.293-.257.79.79 0 0 0-.172-.864ZM6.473 11.564a4.735 4.735 0 1 1 9.47 0 4.735 4.735 0 0 1-9.47 0Z">
</path>
</svg>
</span>
<span class="field__button-overlay">
<div class="css-icon --loader">
<span class="glow"></span>
</div>
</span>
</button>
<div aria-hidden="true" class="field__selector --from-top --few-options" style="position: absolute; --max-results: 7;" data-cnstrc-autosuggest="" id="search-q-selector" inert="true">
<div class="field__selector-box">
<div class="field__selector-inner">
<div class="field__list-wrapper --empty --no-scroll" data-last-height="16" style="--js-height: 16px;">
<ul role="listbox" aria-label="Search term">
</ul>
</div>
<div role="alert" class="field__selector-empty"> There is no search term containing <strong></strong>
</div>
</div>
</div>
</div>
</div><span class="field__output --empty" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
<template class="select-item-template">
<li role="none" class="field__listitem {current}">
<button id="{id}" class="{current}" role="option" aria-selected="{current_boolean}" type="button" data-value="{value}" data-label="{value}" aria-label="search for {value}" {atts}=""> {inner-text} </button>
</li>
</template>
</div>
</div>
</div>
</div>
</form>POST javascript:void(0)
<form action="javascript:void(0)" data-action-label="Sign in" data-endpoint="https://www.americangreetings.com/signin" id="sign-in" class="form --all-required --fields-ready --init" autocomplete="on" method="post" data-has-output=""
data-success-timer="0" data-refresh="" data-csrf-protect="" novalidate="novalidate">
<div class="form__wrapper" aria-hidden="false">
<input type="hidden" name="referer" value="https://www.americangreetings.com/ecards?utm_medium=email_marketing&utm_source=et&utm_campaign=NEW_SITE_NM">
<div class="conditional-fields dynamic-height --spacing" data-name="first" data-conditional-field="forgot-password" data-last-height="37.0625" style="--dh-height: 37.0625px;">
<div class="conditional-fields__height">
<div class="conditional-fields__inner">
<div class="conditional-field --active" data-name="signin" data-conditional-value="unchecked">
<div class="conditional-field__inner --no-spacing --bottom-quarter-spacing">
<div aria-live="polite" data-ignore-inert="" aria-relevant="additions text" class="form__errors --empty" data-form="sign-in" data-last-height="16" style="--js-height: 16px;">
<div>
<header class="sr-only"></header>
<ul class="form__errors-list">
</ul>
</div>
</div>
<div class="text-block --remain-left --larger-p">
<p> Sign In with your email: </p>
</div>
</div>
</div>
<div class="conditional-field" data-name="forgot-password" data-conditional-value="checked" style="display:none;">
<div class="conditional-field__inner --half-spacing --bottom-spacing">
<div class="text-block --remain-left">
<div class="wizard-panel__header --no-divider --vertical-spacing --smaller">
<span class="wizard-panel__back-holder">
<button class="btn-action --medium back-button form-interact" data-dispatches="" data-field="forgot-password" data-value="unchecked" type="button" aria-label="go back to Sign In" aria-disabled="false">
<span class="css-icon --arrow-tail --back"></span>
</button>
</span>
<span class="text-block --inline --remain-left">
<h3>Forgot Password?</h3>
</span>
</div>
<p>Enter your email address tied to your account below and we will email you instructions for creating a new password.</p>
<p>If you no longer have access to the email address associated with your account, <a href="https://www.americangreetings.com/contact-us">contact us</a> for help.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="layout">
<div class="layout__item">
<div class="field --email --required">
<div class="field__header">
<label class="field__label" for="sign-in-email"> Email </label>
</div>
<div class="field__wrapper">
<div class="field__input">
<input type="email" data-name="Email" name="email" maxlength="255" autocomplete="email" data-cs-mask="" required="" id="sign-in-email" spellcheck="false" aria-required="true">
</div>
</div><span class="field__output --empty" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
</div>
</div>
<div class="layout__item">
<div class="conditional-fields dynamic-height --offset" data-name="second" data-conditional-field="forgot-password" data-last-height="162.703125" style="--dh-height: 162.703125px;">
<div class="conditional-fields__height">
<div class="conditional-fields__inner">
<div class="conditional-field --active" data-name="signin" data-conditional-value="unchecked">
<div class="conditional-field__inner --no-spacing">
<div class="layout">
<div class="layout__item">
<div class="field --password --inset-button --required">
<div class="field__header">
<label class="field__label" for="sign-in-password"> Password </label>
</div>
<div class="field__wrapper">
<div class="field__input">
<input type="password" name="password" maxlength="256" autocomplete="current-password" data-cs-mask="" required="" id="sign-in-password" spellcheck="false" aria-required="true">
</div>
<button class="show-hide-button" type="button" aria-label="Show password">Show</button>
</div><span class="field__output --empty" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
</div>
</div>
<div class="layout__item --start">
<div class="field --checkbox --plain-field --group-lead">
<span class="field__output --empty" aria-hidden="true" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
<label class="checkbox hidden">
<input type="checkbox" name="forgot-password" value="1" id="sign-in-forgot-password">
<div class="checkbox__label">
<span class="checkbox__text">Forgot Password?</span>
</div>
</label>
<button type="button" class="inline-link --secondary form-interact" aria-expanded="false" data-dispatches="" data-field="forgot-password" data-value="checked"> Forgot Password? </button>
</div>
</div>
<div class="layout__item">
<div class="field --checkbox --group-lead">
<span class="field__output --empty" aria-hidden="true" data-last-height="0" style="--js-height: 0px;">
<div class="error-wrapper"></div>
</span>
<label class="checkbox">
<input type="checkbox" name="autologin" value="1" id="sign-in-autologin">
<div class="checkbox__label">
<span class="checkbox__input">
<span class="check-icon"></span>
</span>
<span class="checkbox__text">Remember me everytime I visit</span>
</div>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="conditional-field" data-name="forgot-password" data-conditional-value="checked" style="display:none;">
</div>
</div>
</div>
</div>
<div class="conditional-fields dynamic-height" data-name="third" data-conditional-field="forgot-password" data-last-height="93.875" style="--dh-height: 93.875px;">
<div class="conditional-fields__height">
<div class="conditional-fields__inner">
<div class="conditional-field --active" data-name="signin" data-conditional-value="unchecked">
<div class="conditional-field__inner --third-spacing">
<div class="layout">
<div class="layout__item">
<button data-cy="sign-in" type="submit" class="btn --inner-loader --full-width" aria-label="Sign In">
<span class="btn__text"> SIGN IN </span>
<span class="btn__overlay">
<div class="css-icon --loader">
<span class="glow"></span>
</div>
</span>
</button>
</div>
<div class="layout__item">
<div class="text-block --larger-p">
<p>Not a member?
<a class="btn-simple" href="https://www.americangreetings.com/join?referer=https://www.americangreetings.com/ecards?utm_medium=email_marketing&utm_source=et&utm_campaign=NEW_SITE_NM" aria-label="Not a member? Join Now">Join Now</a>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="conditional-field" data-name="forgot-password" data-conditional-value="checked" style="display:none;">
<div class="layout conditional-field__inner --no-spacing">
<div class="layout__item">
<button data-cy="reset-password" type="submit" class="btn --full-width --inner-loader" aria-label="reset password">
<span class="btn__text"> Reset Password </span>
<span class="btn__overlay">
<div class="css-icon --loader">
<span class="glow"></span>
</div>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="form__success"></div>
<!-- Templates -->
<template class="success-message-template">
<div class="form__message">
<div class="text-block --form-message ">
<span class="animated-icon --success">
<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" fill="none" viewBox="0 0 144 144">
<path fill="#FF5069"
d="M62.052 103.383 72.15 93.286l.01.01.343-.343c.102-.101.21-.215.322-.341l15.998-15.999c1.662-1.661 1.587-4.379-.1-6.066a4.417 4.417 0 0 0-3.515-1.289l3.795-3.795h.001c1.978-1.99 2.392-5.043.63-6.806-1.046-1.045-2.535-1.326-3.988-.977l1.157-1.157h.001c1.979-1.99 2.392-5.043.63-6.806-1.774-1.773-4.828-1.349-6.807.63l-.232.233c.237-1.352-.093-2.724-1.082-3.713-1.758-1.758-4.729-1.446-6.645.47l-17.48 17.48-6.701 6.7a172.96 172.96 0 0 0 1.634-6.14c.558-2.242 1.133-4.654 1.134-7.08l.002-.076c.031-1.735-.587-3.872-2.797-4.695-2.289-.854-4.821.443-5.704 2.805l-7.193 19.31-.006.013a13.835 13.835 0 0 0-.195.432c-.13.295-.309.719-.513 1.24a33.01 33.01 0 0 0-1.294 4.023c-.384 1.55-.654 3.248-.577 4.815.076 1.565.5 3.06 1.57 4.13.383.382.14 1.218.617 1.286.557 1.606 2.221 2.552 3.572 3.903l4.38 4.379c-.542 1.593-.326 3.325.83 4.481 1.197 1.197 2.999 1.389 4.628.784 3.88 2.796 9.18 2.554 13.478-1.744Z">
</path>
<path fill="#D50032"
d="M18.554 93.182a5.215 5.215 0 0 0 0 7.375l20.542 20.542a5.216 5.216 0 0 0 7.375 0l5.982-5.982a5.216 5.216 0 0 0 0-7.376L31.911 87.2a5.215 5.215 0 0 0-7.375 0l-5.982 5.982Zm61.27-41.676a.515.515 0 0 1 0 .728l-18.9 18.9a.515.515 0 1 1-.728-.728l18.9-18.9a.515.515 0 0 1 .728 0Zm5.18 6.63a.515.515 0 0 1 0 .728l-18.18 18.18a.515.515 0 0 1-.728-.728l18.18-18.18a.515.515 0 0 1 .728 0Zm-.41 12.408a.515.515 0 1 0-.728-.728l-12.75 12.76a.515.515 0 0 0 .728.728l12.75-12.76Z">
</path>
<path fill="#FCD2D2"
d="M71.333 47.337c-1.917-1.917-4.888-2.228-6.646-.47-.992.992-1.321 2.369-1.079 3.725l-.245-.245c-1.979-1.98-5.033-2.403-6.806-.63-1.773 1.773-1.348 4.817.63 6.805l.142.143h.01l1.032 1.032c-1.46-.36-2.962-.081-4.014.97-1.762 1.763-1.349 4.816.63 6.805l.342.345.011-.011 3.452 3.452a4.417 4.417 0 0 0-3.515 1.29c-1.687 1.686-1.761 4.403-.1 6.065l16.001 16c.112.126.219.24.32.34l.342.343.01-.01 5.647 5.647.021.021 4.43 4.429c4.297 4.298 9.598 4.54 13.478 1.743 1.629.606 3.43.414 4.627-.783 1.156-1.156 1.373-2.889.831-4.481l4.379-4.379c1.352-1.351 2.32-2.922 2.877-4.529.477-.068.93-.278 1.313-.661 1.069-1.069 1.494-2.565 1.57-4.129.076-1.568-.194-3.265-.577-4.815a32.934 32.934 0 0 0-1.295-4.024 32.458 32.458 0 0 0-.666-1.58 5.184 5.184 0 0 0-.042-.09l-.005-.014-7.194-19.31c-.883-2.363-3.415-3.66-5.703-2.806-2.244.836-2.846 3.024-2.796 4.772.001 2.425.577 4.838 1.135 7.08.515 2.061 1.046 4.11 1.634 6.14l-24.181-24.18Z">
</path>
<path fill="#D50032"
d="M97.533 121.087a5.216 5.216 0 0 0 7.375 0l20.542-20.542a5.216 5.216 0 0 0 0-7.375l-5.983-5.982a5.215 5.215 0 0 0-7.375 0l-20.541 20.541a5.215 5.215 0 0 0 0 7.375l5.982 5.983ZM64.176 51.506a.515.515 0 0 1 .729 0l18.9 18.9a.515.515 0 1 1-.729.728l-18.9-18.9a.515.515 0 0 1 0-.728Zm-5.18 6.63a.515.515 0 0 1 .728 0l18.18 18.18a.515.515 0 0 1-.728.728l-18.18-18.18a.515.515 0 0 1 0-.728Zm1.139 11.68a.515.515 0 1 0-.729.728l12.75 12.76a.515.515 0 1 0 .729-.728l-12.75-12.76Zm13.06-47.866a1.195 1.195 0 1 0-2.39 0v15.51a1.195 1.195 0 1 0 2.39 0V21.95Zm10.638 1.25c.636.178 1.006.838.827 1.473l-4.03 14.34a1.195 1.195 0 1 1-2.3-.646l4.03-14.34a1.195 1.195 0 0 1 1.473-.827Zm10.027 6.974c.56.348.733 1.085.386 1.646l-6.21 10.02a1.195 1.195 0 0 1-2.032-1.26l6.21-10.02a1.195 1.195 0 0 1 1.645-.386ZM60.167 23.2a1.195 1.195 0 0 1 1.474.827l4.03 14.34a1.195 1.195 0 0 1-2.301.646l-4.03-14.34a1.195 1.195 0 0 1 .827-1.473Zm-8.381 7.36a1.195 1.195 0 1 0-2.032 1.26l6.21 10.02a1.195 1.195 0 0 0 2.032-1.26l-6.21-10.02Z">
</path>
</svg>
</span>
<header class="mimic-h2" data-cs-mask="">Hi {name}!<span class="sr-only">.</span></header>
<p> Sign in successful, redirecting.</p>
</div>
</div>
</template>
<template class="alt-success-message-template">
<div class="form__message">
<div class="text-block --form-message">
<span class="animated-icon --success">
<svg xmlns="http://www.w3.org/2000/svg" width="144" height="144" fill="none" viewBox="0 0 144 144">
<path fill="#FF5069"
d="M62.052 103.383 72.15 93.286l.01.01.343-.343c.102-.101.21-.215.322-.341l15.998-15.999c1.662-1.661 1.587-4.379-.1-6.066a4.417 4.417 0 0 0-3.515-1.289l3.795-3.795h.001c1.978-1.99 2.392-5.043.63-6.806-1.046-1.045-2.535-1.326-3.988-.977l1.157-1.157h.001c1.979-1.99 2.392-5.043.63-6.806-1.774-1.773-4.828-1.349-6.807.63l-.232.233c.237-1.352-.093-2.724-1.082-3.713-1.758-1.758-4.729-1.446-6.645.47l-17.48 17.48-6.701 6.7a172.96 172.96 0 0 0 1.634-6.14c.558-2.242 1.133-4.654 1.134-7.08l.002-.076c.031-1.735-.587-3.872-2.797-4.695-2.289-.854-4.821.443-5.704 2.805l-7.193 19.31-.006.013a13.835 13.835 0 0 0-.195.432c-.13.295-.309.719-.513 1.24a33.01 33.01 0 0 0-1.294 4.023c-.384 1.55-.654 3.248-.577 4.815.076 1.565.5 3.06 1.57 4.13.383.382.14 1.218.617 1.286.557 1.606 2.221 2.552 3.572 3.903l4.38 4.379c-.542 1.593-.326 3.325.83 4.481 1.197 1.197 2.999 1.389 4.628.784 3.88 2.796 9.18 2.554 13.478-1.744Z">
</path>
<path fill="#D50032"
d="M18.554 93.182a5.215 5.215 0 0 0 0 7.375l20.542 20.542a5.216 5.216 0 0 0 7.375 0l5.982-5.982a5.216 5.216 0 0 0 0-7.376L31.911 87.2a5.215 5.215 0 0 0-7.375 0l-5.982 5.982Zm61.27-41.676a.515.515 0 0 1 0 .728l-18.9 18.9a.515.515 0 1 1-.728-.728l18.9-18.9a.515.515 0 0 1 .728 0Zm5.18 6.63a.515.515 0 0 1 0 .728l-18.18 18.18a.515.515 0 0 1-.728-.728l18.18-18.18a.515.515 0 0 1 .728 0Zm-.41 12.408a.515.515 0 1 0-.728-.728l-12.75 12.76a.515.515 0 0 0 .728.728l12.75-12.76Z">
</path>
<path fill="#FCD2D2"
d="M71.333 47.337c-1.917-1.917-4.888-2.228-6.646-.47-.992.992-1.321 2.369-1.079 3.725l-.245-.245c-1.979-1.98-5.033-2.403-6.806-.63-1.773 1.773-1.348 4.817.63 6.805l.142.143h.01l1.032 1.032c-1.46-.36-2.962-.081-4.014.97-1.762 1.763-1.349 4.816.63 6.805l.342.345.011-.011 3.452 3.452a4.417 4.417 0 0 0-3.515 1.29c-1.687 1.686-1.761 4.403-.1 6.065l16.001 16c.112.126.219.24.32.34l.342.343.01-.01 5.647 5.647.021.021 4.43 4.429c4.297 4.298 9.598 4.54 13.478 1.743 1.629.606 3.43.414 4.627-.783 1.156-1.156 1.373-2.889.831-4.481l4.379-4.379c1.352-1.351 2.32-2.922 2.877-4.529.477-.068.93-.278 1.313-.661 1.069-1.069 1.494-2.565 1.57-4.129.076-1.568-.194-3.265-.577-4.815a32.934 32.934 0 0 0-1.295-4.024 32.458 32.458 0 0 0-.666-1.58 5.184 5.184 0 0 0-.042-.09l-.005-.014-7.194-19.31c-.883-2.363-3.415-3.66-5.703-2.806-2.244.836-2.846 3.024-2.796 4.772.001 2.425.577 4.838 1.135 7.08.515 2.061 1.046 4.11 1.634 6.14l-24.181-24.18Z">
</path>
<path fill="#D50032"
d="M97.533 121.087a5.216 5.216 0 0 0 7.375 0l20.542-20.542a5.216 5.216 0 0 0 0-7.375l-5.983-5.982a5.215 5.215 0 0 0-7.375 0l-20.541 20.541a5.215 5.215 0 0 0 0 7.375l5.982 5.983ZM64.176 51.506a.515.515 0 0 1 .729 0l18.9 18.9a.515.515 0 1 1-.729.728l-18.9-18.9a.515.515 0 0 1 0-.728Zm-5.18 6.63a.515.515 0 0 1 .728 0l18.18 18.18a.515.515 0 0 1-.728.728l-18.18-18.18a.515.515 0 0 1 0-.728Zm1.139 11.68a.515.515 0 1 0-.729.728l12.75 12.76a.515.515 0 1 0 .729-.728l-12.75-12.76Zm13.06-47.866a1.195 1.195 0 1 0-2.39 0v15.51a1.195 1.195 0 1 0 2.39 0V21.95Zm10.638 1.25c.636.178 1.006.838.827 1.473l-4.03 14.34a1.195 1.195 0 1 1-2.3-.646l4.03-14.34a1.195 1.195 0 0 1 1.473-.827Zm10.027 6.974c.56.348.733 1.085.386 1.646l-6.21 10.02a1.195 1.195 0 0 1-2.032-1.26l6.21-10.02a1.195 1.195 0 0 1 1.645-.386ZM60.167 23.2a1.195 1.195 0 0 1 1.474.827l4.03 14.34a1.195 1.195 0 0 1-2.301.646l-4.03-14.34a1.195 1.195 0 0 1 .827-1.473Zm-8.381 7.36a1.195 1.195 0 1 0-2.032 1.26l6.21 10.02a1.195 1.195 0 0 0 2.032-1.26l-6.21-10.02Z">
</path>
</svg>
</span>
<header class="mimic-h2">Check Your Email!</header>
<p>We're sending you instructions to reset your password. If you have not received the email within the hour, please check your junk mail.</p>
</div>
</div>
</template>
</form>POST javascript:void(0)
<form class="form --init" id="signout" method="post" action="javascript:void(0)" data-action-label="Sign out" data-endpoint="/signout" data-refresh="" data-csrf-protect="" novalidate="novalidate">
<div aria-live="polite" data-ignore-inert="" aria-relevant="additions text" class="form__errors --empty" data-form="signout" data-last-height="16" style="--js-height: 16px;">
<div>
<header class="sr-only"></header>
<ul class="form__errors-list">
</ul>
</div>
</div>
<button type="submit" class="btn --submit --secondary" aria-label="Sign Out" tabindex="-1">
<span class="btn__text"> Sign Out </span>
<span class="btn__overlay">
<div class="css-icon --loader">
<span class="glow"></span>
</div>
</span>
</button>
</form>POST
<form method="POST" id="ag-cancel-send-form" data-close-after-success="" class="form --no-success-output --full-width --init" novalidate="novalidate">
<div aria-live="polite" data-ignore-inert="" aria-relevant="additions text" class="form__errors --empty" data-form="ag-cancel-send-form" data-last-height="16" style="--js-height: 16px;">
<div>
<header class="sr-only"></header>
<ul class="form__errors-list">
</ul>
</div>
</div>
<div class="inline --justify-center --wrap --grow --small">
<div class="inline__item">
<button type="button" class="dialog__close btn --secondary" tabindex="-1"> Don't cancel </button>
</div>
<div class="inline__item">
<button type="submit" class="cancel-sending-btn btn --submit" aria-label="cancel sending" tabindex="-1">
<span class="btn__text"> Cancel sending </span>
<span class="btn__overlay">
<div class="css-icon --loader">
<span class="glow"></span>
</div>
</span>
</button>
</div>
</div>
</form>Text Content
* Start Your Membership
* Member Benefits
* Reminders
* Ecards
Occasions
* Birthday
* Anniversary
* Baby
* Belated Birthday
* Congrats
* Encouragement
* Friendship
* Get Well
* Goodbye & Good Luck
* Graduation
* Just Because
* Love
* Miss You
* Retirement
* Sorry
* Sympathy
* Thank You
* Thinking of You
* Wedding & Engagement
* Browse all Ecards
Holidays
* Memorial Day (5/27)
* Father's Day (6/16)
* Juneteenth (6/19)
* 4th of July
* Celebrate the Date
* Browse all Holidays
Featured
* New!
* Free
* Funny
* Games & Quizzes
* Heartfelt
* LGBTQ+
* Religious
Birthday Ecards For Anyone
* SmashUps™
Celebrities
* Martin Short
* Idina Menzel
* Dolly Parton
* Weird Al
* Ross Mathews
* Donny Osmond
* Meghan Trainor
* Shaq
* Christina Aguilera
* William Shatner
* Alicia Keys
* Kevin Nealon
* Browse all Celebrities
Occasions
* Birthday
* Anniversary
* Congrats
* Graduation
* Friendship
* Love
* Thank You
* Thinking of You
Categories
* Type Any Name
* Original SmashUps
* Celebrity SmashUps
* Talking SmashUps
* Selfie SmashUps
* Browse all SmashUps
Let AI Write Your Message!
* Creatacard™
Occasions
* Birthday
* Anniversary
* Baby
* Congrats
* Encouragement
* Friendship
* Get Well
* Goodbye & Good Luck
* Graduation
* Love
* Miss You
* Retirement
* Sympathy
* Thank You
* Thinking of You
* Wedding & Engagement
* Browse all Creatacards
Holidays
* Memorial Day (5/27)
* Father's Day (6/16)
* Juneteenth (6/19)
* 4th of July
* Browse all Holidays
Featured
* New!
* Add-a-Photo
* Animated
* Español
* Foil
* Free
* Funny
* Glitter
* LGBTQ+
* Music
* Our Voices
Personalize cards, envelopes, stamps & more!
* Digital Gifts
Gift Cards
Cameo
Songfinch
* Apps
SmashUps™ App
AG Ecards App
* Celebrities
Sign In
Sign In
* Ecards
* Birthday Ecards
* Occasions
* Holidays
* Featured
* SmashUps™
* Celebrity SmashUps™
* Type Any Name
* Original SmashUps™
* Selfie SmashUps™
* Talking SmashUps™
* Birthday Smashups™
* Creatacard™
* Occasions
* Holidays
* Featured
* Digital Gifts
*
Gift Cards
*
Cameo
*
Songfinch
* Apps
*
SmashUps™ App
*
AG Ecards App
* Celebrities
* Member Benefits
* Reminders
Get Started
Birthday Ecards
* Browse all Birthday
* Birthday for Anyone
* Funny Birthday
* Heartfelt Birthday
* Birthday for Her
* Birthday for Him
* Birthday SmashUps™
Occasions
* Browse all Ecards
* Birthday
* Anniversary
* Baby
* Belated Birthday
* Congrats
* Encouragement
* Friendship
* Get Well
* Goodbye & Good Luck
* Graduation
* Just Because
* Love
* Miss You
* Retirement
* Sorry
* Sympathy
* Thank You
* Thinking of You
* Wedding & Engagement
Holidays
* Browse all Holidays
* Memorial Day (5/27)
* Father's Day (6/16)
* Juneteenth (6/19)
* 4th of July
* Celebrate the Date
Featured
* New
* Free
* Funny
* Games & Quizzes
* Heartfelt
* LGBTQ+
* Religious
Celebrity SmashUps™
* Browse all Celebrities
* Martin Short
* Idina Menzel
* Dolly Parton
* Weird Al
* Ross Mathews
* Donny Osmond
* Meghan Trainor
* Shaq
* Christina Aguilera
* William Shatner
* Alicia Keys
* Kevin Nealon
Occasions
* Browse all Creatacards
* Birthday
* Anniversary
* Baby
* Congrats
* Encouragement
* Friendship
* Get Well
* Goodbye & Good Luck
* Graduation
* Love
* Miss You
* Retirement
* Sympathy
* Thank You
* Thinking of You
* Wedding & Engagement
Holidays
* Browse all Holidays
* Memorial Day (5/27)
* Father's Day (6/16)
* Juneteenth (6/19)
* 4th of July
Featured
* New
* Add-a-Photo
* Animated
* Español
* Foil
* Free
* Funny
* Glitter
* LGBTQ+
* Music
* Our Voices
Filters Clear All
Clear All
Occasions
* Birthday493
* Anniversary67
* Thank You130
* Thinking of You136
* Get Well38
* Congrats87
* Graduation30
* Just Because89
* Friendship86
* Encouragement83
* Miss You44
* Love81
* Baby30
* Wedding & Engagement27
* Retirement10
* Sympathy24
* Belated Birthday14
* Back to School11
* Good Bye & Good Luck23
* Sorry15
Show more (+14)
Holidays
* Memorial Day19
* Pride Month4
* Father's Day96
* Juneteenth11
* 4th of July34
* Friendship Day13
* Labor Day14
* Grandparents Day8
* Rosh Hashanah22
* Patriot Day4
* Breast Cancer Awareness Month1
* Canadian Thanksgiving25
* Columbus Day4
* Boss's Day20
* Sweetest Day12
* Halloween60
* Day of the Dead1
* Diwali4
* Veterans Day24
* Election Day1
Show more (+14)
Tones
* Funny730
* Heartfelt710
* Cute433
* Religious191
* Inspirational68
* Romantic93
Recipients
* For Anyone1906
* For Aunt15
* For Brother26
* For Co-worker39
* For Couples41
* For Daughter31
* For Family203
* For Father64
* For Friend87
* For Granddaughter16
* For Grandfather29
* For Grandmother26
* For Grandson13
* For Her158
* For Him93
* For Husband14
* For Kids79
* For Mother73
* For Nephew11
* For Niece14
Show more (+14)
Collections
* SmashUps156
* Dolly Parton19
* Kathy Davis37
* Our Voices10
* Astrology14
* LGBTQ+6
Features
* Type Any Name16
* Music108
* Talking50
* Add-a-Photo37
* Game or Quiz16
Themes
* 1st Birthday6
* 16th Birthday6
* 18th Birthday6
* 21st Birthday9
* 30th Birthday8
* 40th Birthday8
* 50th Birthday10
* 60th Birthday8
* 70th Birthday7
* 80th Birthday7
* 90th Birthday6
* 100th Birthday6
* Care Bears1
* Cats67
* Original48
* Pets225
* Dogs161
* Celebrity15
Show more (+12)
{display}
{display}
{filters}
{showMore}
{display}{count}
Show more (+{remaining})
Close Filters
Show Filters Clear All
BROWSE ALL DIGITAL ECARDS
Ecards offer an effortless way to stay in touch! Choose from thousands of
electronic cards and customize your favorites in a matter of minutes. Find
digital ecards for every person and occasion, with famous songs, beautiful
animation, uplifting quotes and all kinds of personalization. We put extra
features into all our ecards, so sending and receiving them is always a joy.
With SmashUps™, you can even give your virtual greeting star power by creating a
one-of-a-kind, celebrity shout-out. When you can’t be there in person or need
your wishes to get there fast, ecards make it easy to connect virtually from
home or on your phone. Sign up today and send unlimited, premium ecards with
your membership! Or try a limited selection of free ecards. Read More
VIRTUAL BIRTHDAY ECARDS
View all birthday
Celebrate the remarkable day they were born with a card that goes next level.
Browse birthday ecards with video, animation, artwork, music and personalization
you won’t find in any store!
Preview
Happy Bark-day to You (Personalize)
Preview
A Bunch of Birthday Laughs! Smashup (Personalize)
Preview
'Jungle Boogie' Birthday Smashup (Personalize)
Preview
Prairie Dog Birthday Song (Personalize Lyrics)
Preview
Fur-prise Birthday (Personalize Lyrics)
Preview
Chariots of Fire Birthday Ecard
SMASHUPS™ & CELEBRITY SHOUT-OUT ECARDS
View all SmashUps™
SmashUps™ are fun, personalized digital greetings that call out your friends and
family by their first name through the magic of video and animation. You never
know who’s going to join the party next!
Preview
Idina Menzel Birthday SmashUp (Personalize)
Preview
Martin Short Birthday SmashUp (Personalize)
Preview
Shaquille O'Neal - Shaq-in-the-Box Birthday Song
Preview
Weird Al Yankovic Birthday SmashUp
Preview
(You Say It's Your) Birthday (Famous Song)
Preview
Sesame Street Birthday (Personalize)
FATHER'S DAY ECARDS
View all Father's Day
Make his Father’s Day awesome in an instant with incredible ecards!
Preview
Father's Day Symphony Ecard
new
Preview
'In My Life' Father's Day (Famous Song)
Preview
It's Your Thing Father's Day (Personalize)
Preview
Good Soul, Great Man Father's Day
Preview
A Tribute for Father's Day (Personalize)
new
Preview
Talking Wallet Father's Day (Personalize)
THANK YOU ECARDS
View all thank you
What better way to say, “How thoughtful of you!” than with a thank you ecard
chosen and customized by you. It takes only minutes to send a one-of-a-kind
thank you!
Preview
Thanks a Whole Bunch! Smashup (Personalize)
Preview
Thanks a Bunch!
Preview
Walking on Sunshine Thank You Ecard (Famous Song)
Preview
Simply The Best Thank You (Famous Song)
Preview
Thanks, I'm So Excited Ecard (Famous Song)
Preview
You Made My Day!
FUNNY ECARDS
View all funny
Funny ecards are a fun and hilarious way to brighten anyone's day with a little
laughter. From your favorite celebrities to funny animals to unforgettable
videos, there’s a smile waiting in every greeting.
Preview
Shout (Famous Song) (Personalize)
Preview
Good Vibrations Ecard (Famous Song)
Preview
Pirate Dog Video Ecard (Personalize Lyrics)
Preview
Chariots of Fire Birthday Ecard
Preview
A Bunch of Birthday Laughs! Smashup (Personalize)
Preview
I'm So Excited Ecard (Famous Song)
THINKING OF YOU ECARDS
View all thinking of you
Thinking of you ecards make staying connected so easy … and you don’t even need
a reason to send one! Whether they live across the miles or around the corner,
share thinking of you cards electronically and stay in touch effortlessly.
Preview
The Simple Pleasures
Preview
Thinking of You Kathy Davis Ecard
Preview
Sending a Smile Your Way Ecard
Preview
Great Big Hug Ecard
Preview
Just Saying Hay (Punny Song)
Preview
Special Wish for You Ecard
ANNIVERSARY ECARDS
View all anniversary
For every anniversary and relationship, we have anniversary ecards to celebrate
every amazing year together.
Preview
Warm Anniversary Wishes (Personalize Names)
Preview
You Sexy Thing Anniversary Smashup
Preview
So Glad I Found You Anniversary
Preview
That's Amore Song Ecard
Preview
Anniversary Celebration Ecard (Famous Song)
Preview
Warmest Anniversary Wishes
THREE GREAT USES FOR AMERICAN GREETINGS DIGITAL ECARDS
1. Easy sending right on the day of an important occasion or holiday. When a
birthday or holiday comes and you are apart from your friend or loved one,
it's easy and quick to send a custom ecard with the perfect message.
1. Keeping in touch. Ecards are a fun and easy way to send a message to a
friend or loved one that you want to reconnect with. Send premium online
greeting cards with your membership or try a limited selection of free
online ecards.
1. Surprise and delight your friends and family. Smashups™ let you create a
personalized song just for them! Customize their virtual birthday card for
them today!
HOW DO YOU SEND AN ECARD?
1. Sending an ecard can be quick and easy! Make sure you are signed in as a
member or sign up as a new member to access premium ecards with unlimited
sending. Or try a limited selection of free ecards!
2. Select an ecard you’d like to send, and then click "Personalize and Send."
After that you can add a personalized note as a special touch for your
recipients. For more details on how to send an ecard, - check out this
guide.
3. Sign up today to email free or premium animated ecards to loved ones any
time, from anywhere.
SOME OF THE BEST FREE & PREMIUM ECARD YOU'LL FIND!
Ecards make staying connected so easy … and there’s always an occasion to send
one! With so many amazing people in your life, your calendar is probably full
of birthdays, graduations, baby showers, weddings and anniversaries. We have
amazing virtual ecards for everyone’s special day, plus thoughtful ways to
say thanks, send a hello and make them smile in between life’s big moments. You
can also share ecards that lend support, show you care, offer encouragement and
wish them well.
Of course, you’ll want to remember everyone in your holiday celebrations! We
make it simple with funny birthday ecards, heartfelt Valentine’s Day ecards,
spectacular Christmas ecards, Mother’s Day ecards that (literally) sing her
praises and exciting, new ways to share your favorite seasons. Whether they live
across the miles or around the corner, ecards offer amazing animations, cute
talking animals and personalized greetings that show meaningful appreciation to
everyone in your life. As a member you can even schedule ecards up to a year in
advance, making staying in touch effortless!
HOW TO SEND A PERSONALIZED ECARD
Not sure how to personalize your ecards? Find tips and inspiration on “What to
Write” from our greeting card experts, who’ll help you say everything from
“congrats,” “I love you,” and “I’m sorry” to everything in between! Learn more
about what to write in your virtual greeting card below.
WHAT TO WRITE IN YOUR ECARD
What to Write in a Birthday Card
Adding a personal birthday card message is an awesome way to make them feel
amazing on their special day. To help get you started, we have ideas and
inspiration aplenty!
What to Write in a Thank You Card
We’ll offer you a little guidance on writing thank you messages that are both
sincere and considerate. Practicing gratitude has never been easier!
What to Write in an Anniversary Card
We’ll help you let the happy couple feel celebrated and offer the right words to
make your one-and-only swoon, too. And swooning is good.
What to Write in a Congratulations Card
You’ll find it easy to applaud everyday moments big and small with our list of
example congratulations for any occasion.
What to Write in a Sympathy Card
While there are no perfect words to write in a sympathy card, we offer a few
examples to help you express care and condolences. Above all, your thoughtful
act of sending the sympathy card is what matters most.
What to Write in a Wedding Card
Say cheers with a wedding message worthy of a toast! From light and funny to
sentimental and sweet, here are ideas to suit the occasion and your relationship
to the newlyweds. Say cheers with a wedding message worthy of a toast! From
light and funny to sentimental and sweet, here are ideas to suit the occasion
and your relationship to the newlyweds.
What to Write in an Apology Card
We’ll help you write an apology message that gets you on the road to
reconciliation. Expert tip: Always begin with those two hardest little words:
“I’m sorry.”
What to Write in a Graduation Card
Whether you're looking for inspirational, heartfelt or funny messages, we have
everything you need to write the perfect graduation congrats.
Sign up for American Greetings Emails
Required field*
First Name
Last Name
Email
Sign Up
By clicking "Sign up", you agree to receive emails from AmericanGreetings.com
and accept our Terms of Service, Privacy Policy and Cookies Policy.
Subscribed to Newsletter
{message}
Connect With Us!
Download the App!
Top Categories
* Ecards
* SmashUps™
* Creatacard™
* Birthday Ecards
* Holiday Ecards
* Gift Cards
* Digital Gifts
* Occasions & Holidays
Resources
* Apps
* CA Residents - Privacy Notice
* Code of Business Conduct & Ethics
* Inspiration
* Member Benefits
Our Company
* Corporate Home
* About Us
* Careers
* News
Our Friends
* Bluemountain.com
* SmashUps™ App
* Contact Us
* FAQs
* Terms of Service
* Policies
* Do Not Sell or Share My Info
* Email Protection
AmericanGreetings.com is a service of American Greetings Corporation. Copyright
© 2024 AGC, LLC. All rights reserved.
{content}
SEARCH
There is no search term containing
{inner-text}
WELCOME TO AMERICAN GREETINGS!
Sign In with your email:
FORGOT PASSWORD?
Enter your email address tied to your account below and we will email you
instructions for creating a new password.
If you no longer have access to the email address associated with your account,
contact us for help.
Email
Password
Show
Forgot Password?
Forgot Password?
Remember me everytime I visit
SIGN IN
Not a member? Join Now
Reset Password
Hi {name}!.
Sign in successful, redirecting.
Check Your Email!
We're sending you instructions to reset your password. If you have not received
the email within the hour, please check your junk mail.
* Account Information
* Payment & Billing
* Change Password
* Preferences
* Manage Membership
*
* Sent Cards
* Scheduled Cards
* Received Cards
*
* Contacts & Reminders
* Favorites
* Order History
Sign Out
REMINDERS
calendar-star
Today is May 24th
Upcoming Holidays
* Memorial Day
May 27
* Father's Day
Jun 16
* Juneteenth
Jun 19
* Independence Day
Jul 4
* Friendship Day
Jul 30
* Labor Day
Sep 2
Join or Sign in to create and view your birthday or anniversary reminders.
Start Your Membership
Already a member? Sign In
CANCEL GREETING SEND
If this greeting has not been sent yet, you can delete it up to 24 hours before
the target delivery date.
Canceling delivery of this ecard will also cancel delivery of the gift you
purchased. To receive a refund or reschedule the gift, please contact
customercare@jifiti.com.
Are you sure you want to cancel this greeting?
Don't cancel
Cancel sending
ADD A GIFT CARD TO YOUR GREETING
Personalize the perfect ecard
Choose a gift card from your favorite retailer
Send via email
WELCOME TO AMERICAN GREETINGS
YOUR FREE ACCOUNT
Thank you for creating your free account.
With this account, you have access to a limited amount of digital greetings for
top occasions. If you would like to access premium offerings like SmashUps™ and
Creatacard™, become a member today.
Browse Free Cards
or
Become a member
Free
Member
Celebrity SmashUps™
AI Messaging
Schedule Ahead
Add Gift Cards
Join Now
{badges}
Preview
{title}
{label}
{title}
{date}
{inner-text} {separator}
There is no {input_name} containing {term}
{error}
AmericanGreetings.com uses cookies to personalize your experience and to make
our site easier to use. Visit about our cookies to learn more or adjust your
preferences. View our privacy policy.
Accept All Decline All