www.bonfire.com
Open in
urlscan Pro
52.204.72.165
Public Scan
URL:
https://www.bonfire.com/help-support-the-cac-of-clearfield-county/?utm_source=copy_link&utm_medium=post_campaign_launch&...
Submission: On February 07 via manual from US — Scanned from DE
Submission: On February 07 via manual from US — Scanned from DE
Form analysis 2 forms found in the DOM
.
<form action="." class="mm-Search ng-pristine ng-valid mm-Search-hidden" ng-class="{'mm-Search-hidden': header.responsiveMenu === false}">
<div class="mm-SearchBox"><input id="dd-Search" type="search" name="search" class="sw-Form sw-Form_Input sw-Form_Input-mark ng-pristine ng-untouched ng-valid ng-empty" placeholder="Search all campaigns" ng-model="header.searchTerm"
ng-model-options="{debounce: 500}" ng-change="header.searchCampaigns(header.searchTerm, header.searchMaxResults)" ng-click="header.searchCampaigns(header.searchTerm, header.searchMaxResults)"
ng-keydown="$event.which===13 && header.allResults($event)"> <img class="mm-Search_Icon" src="https://www.bonfire.com/images/icons/icon-search.svg" alt="Search icon" ng-click="header.allResults()"></div><!---->
</form>Name: form —
<form name="form" novalidate="" class="ng-pristine ng-valid">
<div class="sw-WidePage_Inner"><!---->
<div class="sw-WidePage_Content camp-SmallTextNoMargin">
<div class="camp-Layout">
<div class="camp-PreviewWrap">
<div class="camp-Preview camp-Preview-fixed" id="camp-Preview-fnc">
<header class="camp-CampaignTitle camp-CampaignTitle-mobile" ng-class="{'camp-CampaignTitle-isseller' : vm.campaignOwnerCheck && !vm.editLaunchedCampaign}"><!---->
<h1 ng-bind-html="vm.campaign.name" ng-if="!vm.edit && !vm.editLaunchedCampaign" class="sw-LargeTitle">Help support the CAC of Clearfield County.</h1><!----><!----><!----><!---->
</header><img src="https://www.bonfire.com/images/verified-badge-new.svg" alt="Verified nonprofit badge" class="camp-VerifiedNonProfitImg ng-hide" ng-show="vm.campaign.verifiedNonProfit && vm.campaign.showNonprofitBadge">
<div class="camp-FeaturedProduct" ng-class="{'camp-FeaturedProduct-picker': (vm.showForFeaturedProduct()) || vm.editFeaturedEntireCampaign}" uib-popover-template="'featuredProduct.html'" popover-is-open="vm.popoverIsOpenFeaturedProduct()"
popover-class="sw-BfPopover sw-BfPopover-featured" popover-trigger="none" popover-placement="bottom">
<div class="camp-FeaturedProduct_Btn ng-hide"
ng-show="(vm.showSetItemAsFeaturedCustomImage() || (!vm.hasCustomImageForPreviewedProduct() && vm.showSetItemAsFeatured())) && vm.isUserLogged && (vm.edit || vm.editLaunchedCampaign)"><button
class="bf-Btn bf-Btn-tertiary bf-Btn-sm" ng-click="vm.showSelectFeaturedProductButtons = true">Set item as featured</button></div><!----><span ng-include="'https://www.bonfire.com/images/logo/loading-button.svg'"
class="sw-SvgLoadingLogo" style=""><svg class="bonflower" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 63.96 77.77">
<defs>
<style type="text/css">
.bonflower {
width: 40px;
}
.path {
stroke-dasharray: 200;
stroke-dashoffset: 10;
animation: dash 4.5s linear backwards infinite;
}
@keyframes dash {
from {
stroke-dashoffset: 1000;
}
to {
stroke-dashoffset: 200;
}
}
</style>
</defs>
<path class="path" d="M56,91.91c3.75-7,2.61-18.43,1.09-22.68C52.58,56.64,45,51.3,39.15,48.54a27.47,27.47,0,0,0-10.29-2.78,35.84,35.84,0,0,0-2.57,12A33.42,33.42,0,0,0,38.76,85c3.92,3.2,10.15,6.92,17.05,6.92"
transform="translate(-23.77 -16.67)" fill="none" stroke="#353e48" stroke-linecap="round" stroke-miterlimit="10" stroke-width="5"></path>
<path class="path" d="M55.64,65.65a45.16,45.16,0,0,1,9-11.79c4.52-4.16,10.77-7.75,17.94-8.09,0,0,11.06,23.56-12.41,40.94C67.06,89,60.1,92.24,55.81,91.91" transform="translate(-23.77 -16.67)" fill="none" stroke="#353e48"
stroke-linecap="round" stroke-miterlimit="10" stroke-width="5"></path>
<path class="path" d="M71.73,48.91C69.88,27.44,55.85,19.57,55.85,19.57S42.28,27.95,39.52,48.71" transform="translate(-23.77 -16.67)" fill="none" stroke="#353e48" stroke-linecap="round" stroke-miterlimit="10" stroke-width="5"></path>
</svg></span><!---->
<figure class="camp-DesktopPreview"><img id="preview-image" ng-show="vm.previewCustomImage || vm.previewSide"
ng-src="https://dynamic.bonfireassets.com/thumb/design-image/ea9ff66b-165e-405b-92f3-6da733af3ee8/5205a469-427b-4aac-8455-556ef3ed63da/900/" alt="Help support the CAC of Clearfield County., a Dark Heather Grey Premium Unisex Tee"
class="camp-DesktopPreview_ActiveImg" ng-class="{'camp-DesktopPreview_Img-zoom': vm.previewProduct.design.name == 'Front zoom' || vm.previewProduct.design.name == 'Back zoom',
'camp-DesktopPreview_Img-custom': vm.previewCustomImage}" ez-plus="" ezp-model="{large: vm.previewCustomImage ? vm.previewCustomImage.dimensions['900'] : vm.previewSide.dimensions['900']}"
ezp-options="{easing: true, easingDuration: 1000, showLens: false, zoomWindowFadeIn: 200, zoomWindowFadeOut: 200, zoomWindowWidth: 400, zoomWindowHeight: 500, zoomWindowOffsetX: 64, borderSize: 2, borderColour: '#f1f4f8', initial: 'large'}"
src="https://dynamic.bonfireassets.com/thumb/design-image/ea9ff66b-165e-405b-92f3-6da733af3ee8/5205a469-427b-4aac-8455-556ef3ed63da/900/" style="visibility: visible;">
<div class="camp-ImgPickerPosition">
<div class="sw-ImgPicker">
<!----><!----><!----><a class="sw-ImgPicker_Item sw-ImgPickerActive sw-ImagePickerActive-withbg" href="#" ng-repeat="design in vm.previewProduct.design" ng-class="{'sw-ImgPickerActive sw-ImagePickerActive-withbg': design == vm.previewSide && !vm.previewCustomImage}" ng-click="vm.changeSidePreview(design)" uib-tooltip="Front" tooltip-placement="right" tooltip-append-to-body="true" tooltip-trigger="mouseenter"><span class="sw-ImgPicker_ImgWrap"><!----><img class="sw-ImgPicker_Img" ng-if="design.dimensions['75']" ng-src="https://dynamic.bonfireassets.com/thumb/design-image/ea9ff66b-165e-405b-92f3-6da733af3ee8/5205a469-427b-4aac-8455-556ef3ed63da/75/" alt="Help support the CAC of Clearfield County., a Dark Heather Grey Premium Unisex Tee" src="https://dynamic.bonfireassets.com/thumb/design-image/ea9ff66b-165e-405b-92f3-6da733af3ee8/5205a469-427b-4aac-8455-556ef3ed63da/75/"><!----></span></a><!----><a class="sw-ImgPicker_Item" href="#" ng-repeat="design in vm.previewProduct.design" ng-class="{'sw-ImgPickerActive sw-ImagePickerActive-withbg': design == vm.previewSide && !vm.previewCustomImage}" ng-click="vm.changeSidePreview(design)" uib-tooltip="Back" tooltip-placement="right" tooltip-append-to-body="true" tooltip-trigger="mouseenter"><span class="sw-ImgPicker_ImgWrap"><!----><img class="sw-ImgPicker_Img" ng-if="design.dimensions['75']" ng-src="https://dynamic.bonfireassets.com/thumb/design-image/65a83522-a0c2-4886-973c-f4d2141b653c/5205a469-427b-4aac-8455-556ef3ed63da/75/" alt="Help support the CAC of Clearfield County., a Dark Heather Grey Premium Unisex Tee (back-view)" src="https://dynamic.bonfireassets.com/thumb/design-image/65a83522-a0c2-4886-973c-f4d2141b653c/5205a469-427b-4aac-8455-556ef3ed63da/75/"><!----></span></a><!---->
</div>
</div>
</figure>
<figure class="camp-MobilePreview">
<slick id="mobile-preview-fnc" infinite="true" slides-to-show="1" slides-to-scroll="1" arrows="false" init-onload="true" data="vm.sliderImages" current-index="vm.slideIndex" on-after-change="vm.afterSlideChange()"
class="slick-initialized slick-slider"><!---->
<div class="slick-list draggable" tabindex="0">
<div class="slick-track" style="opacity: 1; width: 0px; transform: translate3d(0px, 0px, 0px);">
<div ng-repeat="design in vm.slickSliderImages" class="slick-slide slick-cloned" index="-1" style="width: 0px;"><img class="camp-MobilePreview_Img"
ng-class="{'camp-MobilePreview_Img-zoom': design.name == 'Front zoom' || design.name == 'Back zoom'}"
ng-src="https://dynamic.bonfireassets.com/thumb/design-image/65a83522-a0c2-4886-973c-f4d2141b653c/5205a469-427b-4aac-8455-556ef3ed63da/900/"
alt="Help support the CAC of Clearfield County., a Dark Heather Grey Premium Unisex Tee (back-view)" ng-click="vm.openLightboxModal(design)"
src="https://dynamic.bonfireassets.com/thumb/design-image/65a83522-a0c2-4886-973c-f4d2141b653c/5205a469-427b-4aac-8455-556ef3ed63da/900/"></div>
<div ng-repeat="design in vm.slickSliderImages" class="slick-slide slick-active" index="0" style="width: 0px;"><img class="camp-MobilePreview_Img"
ng-class="{'camp-MobilePreview_Img-zoom': design.name == 'Front zoom' || design.name == 'Back zoom'}"
ng-src="https://dynamic.bonfireassets.com/thumb/design-image/ea9ff66b-165e-405b-92f3-6da733af3ee8/5205a469-427b-4aac-8455-556ef3ed63da/900/"
alt="Help support the CAC of Clearfield County., a Dark Heather Grey Premium Unisex Tee" ng-click="vm.openLightboxModal(design)"
src="https://dynamic.bonfireassets.com/thumb/design-image/ea9ff66b-165e-405b-92f3-6da733af3ee8/5205a469-427b-4aac-8455-556ef3ed63da/900/"></div>
<div ng-repeat="design in vm.slickSliderImages" class="slick-slide" index="1" style="width: 0px;"><img class="camp-MobilePreview_Img"
ng-class="{'camp-MobilePreview_Img-zoom': design.name == 'Front zoom' || design.name == 'Back zoom'}"
ng-src="https://dynamic.bonfireassets.com/thumb/design-image/65a83522-a0c2-4886-973c-f4d2141b653c/5205a469-427b-4aac-8455-556ef3ed63da/900/"
alt="Help support the CAC of Clearfield County., a Dark Heather Grey Premium Unisex Tee (back-view)" ng-click="vm.openLightboxModal(design)"
src="https://dynamic.bonfireassets.com/thumb/design-image/65a83522-a0c2-4886-973c-f4d2141b653c/5205a469-427b-4aac-8455-556ef3ed63da/900/"></div>
<div ng-repeat="design in vm.slickSliderImages" class="slick-slide slick-cloned" index="2" style="width: 0px;"><img class="camp-MobilePreview_Img"
ng-class="{'camp-MobilePreview_Img-zoom': design.name == 'Front zoom' || design.name == 'Back zoom'}"
ng-src="https://dynamic.bonfireassets.com/thumb/design-image/ea9ff66b-165e-405b-92f3-6da733af3ee8/5205a469-427b-4aac-8455-556ef3ed63da/900/"
alt="Help support the CAC of Clearfield County., a Dark Heather Grey Premium Unisex Tee" ng-click="vm.openLightboxModal(design)"
src="https://dynamic.bonfireassets.com/thumb/design-image/ea9ff66b-165e-405b-92f3-6da733af3ee8/5205a469-427b-4aac-8455-556ef3ed63da/900/"></div>
</div>
</div><!----><!---->
</slick>
<ul class="sw-ImgPicker"><!----><!---->
<li ng-repeat="design in vm.sliderImages track by $index"><button class="sw-ImgPicker_Item sw-ImgPickerActive sw-ImagePickerActive-withbg"
ng-class="{'sw-ImgPickerActive sw-ImagePickerActive-withbg' : $index == vm.productSliderCurrentSlide}" ng-click="vm.onThumbnailSelect($index)"><span class="sw-ImgPicker_ImgWrap"><!----><img class="sw-ImgPicker_Img"
ng-if="design.dimensions['75']" ng-src="https://dynamic.bonfireassets.com/thumb/design-image/ea9ff66b-165e-405b-92f3-6da733af3ee8/5205a469-427b-4aac-8455-556ef3ed63da/75/"
alt="Help support the CAC of Clearfield County., a Dark Heather Grey Premium Unisex Tee"
src="https://dynamic.bonfireassets.com/thumb/design-image/ea9ff66b-165e-405b-92f3-6da733af3ee8/5205a469-427b-4aac-8455-556ef3ed63da/75/"><!----></span></button></li><!---->
<li ng-repeat="design in vm.sliderImages track by $index"><button class="sw-ImgPicker_Item" ng-class="{'sw-ImgPickerActive sw-ImagePickerActive-withbg' : $index == vm.productSliderCurrentSlide}"
ng-click="vm.onThumbnailSelect($index)"><span class="sw-ImgPicker_ImgWrap"><!----><img class="sw-ImgPicker_Img" ng-if="design.dimensions['75']"
ng-src="https://dynamic.bonfireassets.com/thumb/design-image/65a83522-a0c2-4886-973c-f4d2141b653c/5205a469-427b-4aac-8455-556ef3ed63da/75/"
alt="Help support the CAC of Clearfield County., a Dark Heather Grey Premium Unisex Tee (back-view)"
src="https://dynamic.bonfireassets.com/thumb/design-image/65a83522-a0c2-4886-973c-f4d2141b653c/5205a469-427b-4aac-8455-556ef3ed63da/75/"><!----></span></button></li><!---->
</ul>
</figure>
</div>
</div>
</div>
<div class="camp-Details">
<header class="camp-CampaignTitle camp-CampaignTitle-desktop"><!---->
<h1 tabindex="-1" class="fnc-MainContent sw-LargeTitle" ng-bind-html="vm.campaign.name" ng-if="!vm.edit && !vm.editLaunchedCampaign">Help support the CAC of Clearfield County.</h1><!----><!---->
</header>
<section aria-label="Campaign Options">
<h2 class="sw-SrOnly">Campaign options</h2><!---->
<div ng-if="$root.desktopView"><!---->
<p class="camp-CampaignSubtitle" ng-bind-html="vm.campaign.summary" ng-if="!vm.edit && !vm.editLaunchedCampaign">Check out our Facebook: https://www.facebook.com/clearfieldcountycac/</p><!----><!---->
</div><!----><!---->
<div class="camp-Organizations" ng-if="$root.desktopView"><bf-fundraising-details campaign="vm.campaign" edit="vm.edit" edit-launched-campaign="vm.editLaunchedCampaign" is-giving-campaign="vm.isGivingCampaign"
connected-to-owners-org="vm.connectedToOwnersOrg">
<section>
<div class="sw-Popover sw-Popover-badge"><!----></div><!---->
<div class="sw-Popover sw-Popover-badge" ng-if="vm.campaign.campaignOwner.organizations.length !== 0" style="">
<div class="camp-Organizations_Box camp-Organizations_Box-org camp-Organizations_Box-live camp-Organizations_Box-pushdown"
ng-class="{'camp-Organizations_Box-live': !vm.edit && !vm.editLaunchedCampaign, 'camp-Organizations_Box-pushdown': vm.campaign.organization && (!vm.connectedToOwnersOrg || vm.campaign.fundraiser.provider === 'BONFIRE' || vm.campaign.fundraiser.provider === 'MANUAL')}">
<!----><!---->
<figure class="sw-User_Figure" ng-if="!vm.edit && !vm.editLaunchedCampaign"><!----> <!----><span ng-if="!vm.campaign.campaignOwner.organizations[0].logoUrl"
class="sw-User_Img sw-User_Img-nopad sw-User_Img-initials">CA</span><!----></figure><!---->
<section><span>by </span><!----><span ng-if="!vm.campaign.storeInfo || !vm.campaign.storeInfo.storeSettings || vm.campaign.campaignOwner.organizations[0].type === 'NONPROFIT'"><!----> <!----><span
ng-if="!vm.campaign.campaignOwner.organizations[0].organizationPageUrl || vm.edit || vm.editLaunchedCampaign">Child Advocacy Center of Clearfield County </span><!----></span><!----><!----><!----><!----></section>
</div>
</div><!---->
<div class="camp-FrInfoWrap" ng-class="{'camp-FrInfoWrap-open': !vm.frInfoIsCollapsed, 'camp-FrInfoWrap-integration': vm.campaign.fundraiser.integrationProvider}">
<div class="sw-Popover sw-Popover-badge"><!----><!---->
<div ng-if="vm.campaign.organization && (!vm.connectedToOwnersOrg &&
(vm.isGivingCampaign || vm.campaign.fundraiser.integrationProvider || vm.campaign.fundraiser))" class="" style="">
<div class="camp-FrInfo" ng-click="vm.frInfoIsCollapsed = !vm.frInfoIsCollapsed;" ng-class="{'camp-FrInfo-collapse': vm.campaign.fundraiser.integrationProvider}">
<figure class="sw-User_Figure"><!----> <!----><span ng-if="!vm.campaign.organization.logoUrl" class="sw-User_Img sw-User_Img-nopad sw-User_Img-initials">CC</span><!----></figure><span
ng-class="{'sw-FontSizeNormal': vm.campaign.fundraiser}">for
<a ng-click="vm.stopPropagation($event)" ng-class="{'sw-NoLink': !vm.campaign.organization.organizationPageUrl || vm.edit || vm.editLaunchedCampaign}" href="https://www.bonfire.com/org/cen-clear-child-services-inc-251378446/">Cen Clear Child Services Inc. </a><!----><button
class="camp-HeartNonprofitBtn" uib-popover-template="'nonprofitOrgPopup.html'" ng-if="!(vm.connectedToOwnersOrg && vm.campaign.fundraiser)" popover-placement="top-right" popover-trigger="outsideClick"
popover-is-open="vm.nonprofitOrgPopup" aria-label="Verified nonprofit info" ng-click="vm.stopPropagation($event)"><svg class="svg-HeartNonprofit" aria-hidden="true" focusable="false" width="24" height="24"
viewBox="0 0 24 24">
<path d="M17.707 8.707a1 1 0 0 0-1.414-1.414L12 11.586l-1.793-1.793a1 1 0 0 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l5-5z" fill="#3D4853"></path>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M12.705 21.299l8.408-8.36a6.382 6.382 0 0 0 0-9.062 6.47 6.47 0 0 0-9.113 0 6.47 6.47 0 0 0-9.113 0 6.382 6.382 0 0 0 0 9.061l8.408 8.36a1 1 0 0 0 1.41 0zM10.59 5.295L12 6.697l1.41-1.402a4.47 4.47 0 0 1 6.293 0 4.382 4.382 0 0 1 0 6.225L12 19.18l-7.702-7.66a4.382 4.382 0 0 1 0-6.225 4.47 4.47 0 0 1 6.292 0z"
fill="#3D4853"></path>
</svg> <svg class="svg-HeartNonprofit svg-HeartNonprofit-filled" aria-hidden="true" focusable="false" width="24" height="24" viewBox="0 0 24 24">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M2.887 12.938a6.382 6.382 0 0 1 0-9.061 6.47 6.47 0 0 1 9.113 0 6.47 6.47 0 0 1 9.113 0 6.382 6.382 0 0 1 0 9.062l-8.408 8.36a1 1 0 0 1-1.41 0l-8.408-8.36zm14.82-4.23a1 1 0 0 0-1.414-1.415L12 11.586l-1.793-1.793a1 1 0 0 0-1.414 1.414l2.5 2.5a1 1 0 0 0 1.414 0l5-5z"
fill="#3D4853"></path>
</svg></button><!----> <!----></span>
</div>
</div><!----><!---->
</div>
</div>
</section>
</bf-fundraising-details></div><!---->
<fieldset class="sw-Form_Group">
<legend class="sw-Form_Legend">
<h3 class="sw-SubtitleAlt"><span class="sw-SrOnly">Select a</span>Color</h3>
</legend><bf-loading state="all" all-states="vm.resolveState" height="40" width="120" loading-class="sw-LoadingField sw-LoadingField-white"><!---->
<div ng-if="!type" class="" style=""><!----></div><!----><!----><!---->
<div ng-if="allStates[state] && !allStates[state].loading && !allStates[state].error" ng-transclude="" class=""><!----><label ng-repeat="product in vm.previewProductType.products track by $index"><input
class="sw-Form_ChkRadio" title="Dark Heather Grey" name="color" type="radio" ng-value="product.colorName" ng-checked="vm.previewProduct.colorName == product.colorName" ng-click="vm.changeProductPreview(product)"
value="Dark Heather Grey" checked="checked">
<div class="sw-ColorPicker" aria-hidden="true">
<div class="sw-ColorPicker_Item sw-ColorPicker_Item-nomb sw-ImgPicker_ActiveItem" ng-class="{'sw-ImgPicker_ActiveItem': vm.previewProduct == product}" uib-tooltip="Dark Heather Grey" tooltip-trigger="mouseenter"
tooltip-append-to-body="true" outside-click-fix=""><span class="sw-ColorPicker_Color" ng-class="{'sw-ColorPicker_Color-border':product.frontendHex.toLowerCase() === 'ffffff'}"
ng-style="{'background': '#' + product.frontendHex}" style="background: rgb(162, 160, 165);"><!----><span ng-include="'https://www.bonfire.com/images/icons/color-picker-checkmark.svg'" class="sw-ColorPicker_Img"
ng-show="vm.previewProductType.products.length > 1 && vm.previewProduct == product" ng-class="{'sw-ColorPicker_Img-dark':product.frontendHex.toLowerCase() === 'ffffff'}" style=""><svg id="Layer_1"
data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="11.92" height="8.65" viewBox="0 0 11.92 8.65">
<title>color-picker-checkmark</title>
<polyline points="1 3.82 4.59 7.65 10.92 1" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px"></polyline>
</svg></span></span></div>
</div>
</label><!----><label ng-repeat="product in vm.previewProductType.products track by $index"><input class="sw-Form_ChkRadio" title="Tahiti Blue" name="color" type="radio" ng-value="product.colorName"
ng-checked="vm.previewProduct.colorName == product.colorName" ng-click="vm.changeProductPreview(product)" value="Tahiti Blue">
<div class="sw-ColorPicker" aria-hidden="true">
<div class="sw-ColorPicker_Item sw-ColorPicker_Item-nomb" ng-class="{'sw-ImgPicker_ActiveItem': vm.previewProduct == product}" uib-tooltip="Tahiti Blue" tooltip-trigger="mouseenter" tooltip-append-to-body="true"
outside-click-fix=""><span class="sw-ColorPicker_Color" ng-class="{'sw-ColorPicker_Color-border':product.frontendHex.toLowerCase() === 'ffffff'}" ng-style="{'background': '#' + product.frontendHex}"
style="background: rgb(51, 190, 204);"><!----><span ng-include="'https://www.bonfire.com/images/icons/color-picker-checkmark.svg'" class="sw-ColorPicker_Img ng-hide"
ng-show="vm.previewProductType.products.length > 1 && vm.previewProduct == product" ng-class="{'sw-ColorPicker_Img-dark':product.frontendHex.toLowerCase() === 'ffffff'}" style=""><svg id="Layer_1"
data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="11.92" height="8.65" viewBox="0 0 11.92 8.65">
<title>color-picker-checkmark</title>
<polyline points="1 3.82 4.59 7.65 10.92 1" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px"></polyline>
</svg></span></span></div>
</div>
</label><!----><label ng-repeat="product in vm.previewProductType.products track by $index"><input class="sw-Form_ChkRadio" title="Ice Blue" name="color" type="radio" ng-value="product.colorName"
ng-checked="vm.previewProduct.colorName == product.colorName" ng-click="vm.changeProductPreview(product)" value="Ice Blue">
<div class="sw-ColorPicker" aria-hidden="true">
<div class="sw-ColorPicker_Item sw-ColorPicker_Item-nomb" ng-class="{'sw-ImgPicker_ActiveItem': vm.previewProduct == product}" uib-tooltip="Ice Blue" tooltip-trigger="mouseenter" tooltip-append-to-body="true"
outside-click-fix=""><span class="sw-ColorPicker_Color" ng-class="{'sw-ColorPicker_Color-border':product.frontendHex.toLowerCase() === 'ffffff'}" ng-style="{'background': '#' + product.frontendHex}"
style="background: rgb(158, 187, 195);"><!----><span ng-include="'https://www.bonfire.com/images/icons/color-picker-checkmark.svg'" class="sw-ColorPicker_Img ng-hide"
ng-show="vm.previewProductType.products.length > 1 && vm.previewProduct == product" ng-class="{'sw-ColorPicker_Img-dark':product.frontendHex.toLowerCase() === 'ffffff'}" style=""><svg id="Layer_1"
data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="11.92" height="8.65" viewBox="0 0 11.92 8.65">
<title>color-picker-checkmark</title>
<polyline points="1 3.82 4.59 7.65 10.92 1" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px"></polyline>
</svg></span></span></div>
</div>
</label><!----><label ng-repeat="product in vm.previewProductType.products track by $index"><input class="sw-Form_ChkRadio" title="Neon Heather Green" name="color" type="radio" ng-value="product.colorName"
ng-checked="vm.previewProduct.colorName == product.colorName" ng-click="vm.changeProductPreview(product)" value="Neon Heather Green">
<div class="sw-ColorPicker" aria-hidden="true">
<div class="sw-ColorPicker_Item sw-ColorPicker_Item-nomb" ng-class="{'sw-ImgPicker_ActiveItem': vm.previewProduct == product}" uib-tooltip="Neon Heather Green" tooltip-trigger="mouseenter" tooltip-append-to-body="true"
outside-click-fix=""><span class="sw-ColorPicker_Color" ng-class="{'sw-ColorPicker_Color-border':product.frontendHex.toLowerCase() === 'ffffff'}" ng-style="{'background': '#' + product.frontendHex}"
style="background: rgb(177, 229, 22);"><!----><span ng-include="'https://www.bonfire.com/images/icons/color-picker-checkmark.svg'" class="sw-ColorPicker_Img ng-hide"
ng-show="vm.previewProductType.products.length > 1 && vm.previewProduct == product" ng-class="{'sw-ColorPicker_Img-dark':product.frontendHex.toLowerCase() === 'ffffff'}" style=""><svg id="Layer_1"
data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="11.92" height="8.65" viewBox="0 0 11.92 8.65">
<title>color-picker-checkmark</title>
<polyline points="1 3.82 4.59 7.65 10.92 1" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px"></polyline>
</svg></span></span></div>
</div>
</label><!----><label ng-repeat="product in vm.previewProductType.products track by $index"><input class="sw-Form_ChkRadio" title="Banana Cream" name="color" type="radio" ng-value="product.colorName"
ng-checked="vm.previewProduct.colorName == product.colorName" ng-click="vm.changeProductPreview(product)" value="Banana Cream">
<div class="sw-ColorPicker" aria-hidden="true">
<div class="sw-ColorPicker_Item sw-ColorPicker_Item-nomb" ng-class="{'sw-ImgPicker_ActiveItem': vm.previewProduct == product}" uib-tooltip="Banana Cream" tooltip-trigger="mouseenter" tooltip-append-to-body="true"
outside-click-fix=""><span class="sw-ColorPicker_Color" ng-class="{'sw-ColorPicker_Color-border':product.frontendHex.toLowerCase() === 'ffffff'}" ng-style="{'background': '#' + product.frontendHex}"
style="background: rgb(232, 221, 167);"><!----><span ng-include="'https://www.bonfire.com/images/icons/color-picker-checkmark.svg'" class="sw-ColorPicker_Img ng-hide"
ng-show="vm.previewProductType.products.length > 1 && vm.previewProduct == product" ng-class="{'sw-ColorPicker_Img-dark':product.frontendHex.toLowerCase() === 'ffffff'}" style=""><svg id="Layer_1"
data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="11.92" height="8.65" viewBox="0 0 11.92 8.65">
<title>color-picker-checkmark</title>
<polyline points="1 3.82 4.59 7.65 10.92 1" style="fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px"></polyline>
</svg></span></span></div>
</div>
</label><!----></div><!----><!----> <!----> <!----> <!----> <!----> <!----> <!----><!---->
</bf-loading>
</fieldset>
<fieldset class="sw-Form_Group">
<legend class="sw-Form_Legend">
<div class="sw-FlexBox sw-FlexBox-vcenter">
<h3 class="sw-SubtitleAlt sw-NoMargin"><span class="sw-SrOnly">Select a</span>Style</h3><!---->
<p class="sw-NoMargin" aria-live="polite" aria-atomic="true" ng-if="!vm.campaign.claimGift && vm.productTypes.length>1"><span class="sw-SrOnly">Price:</span>
<currency class="camp-ActiveProductPrice" amount="vm.activeProductPrice">$25.00 USD</currency>
</p><!---->
</div>
</legend>
<div class="camp-ProductPickerWrap"><bf-loading state="all" all-states="vm.resolveState" height="95" width="250" loading-class="sw-LoadingField sw-LoadingField-white"><!---->
<div ng-if="!type" class="" style=""><!----></div><!----><!----><!---->
<div ng-if="allStates[state] && !allStates[state].loading && !allStates[state].error" ng-transclude="" class=""><!---->
<div ng-if="vm.productTypes.length>1" class="sw-ProductPicker sw-ProductPicker-beforeinit">
<slick id="slick-pp-fnc" infinite="false" accessibility="false" slides-to-show="4" dots="false" arrows="true" swipe="false" slides-to-scroll="4" on-after-change="vm.ppAfterChange()" responsive="[{breakpoint: 480, settings: {slidesToShow: 3, slidesToScroll:3, dots:false, arrows: true, swipe: true}},
{breakpoint: 568, settings: {slidesToShow: 4, slidesToScroll:3, dots:false, arrows: true, swipe: true}},
{breakpoint: 668, settings: {slidesToShow: 5, slidesToScroll:3, dots:false, arrows: true, swipe: true}},
{breakpoint: 768, settings: {slidesToShow: 6, slidesToScroll:4, dots:false, arrows: true, swipe: true}},
{breakpoint: 992, settings: {slidesToShow: 7, slidesToScroll:4, dots:false, arrows: true, swipe: true}}]" class="slick-initialized slick-slider"><!---->
<div class="slick-list draggable">
<div class="slick-track" style="opacity: 1; width: 390px; transform: translate3d(0px, 0px, 0px);">
<div ng-repeat="product in vm.productIcon track by $index" class="slick-slide" index="0" style="width: 130px;"><label><input class="sw-Form_ChkRadio" title="Premium Unisex Tee" name="style" type="radio"
ng-value="product.type" ng-checked="vm.activeProductIcon===$index" ng-click="vm.activeProductIcon=$index; vm.previewProductType=vm.productTypes[$index]; vm.productTypeChanged()" value="Premium Unisex Tee"
checked="checked">
<div class="slick-slide sw-ProductPicker_Item sw-ProductPicker_Item-active" aria-hidden="true" ng-class="{'sw-ProductPicker_Item-active': vm.activeProductIcon===$index}">
<div class="sw-ProductPicker_Figure"><!----><span class="sw-ProductPicker_Img" ng-include="product.image" style=""><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="42.96" height="48"
viewBox="0 0 42.96 48">
<defs>
<style>
.product-picker-fill {
fill: #BECBD8;
}
</style>
</defs>
<title>product-unisex-tee</title>
<path class="product-picker-fill" d="M746.59,3666.59c-3,0-5.3-1.79-5.3-4.07a1,1,0,0,1,2,0c0,1.12,1.51,2.07,3.3,2.07A1,1,0,0,1,746.59,3666.59Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M746.59,3666.59a1,1,0,0,1,0-2c1.79,0,3.3-.95,3.3-2.07a1,1,0,0,1,2,0C751.89,3664.81,749.56,3666.59,746.59,3666.59Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M726.11,3670.51a1,1,0,0,1-.4-1.92l16.18-7a1,1,0,1,1,.79,1.84l-16.18,7A1,1,0,0,1,726.11,3670.51Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M732.5,3681.61h-6.39a1,1,0,1,1,0-2h6.39A1,1,0,1,1,732.5,3681.61Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M732.5,3709.53a1,1,0,0,1-1-1v-33.46a1,1,0,0,1,2,0v33.46A1,1,0,0,1,732.5,3709.53Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M746.59,3709.53H732.5a1,1,0,1,1,0-2h14.09A1,1,0,0,1,746.59,3709.53Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M760.68,3709.53a1,1,0,0,1-1-1v-33.46a1,1,0,1,1,2,0v33.46A1,1,0,0,1,760.68,3709.53Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M760.68,3709.53H746.59a1,1,0,0,1,0-2h14.09A1,1,0,1,1,760.68,3709.53Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M726.11,3681.61a1,1,0,0,1-1-1v-11.1a1,1,0,0,1,2,0v11.1A1,1,0,0,1,726.11,3681.61Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M767.07,3670.51a1,1,0,0,1-.4-0.08l-16.18-7a1,1,0,1,1,.79-1.84l16.18,7A1,1,0,0,1,767.07,3670.51Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M767.07,3681.61h-6.39a1,1,0,1,1,0-2h6.39A1,1,0,1,1,767.07,3681.61Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M767.07,3681.61a1,1,0,0,1-1-1v-11.1a1,1,0,0,1,2,0v11.1A1,1,0,0,1,767.07,3681.61Z" transform="translate(-725.11 -3661.53)"></path>
</svg></span></div><small class="sw-ProductPicker_Title">Premium Unisex Tee</small>
</div>
</label></div>
<div ng-repeat="product in vm.productIcon track by $index" class="slick-slide" index="1" style="width: 130px;"><label><input class="sw-Form_ChkRadio" title="Classic Unisex Tee" name="style" type="radio"
ng-value="product.type" ng-checked="vm.activeProductIcon===$index" ng-click="vm.activeProductIcon=$index; vm.previewProductType=vm.productTypes[$index]; vm.productTypeChanged()" value="Classic Unisex Tee">
<div class="slick-slide sw-ProductPicker_Item" aria-hidden="true" ng-class="{'sw-ProductPicker_Item-active': vm.activeProductIcon===$index}">
<div class="sw-ProductPicker_Figure"><!----><span class="sw-ProductPicker_Img" ng-include="product.image" style=""><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="42.96" height="48"
viewBox="0 0 42.96 48">
<defs>
<style>
.product-picker-fill {
fill: #BECBD8;
}
</style>
</defs>
<title>product-unisex-tee</title>
<path class="product-picker-fill" d="M746.59,3666.59c-3,0-5.3-1.79-5.3-4.07a1,1,0,0,1,2,0c0,1.12,1.51,2.07,3.3,2.07A1,1,0,0,1,746.59,3666.59Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M746.59,3666.59a1,1,0,0,1,0-2c1.79,0,3.3-.95,3.3-2.07a1,1,0,0,1,2,0C751.89,3664.81,749.56,3666.59,746.59,3666.59Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M726.11,3670.51a1,1,0,0,1-.4-1.92l16.18-7a1,1,0,1,1,.79,1.84l-16.18,7A1,1,0,0,1,726.11,3670.51Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M732.5,3681.61h-6.39a1,1,0,1,1,0-2h6.39A1,1,0,1,1,732.5,3681.61Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M732.5,3709.53a1,1,0,0,1-1-1v-33.46a1,1,0,0,1,2,0v33.46A1,1,0,0,1,732.5,3709.53Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M746.59,3709.53H732.5a1,1,0,1,1,0-2h14.09A1,1,0,0,1,746.59,3709.53Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M760.68,3709.53a1,1,0,0,1-1-1v-33.46a1,1,0,1,1,2,0v33.46A1,1,0,0,1,760.68,3709.53Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M760.68,3709.53H746.59a1,1,0,0,1,0-2h14.09A1,1,0,1,1,760.68,3709.53Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M726.11,3681.61a1,1,0,0,1-1-1v-11.1a1,1,0,0,1,2,0v11.1A1,1,0,0,1,726.11,3681.61Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M767.07,3670.51a1,1,0,0,1-.4-0.08l-16.18-7a1,1,0,1,1,.79-1.84l16.18,7A1,1,0,0,1,767.07,3670.51Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M767.07,3681.61h-6.39a1,1,0,1,1,0-2h6.39A1,1,0,1,1,767.07,3681.61Z" transform="translate(-725.11 -3661.53)"></path>
<path class="product-picker-fill" d="M767.07,3681.61a1,1,0,0,1-1-1v-11.1a1,1,0,0,1,2,0v11.1A1,1,0,0,1,767.07,3681.61Z" transform="translate(-725.11 -3661.53)"></path>
</svg></span></div><small class="sw-ProductPicker_Title">Classic Unisex Tee</small>
</div>
</label></div>
<div ng-repeat="product in vm.productIcon track by $index" class="slick-slide" index="2" style="width: 130px;"><label><input class="sw-Form_ChkRadio" title="Youth Unisex Tee" name="style" type="radio"
ng-value="product.type" ng-checked="vm.activeProductIcon===$index" ng-click="vm.activeProductIcon=$index; vm.previewProductType=vm.productTypes[$index]; vm.productTypeChanged()" value="Youth Unisex Tee">
<div class="slick-slide sw-ProductPicker_Item" aria-hidden="true" ng-class="{'sw-ProductPicker_Item-active': vm.activeProductIcon===$index}">
<div class="sw-ProductPicker_Figure"><!----><span class="sw-ProductPicker_Img" ng-include="product.image" style=""><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="32.28" height="42.17"
viewBox="0 0 32.28 42.17">
<defs>
<style>
.product-picker-fill {
fill: #BECBD8;
}
.trans-kids-svg {
fill: #fff;
opacity: 0;
}
</style>
</defs>
<title>product-kids-alt2</title>
<path class="product-picker-fill"
d="M2009.63,1199.61h0s0-.06,0-0.09a1,1,0,0,0-.06-0.29,8.1,8.1,0,0,0-.21-0.32,1,1,0,0,0-.25-0.17l-0.07,0h0l-12-5.16h0a17.72,17.72,0,0,0-.39-0.08h0a1,1,0,0,0-.36.07,1,1,0,0,0-.13.08,1,1,0,0,0-.19.13,1,1,0,0,0-.17.24s0,0-.05.07h0a20.26,20.26,0,0,0-.08.39h0c0,0.6-.9,1.27-2.18,1.27s-2.18-.67-2.18-1.27h0a20.26,20.26,0,0,0-.08-0.39h0s0,0,0-.07a1,1,0,0,0-.17-0.25,8.6,8.6,0,0,0-.32-0.21,1,1,0,0,0-.35-0.07h0a17.81,17.81,0,0,0-.39.08h0l-12,5.16h0l-0.07,0a1,1,0,0,0-.25.17,8.1,8.1,0,0,0-.21.32,1,1,0,0,0-.06.29s0,0.06,0,.09h0v8.2a1,1,0,0,0,1,1h3.73v19.63a1,1,0,0,0,1,1h20.83a1,1,0,0,0,1-1v-19.63h3.73a1,1,0,0,0,1-1v-8.2h0Zm-5.73,3.1a1,1,0,0,0-1,1v23.73h-18.83V1203.7a1,1,0,0,0-2,0v3.1h-2.73v-6.55l10.34-4.46a4.75,4.75,0,0,0,7.61,0l10.34,4.46v6.55h-2.73v-3.1A1,1,0,0,0,2003.9,1202.7Z"
transform="translate(-1977.34 -1187.27)"></path>
<rect class="trans-kids-svg" x="11.96" width="7.39" height="6.17"></rect>
</svg></span></div><small class="sw-ProductPicker_Title">Youth Unisex Tee</small>
</div>
</label></div>
</div>
</div><!----><!----><!---->
</slick>
</div><!----><!----><!---->
</div><!----><!----> <!----> <!----> <!----> <!----> <!----> <!----><!---->
</bf-loading></div>
</fieldset><!---->
<fieldset class="sw-SizePicker sw-Form_Group" ng-if="vm.previewProduct.sizes && vm.previewProduct.sizes.length ||
!vm.edit && !vm.editLaunchedCampaign">
<legend class="sw-Form_Legend">
<h3 class="sw-SubtitleAlt"><span class="sw-SrOnly">Select a</span>Size</h3>
</legend><bf-loading state="all" all-states="vm.resolveState" height="25" width="300" loading-class="sw-LoadingField sw-LoadingField-white"><!---->
<div ng-if="!type" class="" style=""><!----></div><!----><!----><!---->
<div ng-if="allStates[state] && !allStates[state].loading && !allStates[state].error" ng-transclude="" class="">
<div class="sw-SizePicker_Inner"><!----><label ng-repeat="size in vm.previewProduct.sizes"><input class="sw-Form_ChkRadio" title="XS" name="size" type="radio" ng-value="size.size" ng-checked="vm.selectedSize.size === size.size"
ng-click="vm.changeSize(size, vm.previewProduct.id)" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="false" value="XS">
<div aria-hidden="true" class="sw-SizePicker_Cnt" uib-tooltip="Available for your buyers" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" tooltip-append-to-body="true"><!---->
<div ng-if="vm.previewProduct.sizes.length>0" class="sw-SizePicker_Item" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" ng-class="{
'sw-SizePicker_Item-active': vm.selectedSize.size === size.size,
'sw-SizePicker_Item-error': vm.showClaimGiftError && !vm.isSizeDisabled(size),
'sw-SizePicker_Item-inactive': vm.isSizeDisabled(size)}">XS</div><!---->
</div>
</label><!----><label ng-repeat="size in vm.previewProduct.sizes"><input class="sw-Form_ChkRadio" title="S" name="size" type="radio" ng-value="size.size" ng-checked="vm.selectedSize.size === size.size"
ng-click="vm.changeSize(size, vm.previewProduct.id)" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="false" value="S">
<div aria-hidden="true" class="sw-SizePicker_Cnt" uib-tooltip="Available for your buyers" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" tooltip-append-to-body="true"><!---->
<div ng-if="vm.previewProduct.sizes.length>0" class="sw-SizePicker_Item" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" ng-class="{
'sw-SizePicker_Item-active': vm.selectedSize.size === size.size,
'sw-SizePicker_Item-error': vm.showClaimGiftError && !vm.isSizeDisabled(size),
'sw-SizePicker_Item-inactive': vm.isSizeDisabled(size)}">S</div><!---->
</div>
</label><!----><label ng-repeat="size in vm.previewProduct.sizes"><input class="sw-Form_ChkRadio" title="M" name="size" type="radio" ng-value="size.size" ng-checked="vm.selectedSize.size === size.size"
ng-click="vm.changeSize(size, vm.previewProduct.id)" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="false" value="M">
<div aria-hidden="true" class="sw-SizePicker_Cnt" uib-tooltip="Available for your buyers" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" tooltip-append-to-body="true"><!---->
<div ng-if="vm.previewProduct.sizes.length>0" class="sw-SizePicker_Item" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" ng-class="{
'sw-SizePicker_Item-active': vm.selectedSize.size === size.size,
'sw-SizePicker_Item-error': vm.showClaimGiftError && !vm.isSizeDisabled(size),
'sw-SizePicker_Item-inactive': vm.isSizeDisabled(size)}">M</div><!---->
</div>
</label><!----><label ng-repeat="size in vm.previewProduct.sizes"><input class="sw-Form_ChkRadio" title="L" name="size" type="radio" ng-value="size.size" ng-checked="vm.selectedSize.size === size.size"
ng-click="vm.changeSize(size, vm.previewProduct.id)" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="false" value="L">
<div aria-hidden="true" class="sw-SizePicker_Cnt" uib-tooltip="Available for your buyers" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" tooltip-append-to-body="true"><!---->
<div ng-if="vm.previewProduct.sizes.length>0" class="sw-SizePicker_Item" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" ng-class="{
'sw-SizePicker_Item-active': vm.selectedSize.size === size.size,
'sw-SizePicker_Item-error': vm.showClaimGiftError && !vm.isSizeDisabled(size),
'sw-SizePicker_Item-inactive': vm.isSizeDisabled(size)}">L</div><!---->
</div>
</label><!----><label ng-repeat="size in vm.previewProduct.sizes"><input class="sw-Form_ChkRadio" title="XL" name="size" type="radio" ng-value="size.size" ng-checked="vm.selectedSize.size === size.size"
ng-click="vm.changeSize(size, vm.previewProduct.id)" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="false" value="XL">
<div aria-hidden="true" class="sw-SizePicker_Cnt" uib-tooltip="Available for your buyers" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" tooltip-append-to-body="true"><!---->
<div ng-if="vm.previewProduct.sizes.length>0" class="sw-SizePicker_Item" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" ng-class="{
'sw-SizePicker_Item-active': vm.selectedSize.size === size.size,
'sw-SizePicker_Item-error': vm.showClaimGiftError && !vm.isSizeDisabled(size),
'sw-SizePicker_Item-inactive': vm.isSizeDisabled(size)}">XL</div><!---->
</div>
</label><!----><label ng-repeat="size in vm.previewProduct.sizes"><input class="sw-Form_ChkRadio" title="2XL" name="size" type="radio" ng-value="size.size" ng-checked="vm.selectedSize.size === size.size"
ng-click="vm.changeSize(size, vm.previewProduct.id)" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="false" value="2XL">
<div aria-hidden="true" class="sw-SizePicker_Cnt" uib-tooltip="Available for your buyers" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" tooltip-append-to-body="true"><!---->
<div ng-if="vm.previewProduct.sizes.length>0" class="sw-SizePicker_Item" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" ng-class="{
'sw-SizePicker_Item-active': vm.selectedSize.size === size.size,
'sw-SizePicker_Item-error': vm.showClaimGiftError && !vm.isSizeDisabled(size),
'sw-SizePicker_Item-inactive': vm.isSizeDisabled(size)}">2XL</div><!---->
</div>
</label><!----><label ng-repeat="size in vm.previewProduct.sizes"><input class="sw-Form_ChkRadio" title="3XL" name="size" type="radio" ng-value="size.size" ng-checked="vm.selectedSize.size === size.size"
ng-click="vm.changeSize(size, vm.previewProduct.id)" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="false" value="3XL">
<div aria-hidden="true" class="sw-SizePicker_Cnt" uib-tooltip="Available for your buyers" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" tooltip-append-to-body="true"><!---->
<div ng-if="vm.previewProduct.sizes.length>0" class="sw-SizePicker_Item" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" ng-class="{
'sw-SizePicker_Item-active': vm.selectedSize.size === size.size,
'sw-SizePicker_Item-error': vm.showClaimGiftError && !vm.isSizeDisabled(size),
'sw-SizePicker_Item-inactive': vm.isSizeDisabled(size)}">3XL</div><!---->
</div>
</label><!----><label ng-repeat="size in vm.previewProduct.sizes"><input class="sw-Form_ChkRadio" title="4XL" name="size" type="radio" ng-value="size.size" ng-checked="vm.selectedSize.size === size.size"
ng-click="vm.changeSize(size, vm.previewProduct.id)" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="false" value="4XL">
<div aria-hidden="true" class="sw-SizePicker_Cnt" uib-tooltip="Available for your buyers" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" tooltip-append-to-body="true"><!---->
<div ng-if="vm.previewProduct.sizes.length>0" class="sw-SizePicker_Item" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" ng-class="{
'sw-SizePicker_Item-active': vm.selectedSize.size === size.size,
'sw-SizePicker_Item-error': vm.showClaimGiftError && !vm.isSizeDisabled(size),
'sw-SizePicker_Item-inactive': vm.isSizeDisabled(size)}">4XL</div><!---->
</div>
</label><!----><small class="camp-SizingInfo"><button class="sw-LinkButton" ng-click="vm.openSizingInfo()">Size & fabric info</button></small><!----></div>
</div><!----><!----> <!----> <!----> <!----> <!----> <!----> <!----><!---->
</bf-loading>
<p ng-show="vm.showClaimGiftError" class="sw-Form_Help sw-Form_Help-error ng-hide">Please select a size.</p>
</fieldset><!---->
<div class="camp-BuyBtnWrap"><button id="fnc-AddToCartBtn" type="submit" class="bf-Btn bf-Btn-lg bf-Btn-mobwide bf-Btn-primary" ng-class="{'bf-Btn-nostock' : vm.previewProduct.outOfStock, 'bf-Btn-primary' : !vm.previewProduct.outOfStock}"
ng-show="((vm.campaign.isOpen || !vm.campaign.launched) || (vm.campaign.smartLaunchEnabled && !vm.campaign.smartLaunchOff && vm.campaign.smartBatch != null))"
ng-disabled="vm.campaign.contentFlagged || vm.previewProduct.outOfStock || !vm.campaign.launched || vm.campaign.adminEdit || vm.editLaunchedCampaign" aria-disabled="false" ng-click="vm.buy()">Add to cart</button></div>
<div class="camp-BuyBtnWrap camp-BuyBtnWrap-fixed" ng-show="((vm.campaign.isOpen || !vm.campaign.launched) || (vm.campaign.smartLaunchEnabled && !vm.campaign.smartLaunchOff && vm.campaign.smartBatch != null))">
<div class="camp-BuyBtn_Grid">
<div class="camp-BuyBtn_Info"><img width="48" height="48" ng-show="vm.previewCustomImage || vm.previewSide"
ng-src="https://dynamic.bonfireassets.com/thumb/design-image/ea9ff66b-165e-405b-92f3-6da733af3ee8/5205a469-427b-4aac-8455-556ef3ed63da/75/" alt="Help support the CAC of Clearfield County., a Dark Heather Grey Premium Unisex Tee"
class="camp-BuyBtn_Img" src="https://dynamic.bonfireassets.com/thumb/design-image/ea9ff66b-165e-405b-92f3-6da733af3ee8/5205a469-427b-4aac-8455-556ef3ed63da/75/">
<div><span ng-bind-html="vm.campaign.name" class="bf-Text bf-Text-size-xl bf-Text-slh bf-Text-bold sw-Block">Help support the CAC of Clearfield County.</span> <span class="bf-Text bf-Text-color-gray-500">Premium Unisex Tee</span>
</div>
</div><button id="fnc-AddToCartBtnFixed" type="submit" class="bf-Btn bf-Btn-mobwide bf-Btn-primary" ng-class="{'bf-Btn-nostock' : vm.previewProduct.outOfStock, 'bf-Btn-primary' : !vm.previewProduct.outOfStock}"
ng-show="((vm.campaign.isOpen || !vm.campaign.launched) || (vm.campaign.smartLaunchEnabled && !vm.campaign.smartLaunchOff && vm.campaign.smartBatch != null))"
ng-disabled="vm.campaign.contentFlagged || vm.previewProduct.outOfStock || !vm.campaign.launched || vm.campaign.adminEdit || vm.editLaunchedCampaign" aria-disabled="false" ng-click="vm.buy()">Add to cart</button>
</div>
</div><!---->
<div class="camp-IwbBtnWrap"><!----></div>
</section><!---->
<section aria-label="Campaign statistics" class="camp-ScoreBoard" ng-class="{'camp-ScoreBoard-empty': (vm.edit || vm.editLaunchedCampaign || vm.campaign.status == 'READY') &&
!(vm.campaign.quantitySoldPublic && vm.campaign.fundraising) &&
!(vm.campaign.quantitySoldPublic && !vm.campaign.fundraising &&
vm.campaign.totalProductsSold>0) && !(vm.amountRaised && vm.campaign.amountRaisedPublic) }">
<h2 class="sw-SrOnly">Campaign statistics</h2>
<div><!---->
<div class="camp-ScoreBoard_ItemWrap ng-hide" ng-hide="vm.campaign.campaignType == 'POD' || (vm.edit || vm.editLaunchedCampaign) || vm.campaign.status == 'READY'"><span
class="sw-CircleWrap sw-CircleWrap-grayalt"><i class="bf-Icon bf-Icon-clock-time-24 bf-Icon-gray-600" aria-hidden="true"></i></span>
<div class="camp-ScoreBoard_Item camp-ScoreBoard_Item-ticker">
<h3 class="bf-Text bf-Text-size-xs bf-Text-bold bf-Text-uppercase">Campaign Ends in</h3>
<div class="camp-CampaignEndTicker">
<div class="camp-CampaignEndTicker_Item">
<div class="camp-ScoreBoard_Number"><span class="bf-Text bf-Text-size-xl bf-Text-bold bf-Text-slh">0</span></div><small class="camp-CampaignEndTicker_Text">days</small>
</div>
<div class="camp-CampaignEndTicker_Item">
<div class="camp-ScoreBoard_Number"><span class="bf-Text bf-Text-size-xl bf-Text-bold bf-Text-slh">11</span></div><small class="camp-CampaignEndTicker_Text">hours</small>
</div>
<div class="camp-CampaignEndTicker_Item">
<div class="camp-ScoreBoard_Number"><span class="bf-Text bf-Text-size-xl bf-Text-bold bf-Text-slh">9</span></div><small class="camp-CampaignEndTicker_Text">mins</small>
</div>
<div class="camp-CampaignEndTicker_Item">
<div class="camp-ScoreBoard_Number"><span class="bf-Text bf-Text-size-xl bf-Text-bold bf-Text-slh">12</span></div><small class="camp-CampaignEndTicker_Text">secs</small>
</div>
</div>
</div>
</div>
<div class="camp-ScoreBoard_ItemWrap ng-hide" ng-show="!vm.edit && !vm.campaign.adminEdit && !vm.editLaunchedCampaign &&
vm.amountRaised > 0 && vm.campaign.amountRaisedPublic && vm.shouldShowAmountRaised"><span
class="sw-CircleWrap sw-CircleWrap-grayalt"><i class="bf-Icon bf-Icon-giving-heart-hand-24 bf-Icon-gray-600" aria-hidden="true"></i></span>
<div class="camp-ScoreBoard_Item camp-ScoreBoard_Item-raised">
<h3 class="bf-Text bf-Text-size-xs bf-Text-bold bf-Text-uppercase">Raised</h3>
<div class=""><span class="bf-Text bf-Text-size-xl bf-Text-bold bf-Text-slh"></span></div>
</div>
</div><!---->
<div class="camp-ScoreBoard_ItemWrap ng-hide" ng-show="!vm.edit && !vm.campaign.adminEdit && !vm.editLaunchedCampaign &&
vm.campaign.quantitySoldPublic && !vm.campaign.fundraising && vm.campaign.totalProductsSold > 0"><span
class="sw-CircleWrap sw-CircleWrap-grayalt"><i class="bf-Icon bf-Icon-product-tag-order-24 bf-Icon-gray-600" aria-hidden="true"></i></span>
<div class="camp-ScoreBoard_Item camp-ScoreBoard_Item-sold">
<h3 class="bf-Text bf-Text-size-xs bf-Text-bold bf-Text-uppercase">Sold</h3>
<div class=""><span class="bf-Text bf-Text-size-xl bf-Text-bold">0</span></div>
</div>
</div>
<div class="camp-ScoreBoard_ItemWrap" ng-show="vm.campaign.quantitySoldPublic && vm.campaign.fundraising"><span
class="sw-CircleWrap sw-CircleWrap-grayalt"><i class="bf-Icon bf-Icon-product-tag-order-24 bf-Icon-gray-600" aria-hidden="true"></i></span>
<div class="camp-ScoreBoard_Item camp-ScoreBoard_Item-sold camp-ScoreBoard_Item-fundraising">
<h3 class="bf-Text bf-Text-size-xs bf-Text-bold bf-Text-uppercase">Sold</h3><strong class="bf-Text bf-Text-size-xl bf-Text-bold bf-Text-slh">0 </strong><span class="bf-Text-color-gray-500">/ 50 goal</span>
<div class="sw-ProgressBar_Wrap">
<div class="progress sw-ProgressBar">
<div class="progress-bar sw-ProgressBar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" ng-style="{'width': vm.campaign.percentage + '%'}" style="width: 0%;"><span class="sw-SrOnly">0%
Complete</span></div>
</div>
</div>
</div>
</div>
<div class="camp-ScoreBoard_ItemWrap"><span class="sw-CircleWrap sw-CircleWrap-grayalt"><i class="bf-Icon bf-Icon-truck-shipping-delivery-24 bf-Icon-gray-600" aria-hidden="true"></i></span>
<section class="camp-ScoreBoard_Item camp-ScoreBoard_Item-shipping">
<h3 class="bf-Text bf-Text-size-xs bf-Text-bold bf-Text-uppercase bf-Text-color-gray-600">Shipping</h3><small class="bf-Chip bf-Chip-green" href="https://help.bonfire.com/en/articles/3008346-shipping-times" target="_blank"><svg
class="bf-Icon bf-Icon-16" viewBox="0 0 16 16">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M15 8a7 7 0 0 0-6.995-7h-.008A7 7 0 1 0 15 8zM8.965 9h-1.93c.09 1.294.351 2.39.682 3.162.1.232.196.414.283.553a4.1 4.1 0 0 0 .283-.553c.33-.772.592-1.868.682-3.162zm-1.93-2c.09-1.294.351-2.39.682-3.162.1-.232.196-.414.283-.553.087.14.184.32.283.553.33.771.592 1.868.682 3.162h-1.93zM5.03 7H3.1a5.008 5.008 0 0 1 2.577-3.429c-.338.963-.568 2.14-.647 3.429zm0 2H3.1a5.008 5.008 0 0 0 2.577 3.428C5.339 11.466 5.109 10.29 5.03 9zm5.94 0h1.93a5.008 5.008 0 0 1-2.577 3.428c.338-.962.568-2.138.647-3.428zm1.93-2h-1.93c-.08-1.29-.31-2.466-.647-3.429A5.008 5.008 0 0 1 12.9 7z"
fill="#3D4853"></path>
</svg> Ships worldwide</small><!---->
</section>
</div><!---->
</div>
</section>
<section class="camp-StoreCardWrap"><!----></section>
</div>
</div>
</div>
</div>
</form>Text Content
It looks like your browser is outdated. Please update to the latest version in
order to get a better experience.
Close
WE VALUE YOUR PRIVACY.
We use cookies to give you the best experience possible. Continue browsing or
review our privacy policy to learn more.
Sounds good
Example of a nagbar. Inline link and some more text.
Button
Skip to content
* How it works
* Explore
Sell online
* Icon money
Sell online in a campaign
arrow-right
* Stores
Create a merch store
arrow-right
* For creators
Take your merch to the next level arrow-right
* Sell merch on YouTube
arrow-right
Fundraising
* For individuals
arrow-right
* For nonprofits
arrow-right
* Peer-to-peer fundraising
arrow-right
* Bonfire + Classy Integration
arrow-right
* Discover a cause
Customize
* Supply
Order custom shirts arrow-right
* Studio
Request a custom design arrow-right
* Product catalog
arrow-right
* Design templates
arrow-right
This holiday season, give a gift that gives back to a charitable cause with a
soft tee from Bonfire.
Shop gifts
* Log in
* Track your order
*
Shop all shirts
Find something you love arrow-right
Discover creators
arrow-right
Gift cards
arrow-right
By Category
Staff PicksAdoptionAdvocacyAnimal RescueAnimalsArt &
IllustrationsAwarenessBusinessesConservationCreatorsEntertainmentFundraisingHobbiesHolidaysMedicalNonprofitsSchoolsSocial
MovementsSports
Search Bonfire
logo
Log in
Welcome, !
* Dashboard
* Account Settings
* Help Center
* Log Out
icon-cart-outlined Cart
Back
Save
Launch Scheduled
Cancel Save and publish
This is how your campaign page will appear to your buyers.
Manage and edit this campaign from your dashboard.
upload-iconShare
This campaign is currently flagged so only you can see this page. View campaign
details
This campaign has been closed by admin. Only Bonfire admins can view this page.
This campaign has been deleted by the seller. Only Bonfire admins can view this
page.
HELP SUPPORT THE CAC OF CLEARFIELD COUNTY.
Set item as featured
*
*
HELP SUPPORT THE CAC OF CLEARFIELD COUNTY.
CAMPAIGN OPTIONS
Check out our Facebook: https://www.facebook.com/clearfieldcountycac/
CA
by Child Advocacy Center of Clearfield County
CCfor Cen Clear Child Services Inc.
SELECT ACOLOR
color-picker-checkmark
color-picker-checkmark
color-picker-checkmark
color-picker-checkmark
color-picker-checkmark
SELECT ASTYLE
Price:$25.00 USD
product-unisex-tee
Premium Unisex Tee
product-unisex-tee
Classic Unisex Tee
product-kids-alt2
Youth Unisex Tee
SELECT ASIZE
XS
S
M
L
XL
2XL
3XL
4XL
Size & fabric info
Please select a size.
Add to cart
Help support the CAC of Clearfield County. Premium Unisex Tee
Add to cart
CAMPAIGN STATISTICS
CAMPAIGN ENDS IN
0
days
11
hours
9
mins
12
secs
RAISED
SOLD
0
SOLD
0 / 50 goal
0% Complete
SHIPPING
Ships worldwide
ABOUT THIS CAMPAIGN
SUPPORT THE CAC-CC
LOOKS LIKE YOUR TEXT IS -182 CHARACTER OVER THE LIMIT. PLEASE SHORTEN IT TO 200
CHARACTERS OR LESS.
Here is an opportunity to show your support for the Child Advocacy Center of
Clearfield County!
Looks like your text is -9905 character over the limit. Please shorten it to
10000 characters or less.
GIFT THE FREEDOM OF CHOICE WITH A BONFIRE GIFT CARD
Buy a gift card
upload-iconShare this campaign
1. Home
2. Shop
3. Nonprofits
4. Human Services Organizations
Bonfire Where the world goes for premium custom shirts.
Get started
SELL ONLINE
* Limited edition campaign
* On-demand merch store
* Personal fundraiser
EXPLORE
* Shop the marketplace
* Support a cause
NONPROFITS
* For nonprofits
* Peer-to-peer fundraising
CREATORS
* For creators
* Discover top creators
* Sell with Merch Shelf
* YouTube creators
RESOURCES
* Blog
* Design templates
* Help center
* Order custom shirts
* Pricing calculator
* Product catalog
* Request a custom design
* Stories
* Track my order
COMPANY
* About
* Careers
* Contact
* Privacy
* Reviews
* Terms
© 2024 Bonfire.com
DMCA Trademark Takedown
* Bonfire on Facebook
* social-insta Bonfire on Instagram
* social-pinterest Bonfire on Pinterest
* social-twitter Bonfire on Twitter
* Bonfire on YouTube
Based in Richmond, VA