www.bonfire.com
Open in
urlscan Pro
3.209.205.57
Public Scan
Submitted URL: http://url2710.civitasforhealth.org/ls/click?upn=nWzcpQsYPrvozI7onH7sBl5CNhDkMny8LIEaTm1LMojyqZy4m1Dl84qPgEMj901ENbQWzzfzGQ5XyXy1VFH...
Effective URL: https://www.bonfire.com/civitas2023-annual-conference/
Submission: On August 04 via api from US — Scanned from DE
Effective URL: https://www.bonfire.com/civitas2023-annual-conference/
Submission: On August 04 via api 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-Clearfix">
<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">#Civitas2023 Annual Conference</h1><!----><!----><!----><!---->
</header><img src="https://www.bonfire.com/images/verified-badge-new.svg" alt="Verified nonprofit badge" class="camp-VerifiedNonProfitImg" 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/2f48e2e2-a238-4a19-989d-1d70614fb30d/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/900/" alt="#Civitas2023 Annual Conference, a Sport Grey Classic 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/2f48e2e2-a238-4a19-989d-1d70614fb30d/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/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/2f48e2e2-a238-4a19-989d-1d70614fb30d/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/75/" alt="#Civitas2023 Annual Conference, a Sport Grey Classic Unisex Tee" src="https://dynamic.bonfireassets.com/thumb/design-image/2f48e2e2-a238-4a19-989d-1d70614fb30d/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/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/d4922e2b-3001-430c-9df1-fdde18e6ba46/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/75/" alt="#Civitas2023 Annual Conference, a Sport Grey Classic Unisex Tee (back-view)" src="https://dynamic.bonfireassets.com/thumb/design-image/d4922e2b-3001-430c-9df1-fdde18e6ba46/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/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/d4922e2b-3001-430c-9df1-fdde18e6ba46/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/900/" alt="#Civitas2023 Annual Conference, a Sport Grey Classic Unisex Tee (back-view)"
ng-click="vm.openLightboxModal(design)" src="https://dynamic.bonfireassets.com/thumb/design-image/d4922e2b-3001-430c-9df1-fdde18e6ba46/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/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/2f48e2e2-a238-4a19-989d-1d70614fb30d/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/900/" alt="#Civitas2023 Annual Conference, a Sport Grey Classic Unisex Tee"
ng-click="vm.openLightboxModal(design)" src="https://dynamic.bonfireassets.com/thumb/design-image/2f48e2e2-a238-4a19-989d-1d70614fb30d/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/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/d4922e2b-3001-430c-9df1-fdde18e6ba46/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/900/" alt="#Civitas2023 Annual Conference, a Sport Grey Classic Unisex Tee (back-view)"
ng-click="vm.openLightboxModal(design)" src="https://dynamic.bonfireassets.com/thumb/design-image/d4922e2b-3001-430c-9df1-fdde18e6ba46/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/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/2f48e2e2-a238-4a19-989d-1d70614fb30d/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/900/" alt="#Civitas2023 Annual Conference, a Sport Grey Classic Unisex Tee"
ng-click="vm.openLightboxModal(design)" src="https://dynamic.bonfireassets.com/thumb/design-image/2f48e2e2-a238-4a19-989d-1d70614fb30d/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/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/2f48e2e2-a238-4a19-989d-1d70614fb30d/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/75/"
alt="#Civitas2023 Annual Conference, a Sport Grey Classic Unisex Tee"
src="https://dynamic.bonfireassets.com/thumb/design-image/2f48e2e2-a238-4a19-989d-1d70614fb30d/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/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/d4922e2b-3001-430c-9df1-fdde18e6ba46/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/75/" alt="#Civitas2023 Annual Conference, a Sport Grey Classic Unisex Tee (back-view)"
src="https://dynamic.bonfireassets.com/thumb/design-image/d4922e2b-3001-430c-9df1-fdde18e6ba46/58ceff26-1fa6-42a0-b1a6-ccb2cbdb97b6/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">#Civitas2023 Annual Conference</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">All proceeds go to HealthCare Access Maryland</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">CN</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">Civitas Networks for Health Association </span><!----></span><!----><!----><!----><!----><button
class="camp-HeartNonprofitBtn" uib-popover-template="'userOrgPopup.html'" popover-placement="top-right" popover-trigger="outsideClick" popover-is-open="vm.userOrgPopup" aria-label="Verified nonprofit info"
ng-if="vm.campaign.campaignOwner.organizations[0].type === 'NONPROFIT' || vm.campaign.campaignOwner.organizations[0].type === 'CHAPTER'"><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><!----></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">HA</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/healthcare-access-maryland-inc-522017095/">Healthcare Access Maryland 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="Sport Grey" name="color" type="radio" ng-value="product.colorName" ng-checked="vm.previewProduct.colorName == product.colorName" ng-click="vm.changeProductPreview(product)" value="Sport 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="Sport 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(178, 176, 181);"><!----><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="Navy" name="color" type="radio" ng-value="product.colorName"
ng-checked="vm.previewProduct.colorName == product.colorName" ng-click="vm.changeProductPreview(product)" value="Navy">
<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="Navy" 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(35, 42, 55);"><!----><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">$30.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: 260px; transform: translate3d(0px, 0px, 0px);">
<div ng-repeat="product in vm.productIcon track by $index" class="slick-slide slick-active" index="0" 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"
checked="checked">
<div class="slick-slide sw-ProductPicker_Item sw-ProductPicker_Item-active slick-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">Classic Unisex Tee</small>
</div>
</label></div>
<div ng-repeat="product in vm.productIcon track by $index" class="slick-slide slick-active" index="1" style="width: 130px;"><label><input class="sw-Form_ChkRadio" title="Crewneck Sweatshirt" 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="Crewneck Sweatshirt">
<div class="slick-slide sw-ProductPicker_Item slick-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-crewneck</title>
<path class="product-picker-fill" d="M1170.52,3666.55c-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,1,1,1170.52,3666.55Z" transform="translate(-1149.04 -3661.48)"></path>
<path class="product-picker-fill" d="M1184.61,3709.48h-14.09a1,1,0,0,1,0-2h14.09A1,1,0,1,1,1184.61,3709.48Z" transform="translate(-1149.04 -3661.48)"></path>
<path class="product-picker-fill" d="M1150,3704.43a1,1,0,0,1-1-1v-33.81a1,1,0,0,1,2,0v33.81A1,1,0,0,1,1150,3704.43Z" transform="translate(-1149.04 -3661.48)"></path>
<path class="product-picker-fill" d="M1170.52,3666.55a1,1,0,0,1,0-2c1.79,0,3.3-.95,3.3-2.07a1,1,0,0,1,2,0C1175.83,3664.76,1173.5,3666.55,1170.52,3666.55Z" transform="translate(-1149.04 -3661.48)"></path>
<path class="product-picker-fill" d="M1150,3670.46a1,1,0,0,1-.4-1.92l16.18-7a1,1,0,0,1,.79,1.84l-16.18,7A1,1,0,0,1,1150,3670.46Z" transform="translate(-1149.04 -3661.48)"></path>
<path class="product-picker-fill" d="M1156.44,3704.43H1150a1,1,0,0,1,0-2h6.39A1,1,0,0,1,1156.44,3704.43Z" transform="translate(-1149.04 -3661.48)"></path>
<path class="product-picker-fill" d="M1156.44,3709.48a1,1,0,0,1-1-1V3675a1,1,0,0,1,2,0v33.46A1,1,0,0,1,1156.44,3709.48Z" transform="translate(-1149.04 -3661.48)"></path>
<path class="product-picker-fill" d="M1170.52,3709.48h-14.09a1,1,0,0,1,0-2h14.09A1,1,0,1,1,1170.52,3709.48Z" transform="translate(-1149.04 -3661.48)"></path>
<path class="product-picker-fill" d="M1184.61,3709.48a1,1,0,0,1-1-1V3675a1,1,0,0,1,2,0v33.46A1,1,0,0,1,1184.61,3709.48Z" transform="translate(-1149.04 -3661.48)"></path>
<path class="product-picker-fill" d="M1191,3670.46a1,1,0,0,1-.4-0.08l-16.18-7a1,1,0,0,1,.79-1.84l16.18,7A1,1,0,0,1,1191,3670.46Z" transform="translate(-1149.04 -3661.48)"></path>
<path class="product-picker-fill" d="M1191,3704.43h-6.39a1,1,0,0,1,0-2H1191A1,1,0,0,1,1191,3704.43Z" transform="translate(-1149.04 -3661.48)"></path>
<path class="product-picker-fill" d="M1191,3704.43a1,1,0,0,1-1-1v-33.81a1,1,0,0,1,2,0v33.81A1,1,0,0,1,1191,3704.43Z" transform="translate(-1149.04 -3661.48)"></path>
</svg></span></div><small class="sw-ProductPicker_Title">Crewneck Sweatshirt</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="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><!----><label ng-repeat="size in vm.previewProduct.sizes"><input class="sw-Form_ChkRadio" title="5XL" 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="5XL">
<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)}">5XL</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 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-IwbBtnWrap"><!----></div>
</section>
<section aria-label="Shipping expectations" class="camp-TextInfo ng-hide" ng-hide="vm.edit || vm.editLaunchedCampaign || vm.campaign.campaignType === 'POD'">
<h2 class="sw-SrOnly">Shipping expectations</h2><!----><!----><small ng-if="vm.campaign.isOpen && vm.campaign.currentBatch.charging && !vm.campaign.adminEdit"><!----> <span
ng-class="{'camp-HideShippingDate': vm.timeLeft > 1 && vm.timeLeftUnits == 'days'}">Orders will start shipping August 14th.</span> </small><!----><!----><!----><!----><!---->
<div><small class="bf-Chip" 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></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 class="camp-FundraisingGoalMeter sw-Form_Group" ng-show="vm.campaign.quantitySoldPublic && vm.campaign.fundraising"><span class="camp-FundraisingGoalMeter_Wrap"><strong class="camp-FundraisingGoalMeter_Number">72 sold
</strong>/ 75 goal</span>
<div class="sw-ProgressBar_Wrap">
<div class="progress sw-ProgressBar">
<div class="progress-bar sw-ProgressBar-success" role="progressbar" aria-valuenow="96" aria-valuemin="0" aria-valuemax="100" ng-style="{'width': vm.campaign.percentage + '%'}" style="width: 96%;"><span class="sw-SrOnly">96%
Complete</span></div>
</div>
</div>
</div><!---->
<div class="camp-ScoreBoard_Section" ng-if="!vm.edit" ng-class="{'camp-ScoreBoard_Section-push' : vm.campaign.storeInfo && !vm.editLaunchedCampaign}">
<div class="camp-ScoreBoard_Numbers ng-hide" ng-show="vm.campaign.quantitySoldPublic && !vm.campaign.fundraising && vm.campaign.totalProductsSold > 0"><img class="camp-ScoreBoard_Img"
src="https://www.bonfire.com/images/icons/scoreboard-tag.svg" aria-hidden="true" alt="Scoreboard tag">
<div class="camp-ScoreBoard_Number"><span class="sw-TertiaryTitle">72</span></div><small>sold</small>
</div>
<div class="camp-ScoreBoard_Numbers" ng-show="vm.amountRaised > 0 && vm.campaign.amountRaisedPublic && vm.shouldShowAmountRaised"><img class="camp-ScoreBoard_Img"
src="https://www.bonfire.com/images/icons/scoreboard-heart.svg" alt="Scoreboard heart" aria-hidden="true">
<div class="camp-ScoreBoard_Number"><span class="sw-TertiaryTitle">$664</span></div><small>raised</small>
</div>
<div ng-hide="vm.campaign.campaignType == 'POD' || (vm.edit || vm.editLaunchedCampaign) || vm.campaign.status == 'READY'" class="camp-CampaignEndTicker_Wrap ng-hide">
<div class="camp-CampaignEndTicker">
<div class="camp-CampaignEndTicker_Item">
<div class="camp-ScoreBoard_Number"><span class="sw-TertiaryTitle">0</span></div><small>days</small>
</div>
<div class="camp-CampaignEndTicker_Item">
<div class="camp-ScoreBoard_Number"><span class="sw-TertiaryTitle">12</span></div><small>hours</small>
</div>
<div class="camp-CampaignEndTicker_Item">
<div class="camp-ScoreBoard_Number"><span class="sw-TertiaryTitle">57</span></div><small>mins</small>
</div>
<div class="camp-CampaignEndTicker_Item">
<div class="camp-ScoreBoard_Number"><span class="sw-TertiaryTitle">21</span></div><small>secs</small>
</div>
</div>
</div><!---->
</div><!----><!----><!---->
</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
* Log in
* Track your order
*
Shop all shirts
Find something you love arrow-right
Discover creators
arrow-right By Category
Staff PicksAdoptionAdvocacyAnimal RescueAnimalsArt & IllustrationsAwarenessBlack
Lives MatterBusinessesConservationCreatorsCreators Give
BackEntertainmentEventsFundraisingHobbiesHolidaysMedicalMission
TripsNonprofitsSchoolsSocial MovementsSportsUkraine Relief 🇺🇦
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.
#CIVITAS2023 ANNUAL CONFERENCE
Set item as featured
*
*
#CIVITAS2023 ANNUAL CONFERENCE
CAMPAIGN OPTIONS
All proceeds go to HealthCare Access Maryland
CN
by Civitas Networks for Health Association
HAfor Healthcare Access Maryland Inc
SELECT ACOLOR
color-picker-checkmark
color-picker-checkmark
SELECT ASTYLE
Price:$30.00 USD
product-unisex-tee
Classic Unisex Tee
product-crewneck
Crewneck Sweatshirt
SELECT ASIZE
S
M
L
XL
2XL
3XL
4XL
5XL
Size & fabric info
Please select a size.
Add to cart
SHIPPING EXPECTATIONS
Orders will start shipping August 14th.
Ships worldwide
CAMPAIGN STATISTICS
72 sold / 75 goal
96% Complete
72
sold
$664
raised
0
days
12
hours
57
mins
21
secs
ABOUT THIS CAMPAIGN
#CIVITAS2023 ANNUAL CONFERENCE SHIRTS
LOOKS LIKE YOUR TEXT IS -163 CHARACTER OVER THE LIMIT. PLEASE SHORTEN IT TO 200
CHARACTERS OR LESS.
We are so excited to have our industry partners and Civitas members join us in
National Harbor, Maryland this coming August for the #Civitas2023 Annual
Conference. Make sure you order your t-shirt and/or sweatshirt ASAP so you'll
receive it prior to the event.
Thank you for Innsena's talented designer, Max Kovalchik, for their fantastic
design work. We couldn't have done it without you.
Please note that all proceeds from the t-shirts and sweatshirts go directly to
HealthCare Access Maryland (HCAM). This nonprofit agency connects residents to
public health care coverage and helps them navigate services effectively.
Looks like your text is -9377 character over the limit. Please shorten it to
10000 characters or less.
upload-iconShare this campaign
1. Home
2. Shop
3. Nonprofits
4. Community 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
© 2023 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
Â
Â