www.bonfire.com Open in urlscan Pro
3.91.114.170  Public Scan

URL: https://www.bonfire.com/hit-song-tote/
Submission: On January 04 via api from IE — 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 &amp;&amp; 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 &amp;&amp; !vm.editLaunchedCampaign}"><!---->
              <h1 ng-bind-html="vm.campaign.name" ng-if="!vm.edit &amp;&amp; !vm.editLaunchedCampaign" class="sw-LargeTitle">Hit Song Tote</h1><!----><!----><!----><!---->
            </header><img src="https://www.bonfire.com/images/verified-badge-new.svg" alt="Verified nonprofit badge" class="camp-VerifiedNonProfitImg ng-hide" ng-show="vm.campaign.verifiedNonProfit &amp;&amp; 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() &amp;&amp; vm.showSetItemAsFeatured())) &amp;&amp; vm.isUserLogged &amp;&amp; (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/584bbb97-f402-4799-af2c-352c6610c3ab/3303c53a-243b-4337-b031-07f45b4ec6f8/900/" alt="Hit Song Tote, a Black Premium Tote Bag" 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/584bbb97-f402-4799-af2c-352c6610c3ab/3303c53a-243b-4337-b031-07f45b4ec6f8/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 &amp;&amp; !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/584bbb97-f402-4799-af2c-352c6610c3ab/3303c53a-243b-4337-b031-07f45b4ec6f8/75/" alt="Hit Song Tote, a Black Premium Tote Bag" src="https://dynamic.bonfireassets.com/thumb/design-image/584bbb97-f402-4799-af2c-352c6610c3ab/3303c53a-243b-4337-b031-07f45b4ec6f8/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 &amp;&amp; !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/efd2ea29-21f6-41ef-9ca0-1c7ebbdd0ad3/3303c53a-243b-4337-b031-07f45b4ec6f8/75/" alt="Hit Song Tote, a Black Premium Tote Bag (back-view)" src="https://dynamic.bonfireassets.com/thumb/design-image/efd2ea29-21f6-41ef-9ca0-1c7ebbdd0ad3/3303c53a-243b-4337-b031-07f45b4ec6f8/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/efd2ea29-21f6-41ef-9ca0-1c7ebbdd0ad3/3303c53a-243b-4337-b031-07f45b4ec6f8/900/" alt="Hit Song Tote, a Black Premium Tote Bag (back-view)"
                          ng-click="vm.openLightboxModal(design)" src="https://dynamic.bonfireassets.com/thumb/design-image/efd2ea29-21f6-41ef-9ca0-1c7ebbdd0ad3/3303c53a-243b-4337-b031-07f45b4ec6f8/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/584bbb97-f402-4799-af2c-352c6610c3ab/3303c53a-243b-4337-b031-07f45b4ec6f8/900/" alt="Hit Song Tote, a Black Premium Tote Bag"
                          ng-click="vm.openLightboxModal(design)" src="https://dynamic.bonfireassets.com/thumb/design-image/584bbb97-f402-4799-af2c-352c6610c3ab/3303c53a-243b-4337-b031-07f45b4ec6f8/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/efd2ea29-21f6-41ef-9ca0-1c7ebbdd0ad3/3303c53a-243b-4337-b031-07f45b4ec6f8/900/" alt="Hit Song Tote, a Black Premium Tote Bag (back-view)"
                          ng-click="vm.openLightboxModal(design)" src="https://dynamic.bonfireassets.com/thumb/design-image/efd2ea29-21f6-41ef-9ca0-1c7ebbdd0ad3/3303c53a-243b-4337-b031-07f45b4ec6f8/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/584bbb97-f402-4799-af2c-352c6610c3ab/3303c53a-243b-4337-b031-07f45b4ec6f8/900/" alt="Hit Song Tote, a Black Premium Tote Bag"
                          ng-click="vm.openLightboxModal(design)" src="https://dynamic.bonfireassets.com/thumb/design-image/584bbb97-f402-4799-af2c-352c6610c3ab/3303c53a-243b-4337-b031-07f45b4ec6f8/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/584bbb97-f402-4799-af2c-352c6610c3ab/3303c53a-243b-4337-b031-07f45b4ec6f8/75/" alt="Hit Song Tote, a Black Premium Tote Bag"
                          src="https://dynamic.bonfireassets.com/thumb/design-image/584bbb97-f402-4799-af2c-352c6610c3ab/3303c53a-243b-4337-b031-07f45b4ec6f8/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/efd2ea29-21f6-41ef-9ca0-1c7ebbdd0ad3/3303c53a-243b-4337-b031-07f45b4ec6f8/75/" alt="Hit Song Tote, a Black Premium Tote Bag (back-view)"
                          src="https://dynamic.bonfireassets.com/thumb/design-image/efd2ea29-21f6-41ef-9ca0-1c7ebbdd0ad3/3303c53a-243b-4337-b031-07f45b4ec6f8/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 &amp;&amp; !vm.editLaunchedCampaign">Hit Song Tote</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 &amp;&amp; !vm.editLaunchedCampaign">Carry an important message while carrying your things in this convenient tote bag.&nbsp;</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"
                      ng-class="{'camp-Organizations_Box-live': !vm.edit &amp;&amp; !vm.editLaunchedCampaign, 'camp-Organizations_Box-pushdown': vm.campaign.organization &amp;&amp; (!vm.connectedToOwnersOrg || vm.campaign.fundraiser.provider === 'BONFIRE' || vm.campaign.fundraiser.provider === 'MANUAL')}">
                      <!----><!---->
                      <figure class="sw-User_Figure" ng-if="!vm.edit &amp;&amp; !vm.editLaunchedCampaign"><!----><span class="sw-User_Img" ng-if="vm.campaign.campaignOwner.organizations[0].logoUrl"
                          ng-style="{'background-image': 'url(' + vm.campaign.campaignOwner.organizations[0].logoUrl + ')'}"
                          style="background-image: url(&quot;https://vfs.bonfireassets.com/static/organization/b0b84248-7bde-46e2-9634-7c8594076962/logo//fca0e172-9ba2-4bf3-8cec-a6167d9f8b09.png&quot;);"></span><!----> <!----></figure><!---->
                      <section><span>by </span><!----><!----><!----><span
                          ng-if="vm.campaign.storeInfo &amp;&amp; (!vm.campaign.storeInfo.storeSettings || vm.campaign.storeInfo.storeSettings.storeLinkType === 'DEFAULT') &amp;&amp; vm.campaign.campaignOwner.organizations[0].type !== 'NONPROFIT'"><!---->
                          <!----><span ng-if="vm.campaign.campaignOwner.organizations[0].organizationPageUrl &amp;&amp; vm.campaign.storeInfo || !vm.edit || !vm.editLaunchedCampaign">Dana Rice Music's FAME Studio </span><!----></span><!----><!---->
                      </section>
                    </div>
                  </div><!---->
                  <div class="camp-FrInfoWrap" ng-class="{'camp-FrInfoWrap-open': !vm.frInfoIsCollapsed, 'camp-FrInfoWrap-integration': vm.campaign.fundraiser.integrationProvider}">
                    <div class="sw-Popover sw-Popover-badge"><!----><!----><!----></div>
                  </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] &amp;&amp; !allStates[state].loading &amp;&amp; !allStates[state].error" ng-transclude="" class=""><!----><label ng-repeat="product in vm.previewProductType.products track by $index"><input
                      class="sw-Form_ChkRadio" title="Black" name="color" type="radio" ng-value="product.colorName" ng-checked="vm.previewProduct.colorName == product.colorName" ng-click="vm.changeProductPreview(product)" value="Black"
                      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="Black" 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(0, 0, 0);"><!----><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 &amp;&amp; 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><!---->
                </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] &amp;&amp; !allStates[state].loading &amp;&amp; !allStates[state].error" ng-transclude="" class=""><!----><!----><!---->
                    <p class="sw-NoMargin" ng-if="!vm.campaign.claimGift &amp;&amp; vm.productTypes.length==1"><span class="sw-SrOnly">Price: </span>Premium Tote Bag&nbsp;–&nbsp;<currency amount="vm.activeProductPrice">$33.50 USD</currency>
                    </p><!---->
                  </div><!----><!----> <!----> <!----> <!----> <!----> <!----> <!----><!---->
                </bf-loading></div>
            </fieldset><!---->
            <fieldset class="sw-SizePicker sw-Form_Group" ng-if="vm.previewProduct.sizes &amp;&amp; vm.previewProduct.sizes.length ||
                                                        !vm.edit &amp;&amp; !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] &amp;&amp; !allStates[state].loading &amp;&amp; !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="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" checked="checked">
                      <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 sw-SizePicker_Item-active" 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 &amp;&amp; !vm.isSizeDisabled(size),
                                                               'sw-SizePicker_Item-inactive': vm.isSizeDisabled(size)}">M</div><!---->
                      </div>
                    </label><!----><small class="camp-SizingInfo"><button class="sw-LinkButton" ng-click="vm.openSizingInfo()">Product 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 &amp;&amp; !vm.campaign.smartLaunchOff &amp;&amp; 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="Campaign statistics" class="camp-ScoreBoard" ng-class="{'camp-ScoreBoard-empty': (vm.edit || vm.editLaunchedCampaign || vm.campaign.status == 'READY') &amp;&amp;
                                            !(vm.campaign.quantitySoldPublic &amp;&amp; vm.campaign.fundraising) &amp;&amp;
                                            !(vm.campaign.quantitySoldPublic &amp;&amp; !vm.campaign.fundraising &amp;&amp;
                                            vm.campaign.totalProductsSold>0) &amp;&amp; !(vm.amountRaised &amp;&amp; vm.campaign.amountRaisedPublic) }">
            <h2 class="sw-SrOnly">Campaign statistics</h2>
            <div><!---->
              <div class="camp-ScoreBoard_ItemWrap ng-hide" ng-hide="vm.campaign.campaignType == 'POD' || (vm.edit || vm.editLaunchedCampaign) || vm.campaign.status == 'READY'"><span
                  class="sw-CircleWrap sw-CircleWrap-grayalt"><i class="bf-Icon bf-Icon-clock-time-24 bf-Icon-gray-600" aria-hidden="true"></i></span>
                <div class="camp-ScoreBoard_Item camp-ScoreBoard_Item-ticker">
                  <h3 class="bf-Text bf-Text-size-xs bf-Text-bold bf-Text-uppercase">Campaign Ends in</h3>
                  <div class="camp-CampaignEndTicker">
                    <div class="camp-CampaignEndTicker_Item">
                      <div class="camp-ScoreBoard_Number"><span class="bf-Text bf-Text-size-xl bf-Text-bold bf-Text-slh">0</span></div><small class="camp-CampaignEndTicker_Text">days</small>
                    </div>
                    <div class="camp-CampaignEndTicker_Item">
                      <div class="camp-ScoreBoard_Number"><span class="bf-Text bf-Text-size-xl bf-Text-bold bf-Text-slh">0</span></div><small class="camp-CampaignEndTicker_Text">hours</small>
                    </div>
                    <div class="camp-CampaignEndTicker_Item">
                      <div class="camp-ScoreBoard_Number"><span class="bf-Text bf-Text-size-xl bf-Text-bold bf-Text-slh">0</span></div><small class="camp-CampaignEndTicker_Text">mins</small>
                    </div>
                    <div class="camp-CampaignEndTicker_Item">
                      <div class="camp-ScoreBoard_Number"><span class="bf-Text bf-Text-size-xl bf-Text-bold bf-Text-slh">0</span></div><small class="camp-CampaignEndTicker_Text">secs</small>
                    </div>
                  </div>
                </div>
              </div>
              <div class="camp-ScoreBoard_ItemWrap ng-hide" ng-show="!vm.edit &amp;&amp; !vm.campaign.adminEdit &amp;&amp; !vm.editLaunchedCampaign &amp;&amp;
                                                      vm.amountRaised > 0 &amp;&amp; vm.campaign.amountRaisedPublic &amp;&amp; vm.shouldShowAmountRaised"><span
                  class="sw-CircleWrap sw-CircleWrap-grayalt"><i class="bf-Icon bf-Icon-giving-heart-hand-24 bf-Icon-gray-600" aria-hidden="true"></i></span>
                <div class="camp-ScoreBoard_Item camp-ScoreBoard_Item-raised">
                  <h3 class="bf-Text bf-Text-size-xs bf-Text-bold bf-Text-uppercase">Raised</h3>
                  <div class=""><span class="bf-Text bf-Text-size-xl bf-Text-bold bf-Text-slh"></span></div>
                </div>
              </div><!---->
              <div class="camp-ScoreBoard_ItemWrap" ng-show="!vm.edit &amp;&amp; !vm.campaign.adminEdit &amp;&amp; !vm.editLaunchedCampaign &amp;&amp;
                                                        vm.campaign.quantitySoldPublic &amp;&amp; !vm.campaign.fundraising &amp;&amp; vm.campaign.totalProductsSold > 0"><span
                  class="sw-CircleWrap sw-CircleWrap-grayalt"><i class="bf-Icon bf-Icon-product-tag-order-24 bf-Icon-gray-600" aria-hidden="true"></i></span>
                <div class="camp-ScoreBoard_Item camp-ScoreBoard_Item-sold">
                  <h3 class="bf-Text bf-Text-size-xs bf-Text-bold bf-Text-uppercase">Sold</h3>
                  <div class=""><span class="bf-Text bf-Text-size-xl bf-Text-bold">2</span></div>
                </div>
              </div>
              <div class="camp-ScoreBoard_ItemWrap ng-hide" ng-show="vm.campaign.quantitySoldPublic &amp;&amp; vm.campaign.fundraising"><span
                  class="sw-CircleWrap sw-CircleWrap-grayalt"><i class="bf-Icon bf-Icon-product-tag-order-24 bf-Icon-gray-600" aria-hidden="true"></i></span>
                <div class="camp-ScoreBoard_Item camp-ScoreBoard_Item-sold camp-ScoreBoard_Item-fundraising">
                  <h3 class="bf-Text bf-Text-size-xs bf-Text-bold bf-Text-uppercase">Sold</h3><strong class="bf-Text bf-Text-size-xl bf-Text-bold bf-Text-slh">2 </strong><span class="bf-Text-color-gray-500">/ 50 goal</span>
                  <div class="sw-ProgressBar_Wrap">
                    <div class="progress sw-ProgressBar">
                      <div class="progress-bar sw-ProgressBar-success" role="progressbar" aria-valuenow="4" aria-valuemin="0" aria-valuemax="100" ng-style="{'width': vm.campaign.percentage + '%'}" style="width: 4%;"><span class="sw-SrOnly">4%
                          Complete</span></div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="camp-ScoreBoard_ItemWrap"><span class="sw-CircleWrap sw-CircleWrap-grayalt"><i class="bf-Icon bf-Icon-truck-shipping-delivery-24 bf-Icon-gray-600" aria-hidden="true"></i></span>
                <section class="camp-ScoreBoard_Item camp-ScoreBoard_Item-shipping">
                  <h3 class="bf-Text bf-Text-size-xs bf-Text-bold bf-Text-uppercase bf-Text-color-gray-600">Shipping</h3><small class="bf-Chip bf-Chip-green" href="https://help.bonfire.com/en/articles/3008346-shipping-times" target="_blank"><svg
                      class="bf-Icon bf-Icon-16" viewBox="0 0 16 16">
                      <path fill-rule="evenodd" clip-rule="evenodd"
                        d="M15 8a7 7 0 0 0-6.995-7h-.008A7 7 0 1 0 15 8zM8.965 9h-1.93c.09 1.294.351 2.39.682 3.162.1.232.196.414.283.553a4.1 4.1 0 0 0 .283-.553c.33-.772.592-1.868.682-3.162zm-1.93-2c.09-1.294.351-2.39.682-3.162.1-.232.196-.414.283-.553.087.14.184.32.283.553.33.771.592 1.868.682 3.162h-1.93zM5.03 7H3.1a5.008 5.008 0 0 1 2.577-3.429c-.338.963-.568 2.14-.647 3.429zm0 2H3.1a5.008 5.008 0 0 0 2.577 3.428C5.339 11.466 5.109 10.29 5.03 9zm5.94 0h1.93a5.008 5.008 0 0 1-2.577 3.428c.338-.962.568-2.138.647-3.428zm1.93-2h-1.93c-.08-1.29-.31-2.466-.647-3.429A5.008 5.008 0 0 1 12.9 7z"
                        fill="#3D4853"></path>
                    </svg> Ships worldwide</small><!---->
                </section>
              </div><!---->
            </div>
          </section>
          <section class="camp-StoreCardWrap"><!---->
            <div class="camp-StoreCard" ng-if="vm.campaign.storeInfo &amp;&amp; !vm.editLaunchedCampaign" ng-class="{'camp-StoreCard-org': vm.campaign.storeInfo.orgStore, 'camp-StoreCard-defaultlogo': vm.campaign.storeInfo.defaultLogo}">
              <!----><a ng-if="vm.campaign.storeInfo.storeSettings.storeLinkType === 'DEFAULT'" class="sw-NavCard CAMPAIGN_CONNECTED_STORE sw-NavCard-hasicon" ng-class="{'sw-NavCard-hasicon': vm.campaign.storeInfo.logoUrl}" ui-sref="base.store({slug: vm.campaign.storeInfo.slug})" href="/store/merch-by-dana/"><!----><figure class="sw-NavCard_Fig sw-NavCard_Fig-small" ng-if="vm.campaign.storeInfo.logoUrl"><span class="sw-NavCard_Img" ng-style="{'background-image': 'url(' + vm.campaign.storeInfo.logoUrl + ')'}" style="background-image: url(&quot;https://www.bonfire.com/static/stores/427c/13ae/b872-405f-b4ab-26cc8f6154b6/uploads/f8e5835e-ac34-410e-8dca-ad47b49119a4.png&quot;);"></span></figure><!----><span class="sw-Subtitle bf-Text bf-Text-size-small">Shop all from</span> <strong class="sw-NavCard_Sub bf-Text bf-Text-size-large">Merch by DANA</strong> <span class="sw-NavCard_Arrow"><i class="bf-Icon bf-Icon-arrow-chevron-right-24 bf-Icon-gray-400" aria-hidden="true"></i> </span></a><!----><!---->
            </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

