www.bonfire.com
Open in
urlscan Pro
67.225.222.4
Public Scan
URL:
https://www.bonfire.com/cad-spring-butterflies/?utm_source=mailgun&utm_medium=initial&utm_campaign=buyer_new_campaign_la...
Submission: On April 06 via manual from GB — Scanned from GB
Submission: On April 06 via manual from GB — Scanned from GB
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://c.bonfireassets.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 ng-valid-maxlength" style="">
<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">Spring Butterflies</h1><!----><!----><!----><!---->
</header><img src="https://c.bonfireassets.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" uib-popover-template="'featuredProduct.html'" popover-is-open="(vm.edit || vm.editLaunchedCampaign) && vm.checkForZoom(vm.previewSide)" popover-trigger="none" popover-placement="bottom">
<!----><span ng-include="'https://c.bonfireassets.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.previewSide" ng-src="https://dynamic.bonfireassets.com/thumb/design-image/2aa44c42-a805-4b33-8d9a-71bac5eb5fbe/17c5edb5-fcaf-4263-a8a9-643ea7eef746/900/"
alt="Spring Butterflies, a Tahiti Blue 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'}" ez-plus="" ezp-model="{large: 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/2aa44c42-a805-4b33-8d9a-71bac5eb5fbe/17c5edb5-fcaf-4263-a8a9-643ea7eef746/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}" 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/2aa44c42-a805-4b33-8d9a-71bac5eb5fbe/17c5edb5-fcaf-4263-a8a9-643ea7eef746/75/" alt="Spring Butterflies, a Tahiti Blue Premium Unisex Tee" src="https://dynamic.bonfireassets.com/thumb/design-image/2aa44c42-a805-4b33-8d9a-71bac5eb5fbe/17c5edb5-fcaf-4263-a8a9-643ea7eef746/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}" 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/7de9599f-0ef6-49e2-afee-ba10c94a405c/17c5edb5-fcaf-4263-a8a9-643ea7eef746/75/" alt="Spring Butterflies, a Tahiti Blue Premium Unisex Tee (back-view)" src="https://dynamic.bonfireassets.com/thumb/design-image/7de9599f-0ef6-49e2-afee-ba10c94a405c/17c5edb5-fcaf-4263-a8a9-643ea7eef746/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.previewProduct.design" current-index="vm.slideIndex" on-before-change="vm.beforeSlideChange()"
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.previewProduct.design" 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/7de9599f-0ef6-49e2-afee-ba10c94a405c/17c5edb5-fcaf-4263-a8a9-643ea7eef746/900/" alt="Spring Butterflies, a Tahiti Blue Premium Unisex Tee (back-view)"
ng-click="vm.openLightboxModal(design)" src="https://dynamic.bonfireassets.com/thumb/design-image/7de9599f-0ef6-49e2-afee-ba10c94a405c/17c5edb5-fcaf-4263-a8a9-643ea7eef746/900/"></div>
<div ng-repeat="design in vm.previewProduct.design" 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/2aa44c42-a805-4b33-8d9a-71bac5eb5fbe/17c5edb5-fcaf-4263-a8a9-643ea7eef746/900/" alt="Spring Butterflies, a Tahiti Blue Premium Unisex Tee"
ng-click="vm.openLightboxModal(design)" src="https://dynamic.bonfireassets.com/thumb/design-image/2aa44c42-a805-4b33-8d9a-71bac5eb5fbe/17c5edb5-fcaf-4263-a8a9-643ea7eef746/900/"></div>
<div ng-repeat="design in vm.previewProduct.design" 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/7de9599f-0ef6-49e2-afee-ba10c94a405c/17c5edb5-fcaf-4263-a8a9-643ea7eef746/900/" alt="Spring Butterflies, a Tahiti Blue Premium Unisex Tee (back-view)"
ng-click="vm.openLightboxModal(design)" src="https://dynamic.bonfireassets.com/thumb/design-image/7de9599f-0ef6-49e2-afee-ba10c94a405c/17c5edb5-fcaf-4263-a8a9-643ea7eef746/900/"></div>
<div ng-repeat="design in vm.previewProduct.design" 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/2aa44c42-a805-4b33-8d9a-71bac5eb5fbe/17c5edb5-fcaf-4263-a8a9-643ea7eef746/900/" alt="Spring Butterflies, a Tahiti Blue Premium Unisex Tee"
ng-click="vm.openLightboxModal(design)" src="https://dynamic.bonfireassets.com/thumb/design-image/2aa44c42-a805-4b33-8d9a-71bac5eb5fbe/17c5edb5-fcaf-4263-a8a9-643ea7eef746/900/"></div>
</div>
</div><!----><!---->
</slick>
<ul class="sw-ImgPicker"><!---->
<li ng-repeat="design in vm.previewProduct.design 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/2aa44c42-a805-4b33-8d9a-71bac5eb5fbe/17c5edb5-fcaf-4263-a8a9-643ea7eef746/75/"
alt="Spring Butterflies, a Tahiti Blue Premium Unisex Tee" src="https://dynamic.bonfireassets.com/thumb/design-image/2aa44c42-a805-4b33-8d9a-71bac5eb5fbe/17c5edb5-fcaf-4263-a8a9-643ea7eef746/75/"><!----></span></button></li>
<!---->
<li ng-repeat="design in vm.previewProduct.design 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/7de9599f-0ef6-49e2-afee-ba10c94a405c/17c5edb5-fcaf-4263-a8a9-643ea7eef746/75/" alt="Spring Butterflies, a Tahiti Blue Premium Unisex Tee (back-view)"
src="https://dynamic.bonfireassets.com/thumb/design-image/7de9599f-0ef6-49e2-afee-ba10c94a405c/17c5edb5-fcaf-4263-a8a9-643ea7eef746/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">Spring Butterflies</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">Spring Butterflies</p><!----><!---->
</div><!----><!---->
<div class="camp-Organizations" ng-if="$root.desktopView">
<div class="sw-Popover sw-Popover-badge"><!---->
<div class="camp-Organizations_Box camp-Organizations_Box-pushdown" ng-if="vm.campaign.campaignOwner.organizations.length === 0"><!---->
<figure class="sw-User_Figure" ng-if="!vm.edit && !vm.editLaunchedCampaign"><!----><span class="sw-User_Img" ng-if="vm.campaign.campaignOwner.profilePicture && vm.creatorLogoIsMissing()"
ng-style="{'background-image': 'url(' + vm.campaign.campaignOwner.profilePicture + ')'}"
style="background-image: url("https://c.bonfireassets.com/static/user2/912b/fce0/1f26-4058-832c-297a337c2859/profile_picture/6621ca8764244eb882cddd32f2ca117c/42ffef3519ef427f9a1cc9c3baea80ec.png");"></span><!---->
<!----> <!----></figure><!----><!----><span>by <!----><span ng-if="!vm.campaign.storeInfo && !vm.campaign.storeInfo.storeSettings || vm.editLaunchedCampaign">Clothing Apparel Design - Clothapel </span><!----><!---->
<!----> <!----> <!----> </span> <!----><!---->
</div><!---->
</div><!----><!----><!---->
</div><!---->
<div class="sw-ColorPicker sw-Form_Group">
<div><label class="sw-Form_Label">Color</label></div><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="">
<!----><a href="#" class="sw-ColorPicker_Item sw-ColorPicker_Item-nomb sw-ImgPicker_ActiveItem" ng-repeat="product in vm.previewProductType.products" ng-class="{'sw-ImgPicker_ActiveItem': vm.previewProduct == product}" ng-click="vm.changeProductPreview(product)" uib-tooltip="Tahiti Blue" tooltip-trigger="mouseenter" outside-click-fix="" aria-label="Tahiti Blue"><span class="sw-ColorPicker_Color" ng-class="{'sw-ColorPicker_Color-border':product.frontendHex.toLowerCase() === 'ffffff'}" ng-style="{'background': '#' + product.frontendHex}" style="background: rgb(1, 215, 226);"><!----><span ng-include="'https://c.bonfireassets.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></a><!----><a href="#" class="sw-ColorPicker_Item sw-ColorPicker_Item-nomb" ng-repeat="product in vm.previewProductType.products" ng-class="{'sw-ImgPicker_ActiveItem': vm.previewProduct == product}" ng-click="vm.changeProductPreview(product)" uib-tooltip="Dark Heather Grey" tooltip-trigger="mouseenter" outside-click-fix="" aria-label="Dark Heather Grey"><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://c.bonfireassets.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></a><!----><a href="#" class="sw-ColorPicker_Item sw-ColorPicker_Item-nomb" ng-repeat="product in vm.previewProductType.products" ng-class="{'sw-ImgPicker_ActiveItem': vm.previewProduct == product}" ng-click="vm.changeProductPreview(product)" uib-tooltip="Storm" tooltip-trigger="mouseenter" outside-click-fix="" aria-label="Storm"><span class="sw-ColorPicker_Color" ng-class="{'sw-ColorPicker_Color-border':product.frontendHex.toLowerCase() === 'ffffff'}" ng-style="{'background': '#' + product.frontendHex}" style="background: rgb(71, 67, 112);"><!----><span ng-include="'https://c.bonfireassets.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></a><!----><a href="#" class="sw-ColorPicker_Item sw-ColorPicker_Item-nomb" ng-repeat="product in vm.previewProductType.products" ng-class="{'sw-ImgPicker_ActiveItem': vm.previewProduct == product}" ng-click="vm.changeProductPreview(product)" uib-tooltip="Light Pink" tooltip-trigger="mouseenter" outside-click-fix="" aria-label="Light Pink"><span class="sw-ColorPicker_Color" ng-class="{'sw-ColorPicker_Color-border':product.frontendHex.toLowerCase() === 'ffffff'}" ng-style="{'background': '#' + product.frontendHex}" style="background: rgb(235, 182, 202);"><!----><span ng-include="'https://c.bonfireassets.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></a><!----><a href="#" class="sw-ColorPicker_Item sw-ColorPicker_Item-nomb" ng-repeat="product in vm.previewProductType.products" ng-class="{'sw-ImgPicker_ActiveItem': vm.previewProduct == product}" ng-click="vm.changeProductPreview(product)" uib-tooltip="Red" tooltip-trigger="mouseenter" outside-click-fix="" aria-label="Red"><span class="sw-ColorPicker_Color" ng-class="{'sw-ColorPicker_Color-border':product.frontendHex.toLowerCase() === 'ffffff'}" ng-style="{'background': '#' + product.frontendHex}" style="background: rgb(204, 45, 59);"><!----><span ng-include="'https://c.bonfireassets.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></a><!---->
</div><!----><!----> <!----> <!----> <!----> <!----> <!----> <!----><!---->
</bf-loading>
</div>
<div class="sw-Form_Group camp-ProductPickerWrap">
<div class="sw-FlexBox"><label class="sw-Form_Label">Style</label><!---->
<currency class="camp-ActiveProductPrice" ng-if="!vm.campaign.claimGift && vm.productTypes.length>1" amount="vm.activeProductPrice">$24.99 USD</currency><!---->
</div><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" 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" tabindex="0">
<div class="slick-track" style="opacity: 1; width: 1170px; 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;">
<a href="#" class="slick-slide sw-ProductPicker_Item sw-ProductPicker_Item-active" ng-class="{'sw-ProductPicker_Item-active': vm.activeProductIcon===$index}" ng-click="vm.activeProductIcon=$index; vm.previewProductType=vm.productTypes[$index]; vm.productTypeChanged()"><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></a>
</div>
<div ng-repeat="product in vm.productIcon track by $index" class="slick-slide slick-active" index="1" style="width: 130px;">
<a href="#" class="slick-slide sw-ProductPicker_Item" ng-class="{'sw-ProductPicker_Item-active': vm.activeProductIcon===$index}" ng-click="vm.activeProductIcon=$index; vm.previewProductType=vm.productTypes[$index]; vm.productTypeChanged()"><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></a>
</div>
<div ng-repeat="product in vm.productIcon track by $index" class="slick-slide slick-active" index="2" style="width: 130px;">
<a href="#" class="slick-slide sw-ProductPicker_Item" ng-class="{'sw-ProductPicker_Item-active': vm.activeProductIcon===$index}" ng-click="vm.activeProductIcon=$index; vm.previewProductType=vm.productTypes[$index]; vm.productTypeChanged()"><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">Garment Dye Unisex Tee</small></a>
</div>
<div ng-repeat="product in vm.productIcon track by $index" class="slick-slide slick-active" index="3" style="width: 130px;">
<a href="#" class="slick-slide sw-ProductPicker_Item" ng-class="{'sw-ProductPicker_Item-active': vm.activeProductIcon===$index}" ng-click="vm.activeProductIcon=$index; vm.previewProductType=vm.productTypes[$index]; vm.productTypeChanged()"><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-longsleeve</title><path class="product-picker-fill" d="M867.36,3699.74a1,1,0,0,1-1-1v-29.28a1,1,0,0,1,2,0v29.28A1,1,0,0,1,867.36,3699.74Z" transform="translate(-866.36 -3661.48)"></path><path class="product-picker-fill" d="M887.84,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,887.84,3666.55Z" transform="translate(-866.36 -3661.48)"></path><path class="product-picker-fill" d="M887.84,3666.55a1,1,0,0,1,0-2c1.79,0,3.3-.95,3.3-2.07a1,1,0,0,1,2,0C893.14,3664.76,890.81,3666.55,887.84,3666.55Z" transform="translate(-866.36 -3661.48)"></path><path class="product-picker-fill" d="M867.36,3670.46a1,1,0,0,1-.4-1.92l16.18-7a1,1,0,1,1,.79,1.84l-16.18,7A1,1,0,0,1,867.36,3670.46Z" transform="translate(-866.36 -3661.48)"></path><path class="product-picker-fill" d="M873.75,3699.74h-6.39a1,1,0,0,1,0-2h6.39A1,1,0,0,1,873.75,3699.74Z" transform="translate(-866.36 -3661.48)"></path><path class="product-picker-fill" d="M873.75,3709.48a1,1,0,0,1-1-1V3675a1,1,0,0,1,2,0v33.46A1,1,0,0,1,873.75,3709.48Z" transform="translate(-866.36 -3661.48)"></path><path class="product-picker-fill" d="M887.84,3709.48H873.75a1,1,0,0,1,0-2h14.09A1,1,0,1,1,887.84,3709.48Z" transform="translate(-866.36 -3661.48)"></path><path class="product-picker-fill" d="M901.93,3709.48a1,1,0,0,1-1-1V3675a1,1,0,0,1,2,0v33.46A1,1,0,0,1,901.93,3709.48Z" transform="translate(-866.36 -3661.48)"></path><path class="product-picker-fill" d="M901.93,3709.48H887.84a1,1,0,0,1,0-2h14.09A1,1,0,1,1,901.93,3709.48Z" transform="translate(-866.36 -3661.48)"></path><path class="product-picker-fill" d="M908.32,3670.46a1,1,0,0,1-.4-0.08l-16.18-7a1,1,0,1,1,.79-1.84l16.18,7A1,1,0,0,1,908.32,3670.46Z" transform="translate(-866.36 -3661.48)"></path><path class="product-picker-fill" d="M908.32,3699.74h-6.39a1,1,0,0,1,0-2h6.39A1,1,0,0,1,908.32,3699.74Z" transform="translate(-866.36 -3661.48)"></path><path class="product-picker-fill" d="M908.32,3699.74a1,1,0,0,1-1-1v-29.28a1,1,0,0,1,2,0v29.28A1,1,0,0,1,908.32,3699.74Z" transform="translate(-866.36 -3661.48)"></path></svg></span></div><small class="sw-ProductPicker_Title">Premium Long Sleeve Tee</small></a>
</div>
<div ng-repeat="product in vm.productIcon track by $index" class="slick-slide" index="4" style="width: 130px;">
<a href="#" class="slick-slide sw-ProductPicker_Item" ng-class="{'sw-ProductPicker_Item-active': vm.activeProductIcon===$index}" ng-click="vm.activeProductIcon=$index; vm.previewProductType=vm.productTypes[$index]; vm.productTypeChanged()"><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-baseball</title><path class="product-picker-fill" d="M1547.77,3628.61l-4.78-6.12a1,1,0,0,0-.39-0.3l-11.39-4.9a1,1,0,0,0-.38-0.08h0a1,1,0,0,0-.63.24l0,0a1,1,0,0,0-.15.19,0.88,0.88,0,0,0-.08.1v0l0,0.07a1,1,0,0,0-.06.28s0,0,0,.05c0,1.12-1.51,2.07-3.3,2.07s-3.3-.95-3.3-2.07c0,0,0-.06,0-0.09a1,1,0,0,0,0-.19,1,1,0,0,0-.05-0.15h0l0,0a1,1,0,0,0-.87-0.53h0a1,1,0,0,0-.38.08l-11.39,4.9a1,1,0,0,0-.39.3l-4.77,6.12a1,1,0,0,0-.21.62v25.25a1,1,0,0,0,1,1h5.39v8.74a1,1,0,0,0,1,1h28.18a1,1,0,0,0,1-1v-8.74H1547a1,1,0,0,0,1-1v-25.25A1,1,0,0,0,1547.77,3628.61Zm-21.27,34.6h-13.09v-32.12l5.84-7.48c1.36,1.47,4.32,2.23,7.27,2.23s5.87-.75,7.24-2.21l5.83,7.46v32.12H1526.5Zm0-40.93a5.64,5.64,0,0,0,4.6-2.06l1.38,1.77c-0.36.73-2.42,1.85-6,1.85s-5.67-1.15-6-1.89l1.35-1.73A5.65,5.65,0,0,0,1526.5,3622.27Z" transform="translate(-1505.01 -3617.21)"></path></svg></span></div><small class="sw-ProductPicker_Title">3/4 Sleeve Baseball Tee</small></a>
</div>
<div ng-repeat="product in vm.productIcon track by $index" class="slick-slide" index="5" style="width: 130px;"><a href="#" class="slick-slide sw-ProductPicker_Item" ng-class="{'sw-ProductPicker_Item-active': vm.activeProductIcon===$index}" ng-click="vm.activeProductIcon=$index; vm.previewProductType=vm.productTypes[$index]; vm.productTypeChanged()"><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="30.2" height="48" viewBox="0 0 30.2 48"><defs><style>.product-picker-fill{fill:#BECBD8;}</style></defs><title>icon-racerback</title><path class="product-picker-fill" d="M1968.89,975.82c-1.75,0-3.12-1-4.08-3h0c-1-2.13-1.57-5.34-1.57-9.54a1,1,0,0,0-1-1h-3.15a1,1,0,0,0-1,1c0,2.26-1.61,4.39-3.3,4.39s-3.31-2.13-3.31-4.39a1,1,0,0,0-1-1h-3.15a1,1,0,0,0-1,1c0,8.1-2,12.57-5.64,12.57a1,1,0,0,0-1,1v30c0,1.29,1.48,2.1,5,2.69a71.6,71.6,0,0,0,20.28,0c3.48-.6,5-1.4,5-2.69v-30A1,1,0,0,0,1968.89,975.82ZM1960,964.25h1.24a27.15,27.15,0,0,0,1.1,7.74,5,5,0,0,1-3.89-4.23A7.31,7.31,0,0,0,1960,964.25Zm-11.69,0h1.24a7.31,7.31,0,0,0,1.56,3.52,5,5,0,0,1-3.9,4.22A27.14,27.14,0,0,0,1948.33,964.25Zm19.56,42.36c-0.82.6-5.32,1.64-13.1,1.64s-12.27-1-13.1-1.64V977.74a6.37,6.37,0,0,0,4.61-3.58,7.31,7.31,0,0,0,6.57-5,4.22,4.22,0,0,0,3.84,0,7.3,7.3,0,0,0,6.56,5,6.37,6.37,0,0,0,4.61,3.58v28.87Z" transform="translate(-1939.69 -962.25)"></path></svg>
</span></div><small class="sw-ProductPicker_Title">Women's Racerback</small></a></div>
<div ng-repeat="product in vm.productIcon track by $index" class="slick-slide" index="6" style="width: 130px;"><a href="#" class="slick-slide sw-ProductPicker_Item" ng-class="{'sw-ProductPicker_Item-active': vm.activeProductIcon===$index}" ng-click="vm.activeProductIcon=$index; vm.previewProductType=vm.productTypes[$index]; vm.productTypeChanged()"><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.2" height="48" viewBox="0 0 32.2 48"><defs><style>.product-picker-fill{fill:#BECBD8;}</style></defs><title>icon-unisex-tank</title><path class="product-picker-fill" d="M1835.08,977.32c-3.22,0-6.65-4.93-6.65-14.07a1,1,0,0,0-1-1h-3.15a1,1,0,0,0-1,1c0,1.12-1.51,2.07-3.31,2.07s-3.3-.95-3.3-2.07a1,1,0,0,0-1-1h-3.15a1,1,0,0,0-1,1c0,9.14-3.42,14.07-6.65,14.07a1,1,0,0,0-1,1v30.93a1,1,0,0,0,1,1h30.2a1,1,0,0,0,1-1V978.32A1,1,0,0,0,1835.08,977.32Zm-1,30.93h-28.2v-29c3.81-.76,7.37-5.86,7.62-15h1.35c0.57,1.78,2.61,3.07,5.13,3.07s4.56-1.29,5.13-3.07h1.35c0.25,9.09,3.81,14.2,7.62,15v29Z" transform="translate(-1803.88 -962.25)"></path></svg>
</span></div><small class="sw-ProductPicker_Title">Classic Unisex Tank Top</small></a></div>
<div ng-repeat="product in vm.productIcon track by $index" class="slick-slide" index="7" style="width: 130px;">
<a href="#" class="slick-slide sw-ProductPicker_Item" ng-class="{'sw-ProductPicker_Item-active': vm.activeProductIcon===$index}" ng-click="vm.activeProductIcon=$index; vm.previewProductType=vm.productTypes[$index]; vm.productTypeChanged()"><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.92" height="48" viewBox="0 0 42.92 48"><defs><style>.product-picker-fill{fill:#BECBD8;}</style></defs><title>product-hoodie</title><path class="product-picker-fill" d="M1114,3709.45h-14.07a1,1,0,0,1,0-2H1114A1,1,0,1,1,1114,3709.45Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1079.45,3704.27a1,1,0,0,1-1-1v-26.74a1,1,0,1,1,2,0v26.74A1,1,0,0,1,1079.45,3704.27Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1079.45,3677.6a1,1,0,0,1-.45-1.89l14.11-7.16a1,1,0,1,1,.9,1.78l-14.11,7.16A1,1,0,0,1,1079.45,3677.6Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1085.84,3704.41h-6.39a1,1,0,1,1,0-2h6.39A1,1,0,1,1,1085.84,3704.41Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1085.84,3709.5a1,1,0,0,1-1-1v-27.25a1,1,0,1,1,2,0v27.25A1,1,0,0,1,1085.84,3709.5Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1099.91,3709.45h-14.07a1,1,0,0,1,0-2h14.07A1,1,0,1,1,1099.91,3709.45Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1114,3709.5a1,1,0,0,1-1-1v-27.25a1,1,0,1,1,2,0v27.25A1,1,0,0,1,1114,3709.5Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1120.37,3677.6a1,1,0,0,1-.45-0.11l-14.11-7.16a1,1,0,1,1,.9-1.78l14.11,7.16A1,1,0,0,1,1120.37,3677.6Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1120.37,3704.41H1114a1,1,0,0,1,0-2h6.39A1,1,0,0,1,1120.37,3704.41Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1120.37,3704.27a1,1,0,0,1-1-1v-26.74a1,1,0,1,1,2,0v26.74A1,1,0,0,1,1120.37,3704.27Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1093.56,3670.45a1,1,0,0,1-1-1v-3.75a1,1,0,1,1,2,0v3.75A1,1,0,0,1,1093.56,3670.45Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1106.26,3666.74a1,1,0,0,1-1-1c0-.92-2.08-2.24-5.35-2.24a1,1,0,0,1,0-2c4.19,0,7.35,1.82,7.35,4.24A1,1,0,0,1,1106.26,3666.74Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1093.56,3666.74a1,1,0,0,1-1-1c0-2.42,3.16-4.24,7.34-4.24a1,1,0,1,1,0,2c-3.26,0-5.35,1.33-5.35,2.24A1,1,0,0,1,1093.56,3666.74Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1106.26,3670.45a1,1,0,0,1-1-1v-3.75a1,1,0,1,1,2,0v3.75A1,1,0,0,1,1106.26,3670.45Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1099.91,3675.19a1,1,0,0,1-.6-0.2l-6.33-4.74a1,1,0,0,1,1.2-1.6l6.33,4.74A1,1,0,0,1,1099.91,3675.19Z" transform="translate(-1078.45 -3661.5)"></path><path class="product-picker-fill" d="M1099.91,3675.19a1,1,0,0,1-.6-1.8l6.33-4.74a1,1,0,0,1,1.2,1.6l-6.33,4.74A1,1,0,0,1,1099.91,3675.19Z" transform="translate(-1078.45 -3661.5)"></path></svg></span></div><small class="sw-ProductPicker_Title">Pullover Hoodie</small></a>
</div>
<div ng-repeat="product in vm.productIcon track by $index" class="slick-slide" index="8" style="width: 130px;">
<a href="#" class="slick-slide sw-ProductPicker_Item" ng-class="{'sw-ProductPicker_Item-active': vm.activeProductIcon===$index}" ng-click="vm.activeProductIcon=$index; vm.previewProductType=vm.productTypes[$index]; vm.productTypeChanged()"><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></a>
</div>
</div>
</div><!----><!----><!----><!----><!----><!----><!----><!----><!----><button type="button" data-role="none" class="slick-prev slick-disabled" style="display: block;">Previous</button><button type="button" data-role="none"
class="slick-next" style="display: block;">Next</button>
</slick>
</div><!----><!----><!---->
</div><!----><!----> <!----> <!----> <!----> <!----> <!----> <!----><!---->
</bf-loading>
</div><!---->
<div class="sw-SizePicker sw-Form_Group" ng-if="vm.previewProduct.sizes && vm.previewProduct.sizes.length">
<div><label class="sw-Form_Label">Size</label></div><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"><!---->
<section ng-repeat="size in vm.previewProduct.sizes" uib-tooltip="Available for your buyers" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign"><!----><a href="#" ng-if="vm.previewProduct.sizes.length>0" ng-click="vm.changeSize(size, vm.previewProduct.id)" class="sw-SizePicker_Item" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="false" 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</a><!----></section><!---->
<section ng-repeat="size in vm.previewProduct.sizes" uib-tooltip="Available for your buyers" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign"><!----><a href="#" ng-if="vm.previewProduct.sizes.length>0" ng-click="vm.changeSize(size, vm.previewProduct.id)" class="sw-SizePicker_Item" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="false" 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</a><!----></section><!---->
<section ng-repeat="size in vm.previewProduct.sizes" uib-tooltip="Available for your buyers" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign"><!----><a href="#" ng-if="vm.previewProduct.sizes.length>0" ng-click="vm.changeSize(size, vm.previewProduct.id)" class="sw-SizePicker_Item" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="false" 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</a><!----></section><!---->
<section ng-repeat="size in vm.previewProduct.sizes" uib-tooltip="Available for your buyers" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign"><!----><a href="#" ng-if="vm.previewProduct.sizes.length>0" ng-click="vm.changeSize(size, vm.previewProduct.id)" class="sw-SizePicker_Item" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="false" 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</a><!----></section><!---->
<section ng-repeat="size in vm.previewProduct.sizes" uib-tooltip="Available for your buyers" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign"><!----><a href="#" ng-if="vm.previewProduct.sizes.length>0" ng-click="vm.changeSize(size, vm.previewProduct.id)" class="sw-SizePicker_Item" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="false" 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</a><!----></section><!---->
<section ng-repeat="size in vm.previewProduct.sizes" uib-tooltip="Out of stock" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign"><!----><a href="#" ng-if="vm.previewProduct.sizes.length>0" ng-click="vm.changeSize(size, vm.previewProduct.id)" class="sw-SizePicker_Item sw-SizePicker_Item-inactive" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="true" 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)}" disabled="disabled">2XL</a><!----></section><!---->
<section ng-repeat="size in vm.previewProduct.sizes" uib-tooltip="Out of stock" tooltip-enable="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign"><!----><a href="#" ng-if="vm.previewProduct.sizes.length>0" ng-click="vm.changeSize(size, vm.previewProduct.id)" class="sw-SizePicker_Item sw-SizePicker_Item-inactive" ng-disabled="vm.isSizeDisabled(size) || vm.edit || vm.editLaunchedCampaign" aria-disabled="true" 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)}" disabled="disabled">3XL</a><!----></section><!----><small
class="camp-SizingInfo"><a href="#" class="camp-SizingInfo_Link" ng-click="vm.openSizingInfo()">Size & fabric info</a></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>
</div><!---->
<div class="camp-BuyBtnWrap"><button 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.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="vm.edit || vm.editLaunchedCampaign">
<h2 class="sw-SrOnly">Shipping expectations</h2><!----><!----><!----><!----><!----><small ng-if="(!vm.campaign.isOpen && vm.campaign.launched && !vm.campaign.adminEdit) && (vm.campaign.smartLaunchEnabled && !vm.campaign.smartLaunchOff && vm.campaign.smartBatch != null)
&& (vm.campaign.currentBatch.neededToPrint === vm.campaign.productGroup.neededToPrintFloor || vm.campaign.smartBatch.neededToPrint === vm.campaign.productGroup.neededToPrintFloor)"><span>Orders placed
today will start shipping </span>April 14th. </small><!----><!---->
</section>
<section aria-label="Campaign statistics" class="camp-ScoreBoard camp-ScoreBoard-empty" 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-hide" ng-show="vm.campaign.quantitySoldPublic && vm.campaign.fundraising"><span class="camp-FundraisingGoalMeter_Wrap"><strong class="camp-FundraisingGoalMeter_Number">0 sold
</strong>/ 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 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://c.bonfireassets.com/images/icons/scoreboard-tag.svg" alt="tag-icon">
<div class="camp-ScoreBoard_Number"><span class="sw-TertiaryTitle">0</span></div><small>sold</small>
</div>
<div class="camp-ScoreBoard_Numbers ng-hide" ng-show="vm.amountRaised > 0 && vm.campaign.amountRaisedPublic && vm.shouldShowAmountRaised"><img class="camp-ScoreBoard_Img"
src="https://c.bonfireassets.com/images/icons/scoreboard-heart.svg" alt="tag-icon">
<div class="camp-ScoreBoard_Number"><span class="sw-TertiaryTitle"></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">0</span></div><small>hours</small>
</div>
<div class="camp-CampaignEndTicker_Item">
<div class="camp-ScoreBoard_Number"><span class="sw-TertiaryTitle">0</span></div><small>mins</small>
</div>
<div class="camp-CampaignEndTicker_Item">
<div class="camp-ScoreBoard_Number"><span class="sw-TertiaryTitle">0</span></div><small>secs</small>
</div>
</div>
</div><!---->
</div><!----><!----><!---->
</section>
</div>
</div>
</div>
</div>
<div class="sw-WidePage_Inner">
<div class="sw-WidePage_Content">
<article class="camp-CampaignDesc">
<div class="camp-CampaignDesc_Inner"><bf-content-blocks main-title="About this campaign" parent-id="vm.campaign.id" parent-name="vm.campaign.name" parent-type="CAMPAIGN" editable="vm.edit || vm.editLaunchedCampaign"><!---->
<section aria-label="About this campaign" class="sw-Editor" ng-if="vm.noPlaceholderBlocks.length || vm.editable" style=""><!---->
<h2 ng-if="vm.parentType !== 'STORE'">About this campaign</h2><!----><!----><!---->
<div ng-repeat="block in vm.blocks" class="sw-EditorBlock sw-EditorBlock-text" ng-if="!block.isPlaceholder || vm.editable" ng-class="{'sw-EditorBlock-edit': vm.editable,
'sw-EditorBlock-placeholder': block.isPlaceholder && !block.focused,
'sw-EditorBlock-text': block.type == 'TEXT' || block.type == 'HEADING',
'sw-EditorBlock-warn': (block.type == 'TEXT' && block.editor.getLength() > vm.TEXT_LENGTH) || (block.type == 'HEADING' && block.editor.getLength() > vm.HEADER_LENGTH),
'sw-EditorBlock-focus': block.focused}"><!----><!---->
<h3 ng-if="block.type == 'HEADING' && (!block.isPlaceholder || vm.editable)"><ng-quill-editor theme="snow" custom-toolbar-position="bottom" id="cbhd_0" read-only="!vm.editable || $form.$invalid" ng-model="block.content"
placeholder="($root.appleDevices && !block.isPlaceholder) ? 'Tap to edit your heading' : ''" max-length="vm.HEADER_LENGTH - 1" modules="{toolbar: false}" on-editor-created="vm.textCreatedCallback(editor, block)"
class="ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-maxlength" style="">
<div class="" ng-show="$ctrl.ready" style="">
<div class="ql-container ql-snow ql-disabled">
<div class="ql-editor" data-gramm="false" contenteditable="false">
<p><strong>Spring Butterflies</strong></p>
</div>
<div class="ql-clipboard" contenteditable="true" tabindex="-1"></div>
<div class="ql-tooltip ql-hidden"><a class="ql-preview" target="_blank" href="about:blank"></a><input type="text" data-formula="e=mc^2" data-link="https://www.bonfire.com/"
data-video="Embed URL"><a class="ql-action"></a><a class="ql-remove"></a></div>
</div><ng-transclude ng-transclude-slot="toolbar"><ng-quill-toolbar ng-show="true && block.focused" class="ng-hide">
<div class="bf-ql-toolbar ql-toolbar ql-snow"><span class="ql-formats"><button class="ql-bold" ng-attr-title="{{'Bold'}}" title="Bold" type="button"><svg viewBox="0 0 18 18">
<path class="ql-stroke" d="M5,4H9.5A2.5,2.5,0,0,1,12,6.5v0A2.5,2.5,0,0,1,9.5,9H5A0,0,0,0,1,5,9V4A0,0,0,0,1,5,4Z"></path>
<path class="ql-stroke" d="M5,9h5.5A2.5,2.5,0,0,1,13,11.5v0A2.5,2.5,0,0,1,10.5,14H5a0,0,0,0,1,0,0V9A0,0,0,0,1,5,9Z"></path>
</svg></button> <button class="ql-italic" ng-attr-title="{{'Italic'}}" title="Italic" type="button"><svg viewBox="0 0 18 18">
<line class="ql-stroke" x1="7" x2="13" y1="4" y2="4"></line>
<line class="ql-stroke" x1="5" x2="11" y1="14" y2="14"></line>
<line class="ql-stroke" x1="8" x2="10" y1="14" y2="4"></line>
</svg></button> <button class="ql-underline" ng-attr-title="{{'Underline'}}" title="Underline" type="button"><svg viewBox="0 0 18 18">
<path class="ql-stroke" d="M5,3V9a4.012,4.012,0,0,0,4,4H9a4.012,4.012,0,0,0,4-4V3"></path>
<rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="12" x="3" y="15"></rect>
</svg></button> <button class="ql-link" ng-attr-title="{{'Link'}}" title="Link" type="button"><svg viewBox="0 0 18 18">
<line class="ql-stroke" x1="7" x2="11" y1="7" y2="11"></line>
<path class="ql-even ql-stroke" d="M8.9,4.577a3.476,3.476,0,0,1,.36,4.679A3.476,3.476,0,0,1,4.577,8.9C3.185,7.5,2.035,6.4,4.217,4.217S7.5,3.185,8.9,4.577Z"></path>
<path class="ql-even ql-stroke" d="M13.423,9.1a3.476,3.476,0,0,0-4.679-.36,3.476,3.476,0,0,0,.36,4.679c1.392,1.392,2.5,2.542,4.679.36S14.815,10.5,13.423,9.1Z"></path>
</svg></button></span></div>
</ng-quill-toolbar></ng-transclude>
</div>
</ng-quill-editor>
<div class="sw-Alert sw-Alert-quill ng-hide" ng-show="block.editor.getLength() > vm.HEADER_LENGTH"><!----><span class="svg-BellSmall_Wrap" ng-include="'https://c.bonfireassets.com/images/sprites/svg/bell-small.svg'" style=""><svg
id="svg-BellSmall" class="svg-BellSmall" xmlns="http://www.w3.org/2000/svg" width="17.88" height="17.69" viewBox="0 0 17.88 17.69">
<title></title>
<defs>
<style>
.svg-BellSmall {
fill: #ffffff;
}
</style>
</defs>
<path
d="M1023.88,4021.43H1008a1,1,0,0,1-.56-1.83c2.85-1.92,2.83-6.82,2.83-6.87a5.67,5.67,0,1,1,11.33,0c0,0.06,0,5,2.83,6.88A1,1,0,0,1,1023.88,4021.43Zm-13.5-2h11.12a13.07,13.07,0,0,1-1.9-6.72,3.67,3.67,0,0,0-7.33,0A13,13,0,0,1,1010.38,4019.43Z"
transform="translate(-1007 -4007.06)"></path>
<path d="M1015.94,4024.75a4.32,4.32,0,0,1-4.32-4.32,1,1,0,0,1,1-1h6.63a1,1,0,0,1,1,1A4.32,4.32,0,0,1,1015.94,4024.75Zm-2.09-3.32a2.32,2.32,0,0,0,4.18,0h-4.18Z" transform="translate(-1007 -4007.06)"></path>
</svg></span>
<p>Looks like your text is -182 character over the limit. Please shorten it to 200 characters or less.</p>
</div>
</h3><!----><!----><!----><!---->
</div><!----><!----><!---->
<div ng-repeat="block in vm.blocks" class="sw-EditorBlock sw-EditorBlock-text" ng-if="!block.isPlaceholder || vm.editable" ng-class="{'sw-EditorBlock-edit': vm.editable,
'sw-EditorBlock-placeholder': block.isPlaceholder && !block.focused,
'sw-EditorBlock-text': block.type == 'TEXT' || block.type == 'HEADING',
'sw-EditorBlock-warn': (block.type == 'TEXT' && block.editor.getLength() > vm.TEXT_LENGTH) || (block.type == 'HEADING' && block.editor.getLength() > vm.HEADER_LENGTH),
'sw-EditorBlock-focus': block.focused}"><!---->
<div ng-if="block.type == 'TEXT' && (!block.isPlaceholder || vm.editable)"><ng-quill-editor theme="snow" custom-toolbar-position="bottom" id="cbtxt_1" read-only="!vm.editable" ng-model="block.content"
max-length="vm.TEXT_LENGTH - 1" placeholder="($root.appleDevices && !block.isPlaceholder) ? 'Tap to edit your text' : ''" on-editor-created="vm.textCreatedCallback(editor, block)"
class="ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-maxlength" style="">
<div class="" ng-show="$ctrl.ready" style="">
<div class="ql-container ql-snow ql-disabled">
<div class="ql-editor" data-gramm="false" contenteditable="false">
<p>Spring is coming and to forget the dark season, we want to welcome the spring with the help of our spring butterflies bringing new hope.</p>
</div>
<div class="ql-clipboard" contenteditable="true" tabindex="-1"></div>
<div class="ql-tooltip ql-hidden"><a class="ql-preview" target="_blank" href="about:blank"></a><input type="text" data-formula="e=mc^2" data-link="https://www.bonfire.com/"
data-video="Embed URL"><a class="ql-action"></a><a class="ql-remove"></a></div>
</div><ng-transclude ng-transclude-slot="toolbar"><ng-quill-toolbar ng-show="true && block.focused" class="ng-hide">
<div class="bf-ql-toolbar ql-toolbar ql-snow"><span class="ql-formats"><button class="ql-bold" ng-attr-title="{{'Bold'}}" title="Bold" type="button"><svg viewBox="0 0 18 18">
<path class="ql-stroke" d="M5,4H9.5A2.5,2.5,0,0,1,12,6.5v0A2.5,2.5,0,0,1,9.5,9H5A0,0,0,0,1,5,9V4A0,0,0,0,1,5,4Z"></path>
<path class="ql-stroke" d="M5,9h5.5A2.5,2.5,0,0,1,13,11.5v0A2.5,2.5,0,0,1,10.5,14H5a0,0,0,0,1,0,0V9A0,0,0,0,1,5,9Z"></path>
</svg></button> <button class="ql-italic" ng-attr-title="{{'Italic'}}" title="Italic" type="button"><svg viewBox="0 0 18 18">
<line class="ql-stroke" x1="7" x2="13" y1="4" y2="4"></line>
<line class="ql-stroke" x1="5" x2="11" y1="14" y2="14"></line>
<line class="ql-stroke" x1="8" x2="10" y1="14" y2="4"></line>
</svg></button> <button class="ql-underline" ng-attr-title="{{'Underline'}}" title="Underline" type="button"><svg viewBox="0 0 18 18">
<path class="ql-stroke" d="M5,3V9a4.012,4.012,0,0,0,4,4H9a4.012,4.012,0,0,0,4-4V3"></path>
<rect class="ql-fill" height="1" rx="0.5" ry="0.5" width="12" x="3" y="15"></rect>
</svg></button> </span><span class="ql-formats"><button class="ql-list" value="bullet" ng-attr-title="{{'List'}}" title="List" type="button"><svg viewBox="0 0 18 18">
<line class="ql-stroke" x1="6" x2="15" y1="4" y2="4"></line>
<line class="ql-stroke" x1="6" x2="15" y1="9" y2="9"></line>
<line class="ql-stroke" x1="6" x2="15" y1="14" y2="14"></line>
<line class="ql-stroke" x1="3" x2="3" y1="4" y2="4"></line>
<line class="ql-stroke" x1="3" x2="3" y1="9" y2="9"></line>
<line class="ql-stroke" x1="3" x2="3" y1="14" y2="14"></line>
</svg></button> <button class="ql-list" value="ordered" ng-attr-title="{{'List'}}" title="List" type="button"><svg viewBox="0 0 18 18">
<line class="ql-stroke" x1="7" x2="15" y1="4" y2="4"></line>
<line class="ql-stroke" x1="7" x2="15" y1="9" y2="9"></line>
<line class="ql-stroke" x1="7" x2="15" y1="14" y2="14"></line>
<line class="ql-stroke ql-thin" x1="2.5" x2="4.5" y1="5.5" y2="5.5"></line>
<path class="ql-fill" d="M3.5,6A0.5,0.5,0,0,1,3,5.5V3.085l-0.276.138A0.5,0.5,0,0,1,2.053,3c-0.124-.247-0.023-0.324.224-0.447l1-.5A0.5,0.5,0,0,1,4,2.5v3A0.5,0.5,0,0,1,3.5,6Z"></path>
<path class="ql-stroke ql-thin" d="M4.5,10.5h-2c0-.234,1.85-1.076,1.85-2.234A0.959,0.959,0,0,0,2.5,8.156"></path>
<path class="ql-stroke ql-thin" d="M2.5,14.846a0.959,0.959,0,0,0,1.85-.109A0.7,0.7,0,0,0,3.75,14a0.688,0.688,0,0,0,.6-0.736,0.959,0.959,0,0,0-1.85-.109"></path>
</svg></button> <button class="ql-link" ng-attr-title="{{'Link'}}" title="Link" type="button"><svg viewBox="0 0 18 18">
<line class="ql-stroke" x1="7" x2="11" y1="7" y2="11"></line>
<path class="ql-even ql-stroke" d="M8.9,4.577a3.476,3.476,0,0,1,.36,4.679A3.476,3.476,0,0,1,4.577,8.9C3.185,7.5,2.035,6.4,4.217,4.217S7.5,3.185,8.9,4.577Z"></path>
<path class="ql-even ql-stroke" d="M13.423,9.1a3.476,3.476,0,0,0-4.679-.36,3.476,3.476,0,0,0,.36,4.679c1.392,1.392,2.5,2.542,4.679.36S14.815,10.5,13.423,9.1Z"></path>
</svg></button></span></div>
</ng-quill-toolbar></ng-transclude>
</div>
</ng-quill-editor>
<div class="sw-Alert sw-Alert-quill ng-hide" ng-show="block.editor.getLength() > vm.TEXT_LENGTH"><!----><span class="svg-BellSmall_Wrap" ng-include="'https://c.bonfireassets.com/images/sprites/svg/bell-small.svg'" style=""><svg
id="svg-BellSmall" class="svg-BellSmall" xmlns="http://www.w3.org/2000/svg" width="17.88" height="17.69" viewBox="0 0 17.88 17.69">
<title></title>
<defs>
<style>
.svg-BellSmall {
fill: #ffffff;
}
</style>
</defs>
<path
d="M1023.88,4021.43H1008a1,1,0,0,1-.56-1.83c2.85-1.92,2.83-6.82,2.83-6.87a5.67,5.67,0,1,1,11.33,0c0,0.06,0,5,2.83,6.88A1,1,0,0,1,1023.88,4021.43Zm-13.5-2h11.12a13.07,13.07,0,0,1-1.9-6.72,3.67,3.67,0,0,0-7.33,0A13,13,0,0,1,1010.38,4019.43Z"
transform="translate(-1007 -4007.06)"></path>
<path d="M1015.94,4024.75a4.32,4.32,0,0,1-4.32-4.32,1,1,0,0,1,1-1h6.63a1,1,0,0,1,1,1A4.32,4.32,0,0,1,1015.94,4024.75Zm-2.09-3.32a2.32,2.32,0,0,0,4.18,0h-4.18Z" transform="translate(-1007 -4007.06)"></path>
</svg></span>
<p>Looks like your text is -9864 character over the limit. Please shorten it to 10000 characters or less.</p>
</div>
</div><!----><!----><!----><!----><!---->
</div><!----><!----><!---->
</section><!---->
<script type="text/ng-template" id="removeBlock.html"><div>
<p>Remove this from your {{vm.parentType === 'CAMPAIGN' ? 'campaign' : ''}} page?</p>
<div class="sw-TextRight">
<a href="#" class="sw-BtnEmpty" ng-click="vm.popoverDismiss()">Cancel</a>
<a href="#" class="sw-BtnDefault sw-BtnDefault-success" ng-click="vm.deleteBlock($index)">Yes,
remove</a>
</div>
</div></script>
</bf-content-blocks></div>
</article>
</div>
</div><!---->
<div class="sw-WidePage_Inner" ng-if="!vm.edit && !vm.editLaunchedCampaign">
<div class="sw-WidePage_Content"><bf-checkout-upsell campaign-id="vm.campaign.id">
<div class="sw-CheckoutUpsell"><!----><!----></div>
</bf-checkout-upsell></div>
</div><!---->
<div class="sw-WidePage_Inner camp-SmallTextNoMargin sw-WidePage_Inner-bggray">
<div class="sw-WidePage_Content sw-BoxedPage_Content-centered">
<div class="camp-CampaignBoxWrap" ng-class="{'camp-CampaignBoxWrap-fnl': vm.livePreviewInfo}">
<section aria-label="Share this campaign" class="camp-CampaignBox camp-CampaignBox-alone" ng-class="{'camp-CampaignBox-alone': !vm.campaign.fundraising}">
<h2 class="sw-Subtitle">Share this campaign</h2>
<div class="sw-BtnSocialWrap" ng-class="{'sw-BtnSocialWrap': vm.livePreviewInfo}"><bf-share-button class="sw-BtnSocialInner" type="facebook" btn-class="sw-BtnSocial-fb" summary="vm.campaign.facebookText" link="vm.campaign.shareUrl"
caption="vm.campaign.name" image="vm.campaign.designs[0].dimensions['900']" campaign="vm.campaign" page="campaign_page_share"
disabled="vm.livePreviewInfo"><a class="sw-BtnSocial sw-BtnSocial-fb" href="" ng-click="share.openFacebookDialog()"><!----></a></bf-share-button><bf-share-button class="sw-BtnSocialInner" type="twitter" btn-class="sw-BtnSocial-tw"
summary="vm.campaign.tweeterText" link="vm.campaign.shareUrl" image="vm.campaign.designs[0].dimensions['900']" campaign="vm.campaign" page="campaign_page_share"
disabled="vm.livePreviewInfo"><a class="sw-BtnSocial sw-BtnSocial-tw" href="" ng-click="share.openTwitterDialog()"><!----></a></bf-share-button><bf-share-button class="sw-BtnSocialInner" type="pinterest" btn-class="sw-BtnSocial-pin"
summary="vm.campaign.pinterestText" link="vm.campaign.shareUrl" image="vm.campaign.designs[0].dimensions['900']" campaign="vm.campaign" page="campaign_page_share"
disabled="vm.livePreviewInfo"><a class="sw-BtnSocial sw-BtnSocial-pin" href="" ng-click="share.openPinterestDialog()"><!----></a></bf-share-button></div>
</section><!---->
<div ng-if="!vm.edit" class="sw-Breadcrumbs">
<div class="sw-Breadcrumbs_Inner"><!---->
<section class="sw-Breadcrumbs_Item" ng-class="{'sw-Breadcrumbs_Item-nolink': $last}" ng-repeat="el in vm.breadcrumbs"><a href="/" ng-attr-target="{{el.nav === 'base.home' ? '_self' : undefined}}" target="_self">Home</a></section><!---->
<section class="sw-Breadcrumbs_Item" ng-class="{'sw-Breadcrumbs_Item-nolink': $last}" ng-repeat="el in vm.breadcrumbs" style=""><a href="/shop/" ng-attr-target="{{el.nav === 'base.home' ? '_self' : undefined}}">Shop</a></section><!---->
<section class="sw-Breadcrumbs_Item" ng-class="{'sw-Breadcrumbs_Item-nolink': $last}" ng-repeat="el in vm.breadcrumbs" style="">
<a href="/shop/illustrations/" ng-attr-target="{{el.nav === 'base.home' ? '_self' : undefined}}">Art & Illustrations</a></section><!---->
<section class="sw-Breadcrumbs_Item sw-Breadcrumbs_Item-nolink" ng-class="{'sw-Breadcrumbs_Item-nolink': $last}" ng-repeat="el in vm.breadcrumbs" style="">
<a href="/shop/illustrations/minimalist/" ng-attr-target="{{el.nav === 'base.home' ? '_self' : undefined}}">Minimalist</a></section><!---->
</div>
</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 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 top creators arrow-right By Category Staff PicksAdoptionAdvocacyAnimal RescueAnimalsArt & IllustrationsAwarenessBlack Lives MatterBusinessesConservationCOVID-19 AidCreatorsEntertainmentEventsFundraisingHobbiesHolidaysMedicalMission TripsNonprofitsSchoolsSocial MovementsSportsUkraine Relief 🇺🇦 Search Bonfire logo Log in Welcome, ! * Dashboard * Profile Settings * Change Password * Email Preferences * Log Out icon-cart-outlined Cart Back Save for laterLaunch Cancel Save and publish This is how your campaign page will appear to your buyers. Manage and edit this campaign in your dashboard. Share SPRING BUTTERFLIES * * SPRING BUTTERFLIES CAMPAIGN OPTIONS Spring Butterflies by Clothing Apparel Design - Clothapel  Color color-picker-checkmarkcolor-picker-checkmarkcolor-picker-checkmarkcolor-picker-checkmarkcolor-picker-checkmark Style$24.99 USD product-unisex-tee Premium Unisex Tee product-unisex-tee Classic Unisex Tee product-unisex-tee Garment Dye Unisex Tee product-longsleeve Premium Long Sleeve Tee product-baseball 3/4 Sleeve Baseball Tee icon-racerback Women's Racerback icon-unisex-tank Classic Unisex Tank Top product-hoodie Pullover Hoodie product-crewneck Crewneck Sweatshirt PreviousNext Size XS S M L XL 2XL 3XL Size & fabric info Please select a size. Add to cart SHIPPING EXPECTATIONS Orders placed today will start shipping April 14th. CAMPAIGN STATISTICS 0 sold / 50 goal 0% Complete 0 sold raised 0 days 0 hours 0 mins 0 secs ABOUT THIS CAMPAIGN SPRING BUTTERFLIES LOOKS LIKE YOUR TEXT IS -182 CHARACTER OVER THE LIMIT. PLEASE SHORTEN IT TO 200 CHARACTERS OR LESS. Spring is coming and to forget the dark season, we want to welcome the spring with the help of our spring butterflies bringing new hope. Looks like your text is -9864 character over the limit. Please shorten it to 10000 characters or less. SHARE THIS CAMPAIGN Home Shop Art & Illustrations Minimalist logo Where the world goes for premium custom shirts USING BONFIRE * Sell shirts online * Start a fundraiser * Order custom shirts * For creators * YouTube creators * Online stores * Log In * Track my order Start a campaign RESOURCES * Help center * Design templates * Request a custom design * Product catalog * Pricing calculator * Blog * Stories * Bonfire + Classy integration COMPANY * About * Careers * Reviews * Contact * Privacy * Terms FOLLOW US * social-fb * social-insta * social-pinterest * social-twitter © 2022 Bonfire.com DMCA Trademark Takedown Richmond, VA Based in Richmond, VA  Â