name : item.antlers.html <div class="container mx-auto pt-8"> <div class="container mx-auto px-8 lg:px-0"> <!-- gift listing --> <div class="flex flex-col lg:flex-row"> <div class="w-full lg:w-1/2"> {{ featured_image }} <img class="w-full bg-yellow-300 object-contain " src="{{ url }}"> {{ /featured_image }} </div> <div class="w-full lg:px-16 lg:w-1/2 "> {{ if item_sponsor }} {{ item_sponsor }} <div class="text-sm"><i class="fa fa-trophy text-mp-light-lime mb-4"></i> <spon class="text-mp-navy">Your gift will be matched by {{ title }}</spon></div> {{ /item_sponsor }} {{ /if }} <div class="mb-6 lg:mt-0 text-4xl font-bold font-display leading-none">{{ title }}</div> <!-- pricing --> <div class="mb-6 text-3xl"> ${{ price | format_number(2, '.', ',')}} </div> {{ if now | is_between( campaign:campaign_start_date, campaign:campaign_end_date ) }} {{ livewire:item-button :item="id" }} <!-- <button class="snipcart-add-item px-4 py-3 bg-mp-blue-green text-white" data-item-id="{{ id }}" data-item-price="{{ price }}" data-item-url="{{ url }}" data-item-description="{{ excerpt }}" data-item-name="{{ title }}" data-item-custom1-name="Credit your virtual host" > Add to cart </button> --> <ul class="mt-4 list-disc ml-8 text-mp-blue-green"> {{ if item_sponsor }} <li>Double your gift with match</li> {{ /if }} <li>Gift is 100% tax-deductible</li> </ul> {{ /if }} <p class="mt-6 text-lg text-mp-blue-green leading-snug">{{ content }}</p> <!-- * determine how to do bullets --> </div> </div> </div> </div> {{ if item_sponsor }} {{ item_sponsor }} <div class="mt-8 max-w-5xl mx-auto px-6 md:px-0"> <div class="flex flex-col md:flex-row items-center p-8 bg-white border border-2 shadow-lg"> <div class="w-full md:w-1/3"> <a href="http://{{ sponsor_website }}" target="_blank"> <div> {{ logo }} <img src="{{ url }}" class="h-48 object-contain" alt=""> {{ /logo }} </div> </a> </div> <div class="w-full md:w-2/3 px-12"> <div class="mb-4 text-center"> <i class="fa fa-trophy text-mp-light-lime"></i><span class="ml-4 text-mp-navy">Matching Sponsor</span> </div> <span class="text-xl">The Mary Parrish Center is grateful to <b>{{ title }}</b> for being a Matching Sponsor.</span> </div> </div> </div> {{ /item_sponsor }} {{ /if }} {{ partial:footer }}