This holiday season, give a gift that gives back to a charitable cause with a
soft tee from Bonfire.

Shop gifts
 * Log in
 * Track your order
 * 

Shop all shirts

Find something you love arrow-right

Discover creators

arrow-right

Gift cards

arrow-right
By Category
Staff PicksAdoptionAdvocacyAnimal RescueAnimalsArt &
IllustrationsAwarenessBusinessesConservationCreatorsEntertainmentFundraisingGifts
that Give Back 🎁HobbiesHolidaysMedicalNonprofitsSchoolsSocial MovementsSports
Search Bonfire
logo
Log in

Welcome, !

 * Dashboard
 * Account Settings
 * Help Center
 * Log Out

icon-cart-outlined Cart

Back

Save
Launch Scheduled

Cancel Save and publish
This is how your campaign page will appear to your buyers.
Manage and edit this campaign from your dashboard.
upload-iconShare
This campaign is currently flagged so only you can see this page. View campaign
details
This campaign has been closed by admin. Only Bonfire admins can view this page.
This campaign has been deleted by the seller. Only Bonfire admins can view this
page.


HIT SONG TOTE

Set item as featured


   
   
 * 
   
 * 
   


HIT SONG TOTE


CAMPAIGN OPTIONS

Carry an important message while carrying your things in this convenient tote
bag. 

