givebutter.com Open in urlscan Pro
2606:4700:10::6814:25da  Public Scan

Form analysis
2 forms found in the DOM

<form class="flex flex-col h-full"><input type="hidden" name="session_id" value=""> <input type="hidden" name="campaign_id" value="269945"> <input type="hidden" name="embedded" value="false"> <input type="hidden" name="attribution_data" value="">
  <div class=" ">
    <div class="flex items-center justify-between px-[30px] pt-[30px] pb-0">
      <div>
        <p class="text-xl leading-tight text-left text-black select-none grow">Choose amount</p>
      </div>
      <div class="flex items-center self-start ml-4">
        <div class="flex items-center py-1 px-2 rounded-full "><svg class="svg-inline--fa fa-shield-check text-lg text-green-600" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="shield-check" role="img"
            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
            <path fill="currentColor"
              d="M269.4 2.9C265.2 1 260.7 0 256 0s-9.2 1-13.4 2.9L54.3 82.8c-22 9.3-38.4 31-38.3 57.2c.5 99.2 41.3 280.7 213.6 363.2c16.7 8 36.1 8 52.8 0C454.7 420.7 495.5 239.2 496 140c.1-26.2-16.3-47.9-38.3-57.2L269.4 2.9zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z">
            </path>
          </svg><!-- <i class="text-lg text-green-600 fa-solid fa-shield-check"></i> -->
          <p class="mt-px ml-1 font-normal text-md">Secure</p>
        </div>
      </div>
    </div>
    <div class="w-full section-body grow slide-in svelte-nskdqy" style="padding: 20px 30px 30px;"><span slot="body">
        <div>
          <div class="w-full h-auto grid mb-6 donate-options rounded-lg recurring-options grid-cols-2 svelte-1kxyv5j" aria-label="Donation frequency">
            <div class="relative flex items-center justify-center py-2 text-black transition border rounded-lg cursor-pointer select-none option svelte-1kxyv5j"><input type="radio" id="frequency_0" name="frequencyOptions" value="once" title="once"
                aria-label="One-time" class="absolute inset-0 w-full h-full rounded-lg appearance-none cursor-pointer svelte-1kxyv5j" style="opacity: 0.001;"> <label for="frequency_0" aria-hidden="true"
                class="flex items-center font-medium text-center capitalize cursor-pointer"><span class="normal-case">One-time</span></label> </div>
            <div class="relative flex items-center justify-center py-2 text-black transition border rounded-lg cursor-pointer select-none option svelte-1kxyv5j !bg-gbtheme-50 !border-gbtheme-500 selected"><input type="radio" id="frequency_1"
                name="frequencyOptions" value="monthly" title="monthly" aria-label="monthly" class="absolute inset-0 w-full h-full rounded-lg appearance-none cursor-pointer svelte-1kxyv5j" style="opacity: 0.001;"> <label for="frequency_1"
                aria-hidden="true" class="flex items-center font-medium text-center capitalize cursor-pointer">monthly</label> </div>
          </div>
          <div aria-label="Suggested amounts" class="donate-options donate-options-amounts grid grid-cols-2 @[375px]:grid-cols-3 svelte-1kxyv5j" style="gap: 8px;">
            <div class="relative flex items-center px-4 py-2 text-black transition border rounded-lg cursor-pointer select-none option svelte-1kxyv5j justify-center"><input type="radio" id="amount_100" name="amountOptions" value="100" title="$100"
                aria-label="$100" class="absolute inset-0 w-full h-full rounded-lg appearance-none cursor-pointer svelte-1kxyv5j" style="opacity: 0.001;"> <label for="amount_100" aria-hidden="true"
                class="flex flex-col font-medium cursor-pointer items-center"><span class="text-truncate">$100</span> </label> </div>
            <div class="relative flex items-center px-4 py-2 text-black transition border rounded-lg cursor-pointer select-none option svelte-1kxyv5j justify-center"><input type="radio" id="amount_50" name="amountOptions" value="50" title="$50"
                aria-label="$50" class="absolute inset-0 w-full h-full rounded-lg appearance-none cursor-pointer svelte-1kxyv5j" style="opacity: 0.001;"> <label for="amount_50" aria-hidden="true"
                class="flex flex-col font-medium cursor-pointer items-center"><span class="text-truncate">$50</span> </label> </div>
            <div class="relative flex items-center px-4 py-2 text-black transition border rounded-lg cursor-pointer select-none option svelte-1kxyv5j justify-center"><input type="radio" id="amount_35" name="amountOptions" value="35" title="$35"
                aria-label="$35" class="absolute inset-0 w-full h-full rounded-lg appearance-none cursor-pointer svelte-1kxyv5j" style="opacity: 0.001;"> <label for="amount_35" aria-hidden="true"
                class="flex flex-col font-medium cursor-pointer items-center"><span class="text-truncate">$35</span> </label> </div>
            <div class="relative flex items-center px-4 py-2 text-black transition border rounded-lg cursor-pointer select-none option svelte-1kxyv5j justify-center"><input type="radio" id="amount_25" name="amountOptions" value="25" title="$25"
                aria-label="$25" class="absolute inset-0 w-full h-full rounded-lg appearance-none cursor-pointer svelte-1kxyv5j" style="opacity: 0.001;"> <label for="amount_25" aria-hidden="true"
                class="flex flex-col font-medium cursor-pointer items-center"><span class="text-truncate">$25</span> </label> </div>
            <div class="relative flex items-center px-4 py-2 text-black transition border rounded-lg cursor-pointer select-none option svelte-1kxyv5j justify-center"><input type="radio" id="amount_15" name="amountOptions" value="15" title="$15"
                aria-label="$15" class="absolute inset-0 w-full h-full rounded-lg appearance-none cursor-pointer svelte-1kxyv5j" style="opacity: 0.001;"> <label for="amount_15" aria-hidden="true"
                class="flex flex-col font-medium cursor-pointer items-center"><span class="text-truncate">$15</span> </label> </div>
            <div class="relative flex items-center px-4 py-2 text-black transition border rounded-lg cursor-pointer select-none option svelte-1kxyv5j justify-center"><input type="radio" id="amount_5" name="amountOptions" value="5" title="$5"
                aria-label="$5" class="absolute inset-0 w-full h-full rounded-lg appearance-none cursor-pointer svelte-1kxyv5j" style="opacity: 0.001;"> <label for="amount_5" aria-hidden="true"
                class="flex flex-col font-medium cursor-pointer items-center"><span class="text-truncate">$5</span> </label> </div>
          </div>
          <div class="w-full donate-options svelte-1kxyv5j mt-2">
            <div class="option option-other border rounded-lg select-none flex items-center focus-within:shadow-sm focus-within:!border-gray-500 svelte-1kxyv5j">
              <div class="flex items-center w-8 h-full pl-2 font-medium rounded-l-sm shrink-0">
                <p class="w-full text-lg text-center" style="color: #81818b">$</p>
              </div>
              <div class="h-full grow"><input id="amountOtherInput" class="w-full h-full text-xl font-medium transition rounded-tr-lg rounded-br-lg outline-none svelte-1kxyv5j" type="text" placeholder="Other" autocomplete="off"
                  aria-label="Other amount" im-insert="true" style="background-color: rgb(244, 244, 245);"></div>
              <p class="mr-4 font-medium" style="color: rgb(129, 129, 139);">USD</p>
            </div>
          </div>
          <div class="mt-6">
            <div>
              <div class="w-full relative text-left "><label class="flex items-start leading-tight cursor-pointer select-none"><input class="flex-none mr-1 svelte-1aj9v7d" type="checkbox"> Add note/comment </label></div>
            </div>
            <div class="w-full mt-1">
              <div class="w-full relative text-left "><label class="flex items-start leading-tight cursor-pointer select-none"><input class="flex-none mr-1 svelte-1aj9v7d" type="checkbox"> Give in honor/memory </label></div>
            </div>
          </div> <input type="hidden" name="frequency" value="monthly"> <input type="hidden" name="amount" value=""> <input type="hidden" name="flow_version" value="2.0">
        </div>
      </span></div>
  </div>
  <div class="flex flex-col justify-end section-bottom px-7 pb-7"> <button type="submit" class="button px-6 float-right text-white font-semibold rounded-lg shadow !bg-gbtheme-500 hover:!bg-gbtheme-550 transition"><span>Continue</span></button></div>
