www.canadahelps.org
Open in
urlscan Pro
52.228.114.141
Public Scan
Submitted URL: https://www.canadahelps.org/en/dn/m/26706
Effective URL: https://www.canadahelps.org/en/dn/m/26706?mprompt=1&v2=true
Submission: On March 09 via manual from US — Scanned from CA
Effective URL: https://www.canadahelps.org/en/dn/m/26706?mprompt=1&v2=true
Submission: On March 09 via manual from US — Scanned from CA
Form analysis 1 forms found in the DOM
<form class="ms-container min-h-[720px] max-w-[450px] flex flex-col flex-grow mx-auto w-full">
<div class="border-b-shade-solitude border border-x-0 border-t-0 px-6 py-4" id="ms-header">
<div class="flex justify-between mb-2">
<div class="flex justify-items-center">
<div class="flex-none"><img class="mr-4 max-h-[70px] max-w-[130px]" src="/en/charities/logo/21543/" alt="Ksan Society logo"></div>
<h2 class="text-ink-bayoux text-h3 self-center break-all">BN: 118987478RR0001</h2>
</div>
<div class="ml-2 self-center"><a href="/fr/dn/m/26706?mprompt=1&v2=true" class="bg-shade-lilac hover:bg-shade-zicron block cursor-pointer text-ink-bayoux rounded-full py-0 px-1 w-6" style="outline-color: rgb(39, 78, 144);">FR</a></div>
</div>
<h3 class="text-h3 text-ink-charcoal text-center">Make a Donation</h3>
</div>
<div class="flex-grow ms-section scrollbox overflow-y-auto" style="max-height: 469px;">
<div id="donation-details">
<fieldset class="mb-4">
<legend class="hidden-accessibility">Choose Donation Frequency</legend>
<div class="item-group xxs:flex-col flex">
<div class="flex-auto w-1/2 xs:flex-1 xs:self-stretch xxs:w-auto"><input id="oneTime" name="donationFrequency" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]" value="1"
checked=""><label
class="min-w-48 flex items-center justify-center text-center font-lato py-2 px-4 xs:px-2 peer-checked:border-blue-ch peer-checked:bg-blue-ch peer-checked:text-white font-semibold border-shade-solitude border-2 border-l-0 xxs:border-l-2 xxs:border-b-0 xxs:peer-checked:border-b-2 peer-checked:border-r-2 peer-checked:border-l-2 border-l-2 text-blue-ch text-default cursor-pointer rounded-l-ch xxs:rounded-t-ch xxs:rounded-bl-none from-[#FAFBFC] to-[#EBEFF2] xs:h-full xxs:h-auto"
for="oneTime" style="border-color: rgb(39, 78, 144); background: rgb(39, 78, 144);">DONATE ONCE</label></div>
<div class="flex-auto w-1/2 xs:flex-1 xs:self-stretch xxs:w-auto"><input id="monthly" name="donationFrequency" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]"
value="2"><label
class="min-w-48 flex items-center justify-center text-center font-lato py-2 px-4 xs:px-2 peer-checked:border-blue-ch peer-checked:bg-blue-ch peer-checked:text-white font-semibold border-shade-solitude border-2 border-l-0 xxs:border-l-2 xxs:border-b-0 xxs:border-b-2 xxs:peer-checked:border-b-2 peer-checked:border-r-2 peer-checked:border-l-2 border-r-2 xxs:rounded-t-none xxs:rounded-bl-ch text-blue-ch text-default cursor-pointer rounded-r-ch xxs:rounded-bl-none hover:bg-gradient-to-b from-[#FAFBFC] to-[#EBEFF2] xs:h-full xxs:h-auto"
for="monthly" style="color: rgb(39, 78, 144);">DONATE MONTHLY</label></div>
</div>
</fieldset>
<fieldset class="">
<legend class="custom-label">Donation Amount</legend>
<div class="amount-group flex flex-wrap">
<div class="flex-grow mr-2 last:mr-0"><input id="donationPreset-1" name="donationPreset" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]" value="30"><label
class="block font-lato font-bold p-2 mb-4 peer-checked:text-blue-ch peer-checked:border-blue-ch border-shade-solitude border-2 text-ink-bayoux text-default text-center cursor-pointer rounded-ch hover:bg-gradient-to-b from-[#FAFBFC] to-[#EBEFF2]"
for="donationPreset-1">$30</label></div>
<div class="flex-grow mr-2 last:mr-0"><input id="donationPreset-2" name="donationPreset" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]" value="75"><label
class="block font-lato font-bold p-2 mb-4 peer-checked:text-blue-ch peer-checked:border-blue-ch border-shade-solitude border-2 text-ink-bayoux text-default text-center cursor-pointer rounded-ch hover:bg-gradient-to-b from-[#FAFBFC] to-[#EBEFF2]"
for="donationPreset-2">$75</label></div>
<div class="flex-grow mr-2 last:mr-0"><input id="donationPreset-3" name="donationPreset" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]" value="150"><label
class="block font-lato font-bold p-2 mb-4 peer-checked:text-blue-ch peer-checked:border-blue-ch border-shade-solitude border-2 text-ink-bayoux text-default text-center cursor-pointer rounded-ch hover:bg-gradient-to-b from-[#FAFBFC] to-[#EBEFF2]"
for="donationPreset-3">$150</label></div>
<div class="flex-grow mr-2 last:mr-0"><input id="donationPreset-4" name="donationPreset" type="radio" class="border-0 w-0 height-px cursor-pointer -m-px p-0 overflow-hidden absolute peer focus:ring-0 -z-[10]" value="250"><label
class="block font-lato font-bold p-2 mb-4 peer-checked:text-blue-ch peer-checked:border-blue-ch border-shade-solitude border-2 text-ink-bayoux text-default text-center cursor-pointer rounded-ch hover:bg-gradient-to-b from-[#FAFBFC] to-[#EBEFF2]"
for="donationPreset-4">$250</label></div>
</div>
<div class="mb-4">
<div class="flex"><span class="inline-flex items-center rounded-l-ch border border-r-0 border-shade-solitude bg-shade-lilac px-2 font-lato text-ink-cadet" aria-hidden="true">$</span>
<div class="relative w-36"><input id="donationAmount" aria-errormessage="donationAmount-error" aria-invalid="false"
class="h-10 rounded-ch block w-full min-w-0 rounded-none border-shade-solitude p-2 ring-0 peer placeholder-transparent hover:border-blue-dark focus:border-blue-dark active:border-blue-dark appearance-none focus:ring-0 rounded-r-ch hover:rounded-ch focus:rounded-ch active:rounded-ch"
name="donationAmount" type="number" step="1" min="3" placeholder="Custom amount" value=""><label
class="absolute left-2 text-ink-bayoux px-1.2 font-lato scale-75 peer-focus:scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text -translate-y-5 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-0.5 peer-focus:-translate-y-5 peer-placeholder-shown:-translate-x-1 peer-focus:-translate-x-2.5 bg-white peer-placeholder-shown:bg-white peer-focus:text-blue-dark"
for="donationAmount">Custom amount</label></div>
</div>
<div class="">
<div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
</div>
</div>
<div class="">
<div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
</div>
</fieldset>
<div class="mb-4"><label for="donationFund" class="flex items-center custom-label">Fund<div aria-label="Direct your donation to the area of our work you wish to support." class="relative self-start" role="tooltip" tabindex="0"
data-radium="true"><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="circle-question" class="svg-inline--fa fa-circle-question ch-question-circle text-blue-ch h-3 w-3 cursor-pointer ml-1" role="img"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" style="color: rgb(39, 78, 144);">
<path fill="currentColor"
d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 400c-18 0-32-14-32-32s13.1-32 32-32c17.1 0 32 14 32 32S273.1 400 256 400zM325.1 258L280 286V288c0 13-11 24-24 24S232 301 232 288V272c0-8 4-16 12-21l57-34C308 213 312 206 312 198C312 186 301.1 176 289.1 176h-51.1C225.1 176 216 186 216 198c0 13-11 24-24 24s-24-11-24-24C168 159 199 128 237.1 128h51.1C329 128 360 159 360 198C360 222 347 245 325.1 258z">
</path>
</svg></div></label>
<div class="relative"><select id="donationFund" name="donationFund" aria-label="Fund"
class="font-lato h-10 w-full p-2 text-ink-charcoal text-default cursor-pointer rounded-ch focus:ring-0 border-shade-solitude pl-2 hover:border-blue-dark focus:border-blue-dark focus:ring-blue-dark active:border-blue-dark">
<option value="91413">A. General Society Donation</option>
<option value="200707">B. Emergency Shelter</option>
<option value="200708">C. Transition House</option>
<option value="200709">G. Ksan Pets Program</option>
<option value="200710">F. Ksan Place - A Southside Community Space</option>
<option value="200711">D. Violence Against Women Support Programs</option>
<option value="200714">E. Homelessness Outreach</option>
</select></div>
<div class="">
<div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
</div>
</div>
<div class="relative mb-4"><input name="messageForCharity" type="text" aria-invalid="false" aria-errormessage="id-messageForCharity-error" placeholder="Write a private message to us (optional)"
aria-label="Write a private message to us (optional)"
class="font-lato h-10 w-full p-2 rounded-ch border-shade-solitude hover:border-blue-dark focus:border-blue-dark active:border-blue-dark focus:outline-none peer focus:shadow-none focus:ring-0 text-default text-ink-charcoal placeholder-transparent"
id="id-messageForCharity" value=""><label
class="text-default absolute top-2 left-2 text-ink-bayoux pl-1.2 font-lato scale-75 peer-focus:scale-75 peer-placeholder-shown:scale-100 transition-all duration-200 cursor-text top-1/2 -translate-y-6 -translate-x-2.5 top-3 peer-placeholder-shown:-translate-y-1 peer-focus:-translate-y-6 peer-placeholder-shown:-translate-x-1.2 peer-focus:-translate-x-2.5 bg-white peer-placeholder-shown:bg-white peer-focus:text-blue-dark"
for="id-messageForCharity">Write a private message to us (optional)</label>
<div class="">
<div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
</div>
</div>
<div class="mb-4 flex content-start" data-radium="true"><input id="id-dedicationEnabled" name="dedicationEnabled" type="checkbox"
class="align-top mr-2 mt-0.5 h-[18px] w-[18px] cursor-pointer rounded-ch ring-0 focus:ring-0 focus:ring-offset-0 focus:shadow-none border-shade-iron checked:border-blue-ch checked:bg-blue-ch indeterminate:bg-blue-ch hover:border-blue-ch checked:hover:bg-blue-ch indeterminate:hover:bg-blue-ch focus:border-blue-ch checked:focus:bg-blue-ch indeterminate:focus:bg-blue-ch "
data-radium="true">
<div data-radium="true">
<div class="flex" data-radium="true"><label for="id-dedicationEnabled" class="font-lato cursor-pointer select-none font-normal text-default">Dedicate your donation</label></div>
<div class="">
<div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
</div>
</div>
</div>
<fieldset data-radium="true">
<legend class="hidden-accessibility" data-radium="true">Dedicate your donation</legend>
<div class="mb-4 ml-0.5 flex flex-wrap" data-radium="true">
<div class="mr-4 mb-4 flex content-start" data-radium="true"><input id="id-dedicationType-0" type="radio" name="dedicationType"
class="mt-0.8 cursor-pointer mr-2 h-[18px] w-[18px] p-0.5 focus:ring-1 focus:ring-offset-2 focus:shadow-none checked:bg-none border-none ring-1 ring-offset-2 ring-shade-zicron checked:bg-shade-zicron cursor-not-allowed " disabled=""
data-radium="true" value="2">
<div data-radium="true"><label for="id-dedicationType-0" class="font-lato cursor-pointer font-normal text-ink-charcoal text-default text-ink-cadet cursor-not-allowed">In Memory of</label></div>
</div>
<div class="mr-4 mb-4 flex content-start" data-radium="true"><input id="id-dedicationType-1" type="radio" name="dedicationType"
class="mt-0.8 cursor-pointer mr-2 h-[18px] w-[18px] p-0.5 focus:ring-1 focus:ring-offset-2 focus:shadow-none checked:bg-none border-none ring-1 ring-offset-2 ring-shade-zicron checked:bg-shade-zicron cursor-not-allowed " disabled=""
data-radium="true" value="1">
<div data-radium="true"><label for="id-dedicationType-1" class="font-lato cursor-pointer font-normal text-ink-charcoal text-default text-ink-cadet cursor-not-allowed">In Honour Of</label></div>
</div>
</div>
<div class="">
<div aria-live="polite" aria-atomic="true" class="font-lato text-error-solid text-caption mt-2 hidden"></div>
</div>
</fieldset>
</div>
</div>
<div class="px-6 py-4" id="ms-footer">
<ul aria-hidden="true" class="cdf-navigation-dots flex justify-center pb-4">
<li class="h-2 w-2 rounded-full m-0.5 bg-blue-ch" style="background-color: rgb(39, 78, 144);"></li>
<li class="h-2 w-2 rounded-full m-0.5 bg-shade-zicron"></li>
<li class="h-2 w-2 rounded-full m-0.5 bg-shade-zicron"></li>
</ul>
<div class="cdf-footer flex flex-col justify-center">
<div class="mb-0 flex items-center justify-evenly"><button id="cdf-submit" type="button"
class="w-2/3 rounded-ch border-solid px-4 font-bold outline outline-1 focus:outline-2 items-center hover:bg-gradient-to-b active:shadow-inner text-btnLarge py-4 bg-blue-ch outline-blue-dark hover:from-blue-ch hover:to-blue-dark active:shadow-blue-dark text-white"
data-radium="true" style="background: rgb(39, 78, 144); outline-color: rgba(17, 204, 85, 0.933);">Donate</button></div>
</div>
<div style="display: none;">This site is protected by reCAPTCHA and the Google <a href="https://policies.google.com/privacy">Privacy Policy</a> and <a href="https://policies.google.com/terms">Terms of Service</a> apply.</div>
</div>
</form>Text Content
OUR MISSION: We believe in the inherent value of every human being. We are committed to responding to community need. We empower, assist, and support people experiencing gender violence, violence, poverty, homelessness, and other forms of oppression/marginalization. BN: 118987478RR0001 FR MAKE A DONATION Choose Donation Frequency DONATE ONCE DONATE MONTHLY Donation Amount $30 $75 $150 $250 $ Custom amount Fund A. General Society DonationB. Emergency ShelterC. Transition HouseG. Ksan Pets ProgramF. Ksan Place - A Southside Community SpaceD. Violence Against Women Support ProgramsE. Homelessness Outreach Write a private message to us (optional) Dedicate your donation Dedicate your donation In Memory of In Honour Of * * * Donate This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.