by Dana Rice Music's FAME Studio



SELECT ACOLOR


color-picker-checkmark


SELECT ASTYLE

Price: Premium Tote Bag – $33.50 USD


SELECT ASIZE


M
Product info

Please select a size.

Add to cart



CAMPAIGN STATISTICS


CAMPAIGN ENDS IN

0
days
0
hours
0
mins
0
secs


RAISED




SOLD

2


SOLD

2 / 50 goal
4% Complete


SHIPPING

Ships worldwide
Shop all from Merch by DANA


ABOUT THIS CAMPAIGN

LET'S GET TOGETHER





LOOKS LIKE YOUR TEXT IS -182 CHARACTER OVER THE LIMIT. PLEASE SHORTEN IT TO 200
CHARACTERS OR LESS.

"The World We Want" is a catchy tune written in the voice of a child longing to
live in a world free from hate. I initially wrote this song with my then 7 yr
old student, Kaile, who has a heart of gold. Kaile likes to take on projects
that help the poor and encourage environmental responsibility. 

 

As I taught the song to Kaile, she began to add some lyrics of her own, truly
making it a song written in the voice of a child. Now, 4 years later, and on the
heels of the mounting problem of climate change and social unrest, Kaile and I
decided it was time to officially release the song- with some updates. Kaile
thought it would be a great idea to add a rap to the song and I agreed. We hope
the lyrics will inspire kids and adults to take action to make the world a
better place for all of us - especially the very young and vulnerable.