</form>

<form class="flex flex-col h-full"><input type="hidden" name="session_id" value=""> <input type="hidden" name="campaign_id" value="269945"> <input type="hidden" name="embedded" value="false"> <input type="hidden" name="attribution_data" value="">
  <div class=" ">
    <div class="flex items-center justify-between px-[30px] pt-[30px] pb-0">
      <div class="flex items-center cursor-pointer select-none">
        <div class="flex-none mr-2 select-none button focus:outline-none"><svg class="svg-inline--fa fa-arrow-left" aria-hidden="true" focusable="false" data-prefix="far" data-icon="arrow-left" role="img" xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 448 512" data-fa-i2svg="">
            <path fill="currentColor"
              d="M7.4 273.4C2.7 268.8 0 262.6 0 256s2.7-12.8 7.4-17.4l176-168c9.6-9.2 24.8-8.8 33.9 .8s8.8 24.8-.8 33.9L83.9 232 424 232c13.3 0 24 10.7 24 24s-10.7 24-24 24L83.9 280 216.6 406.6c9.6 9.2 9.9 24.3 .8 33.9s-24.3 9.9-33.9 .8l-176-168z">
            </path>
          </svg><!-- <i class="fa-regular fa-arrow-left"></i> --></div>
        <div>
          <p class="text-xl leading-tight text-left text-black select-none grow">Summary</p>
        </div>
      </div>
      <div class="flex items-center self-start ml-4">
        <div class="flex items-center py-1 px-2 rounded-full "><svg class="svg-inline--fa fa-shield-check text-lg text-green-600" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="shield-check" role="img"
            xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg="">
            <path fill="currentColor"
              d="M269.4 2.9C265.2 1 260.7 0 256 0s-9.2 1-13.4 2.9L54.3 82.8c-22 9.3-38.4 31-38.3 57.2c.5 99.2 41.3 280.7 213.6 363.2c16.7 8 36.1 8 52.8 0C454.7 420.7 495.5 239.2 496 140c.1-26.2-16.3-47.9-38.3-57.2L269.4 2.9zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z">
            </path>
          </svg><!-- <i class="text-lg text-green-600 fa-solid fa-shield-check"></i> --> </div>
      </div>
    </div>
    <div class="w-full section-body grow slide-in svelte-nskdqy" style="padding: 20px 30px 30px;"><span slot="body" class="">
        <div></div>
      </span></div>
  </div>
</form>

Text Content

Share

Support Sign in


LCD MONTHLY GIVING

Join us in transforming the lives of youth by becoming a monthly donor. Our
mission is to instill pride, self-worth, strength, creativity, and a deep
appreciation of community in the young people we serve through the power of
performance and digital arts. With your monthly donation, we can continue to
empower these young individuals to achieve their dreams and build a better
tomorrow.

Verified

Organized by Lights Camera Discover
501(c)(3) Public Charity · EIN 46-5004833
lcdinfo@lightscameradiscover.org

Organized by Lights Camera Discover
501(c)(3) Public Charity · EIN 46-5004833
lcdinfo@lightscameradiscover.org

Choose amount

Secure

One-time
monthly
$100
$50
$35
$25
$15
$5

$



USD

Add note/comment
Give in honor/memory
Continue

Summary




Thank you for supporting Lights Camera Discover!

Help us spread the word!

Fundraisers shared on social media raise 3x more on average



Or copy this link:

Copy

Support Privacy Terms
Donate