Use it to carry everything from groceries to books and supplies. Let's get
together and do what we can to make this world a better place!





Looks like your text is -9020 character over the limit. Please shorten it to
10000 characters or less.





MORE FROM THIS SELLER


DADDY'S GIRL SPOTIFY

$27.49 USD

Available in 3 styles


SAVE ME MEMORABILIA

$27.49 USD

Available in 4 styles


DADDY'S GIRL ALBUM COVER TEE

$27.49 USD

Available in 4 styles


BIG DREAMS BLACK SIGNATURE

$27.49 USD

Available in 2 styles


GIFT THE FREEDOM OF CHOICE WITH A BONFIRE GIFT CARD

Buy a gift card

upload-iconShare this campaign
    
 1. Home
    
 2. Shop
    
 3. Fundraising
    
 4. Disaster Relief
    
 5. Hurricane Ida Relief
    

Bonfire Where the world goes for premium custom shirts.
Get started


SELL ONLINE

 * Limited edition campaign
 * On-demand merch store
 * Personal fundraiser


EXPLORE

 * Shop the marketplace
 * Support a cause


NONPROFITS

 * For nonprofits
 * Peer-to-peer fundraising


CREATORS

 * For creators
 * Discover top creators
 * Sell with Merch Shelf
 * YouTube creators


RESOURCES

 * Blog
 * Design templates
 * Help center
 * Order custom shirts
 * Pricing calculator
 * Product catalog
 * Request a custom design
 * Stories
 * Track my order


COMPANY

 * About
 * Careers
 * Contact
 * Privacy
 * Reviews
 * Terms

© 2024 Bonfire.com
DMCA Trademark Takedown
 * Bonfire on Facebook
 * social-insta Bonfire on Instagram
 * social-pinterest Bonfire on Pinterest
 * social-twitter Bonfire on Twitter
 * Bonfire on YouTube

Based in Richmond, VA