CINXE.COM
GiveNow - Hand-n-Hand Peer Support
<!DOCTYPE html> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-GXYS0HH1HF"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-GXYS0HH1HF', { cookie_flags: "SameSite=None;Secure" }); gtag('config', 'AW-1038355847', { cookie_flags: "SameSite=None;Secure" }); </script> <script> gtag('event', 'conversion', { 'send_to': 'AW-1038355847/yYWWCLnt6YMDEIebkO8D', 'value': 1, 'currency': 'AUD' }); </script> <title>GiveNow - Hand-n-Hand Peer Support</title> <link rel="icon" type="image/ico" href="/favicon.ico" /> <!-- montserrat-regular --> <link rel="preload" href="/fonts/oc-font/montserrat-v14-latin-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" href="/fonts/oc-font/montserrat-v14-latin-regular.woff" as="font" type="font/woff" crossorigin="anonymous"/> <!-- montserrat-bold --> <link rel="preload" href="/fonts/oc-font/montserrat-v14-latin-700.woff2" as="font" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" href="/fonts/oc-font/montserrat-v14-latin-700.woff" as="font" type="font/woff" crossorigin="anonymous"/> <!-- montserrat-extra bold --> <link rel="preload" href="/fonts/oc-font/montserrat-v14-latin-800.woff2" as="font" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" href="/fonts/oc-font/montserrat-v14-latin-800.woff" as="font" type="font/woff" crossorigin="anonymous"/> <!-- montserrat-semi bold --> <link rel="preload" href="/fonts/oc-font/montserrat-v14-latin-600.woff2" as="font" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" href="/fonts/oc-font/montserrat-v14-latin-600.woff" as="font" type="font/woff" crossorigin="anonymous"/> <!-- montserrat-medium --> <link rel="preload" href="/fonts/oc-font/montserrat-v14-latin-500.woff2" as="font" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" href="/fonts/oc-font/montserrat-v14-latin-500.woff" as="font" type="font/woff" crossorigin="anonymous"/> <!-- montserrat-light --> <link rel="preload" href="/fonts/oc-font/montserrat-v14-latin-300.woff2" as="font" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" href="/fonts/oc-font/montserrat-v14-latin-300.woff" as="font" type="font/woff" crossorigin="anonymous"/> <!-- opensans-regular --> <link rel="preload" href="/fonts/gn-font/open-sans-v18-latin-regular.woff2" as="font" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" href="/fonts/gn-font/open-sans-v18-latin-regular.woff" as="font" type="font/woff" crossorigin="anonymous"/> <!-- opensans-bold --> <link rel="preload" href="/fonts/gn-font/open-sans-v18-latin-700.woff2" as="font" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" href="/fonts/gn-font/open-sans-v18-latin-700.woff" as="font" type="font/woff" crossorigin="anonymous"/> <!-- opensans-extra bold --> <link rel="preload" href="/fonts/gn-font/open-sans-v18-latin-800.woff2" as="font" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" href="/fonts/gn-font/open-sans-v18-latin-800.woff" as="font" type="font/woff" crossorigin="anonymous"/> <!-- opensans-semi bold --> <link rel="preload" href="/fonts/gn-font/open-sans-v18-latin-600.woff2" as="font" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" href="/fonts/gn-font/open-sans-v18-latin-600.woff" as="font" type="font/woff" crossorigin="anonymous"/> <!-- opensans-light --> <link rel="preload" href="/fonts/gn-font/open-sans-v18-latin-300.woff2" as="font" type="font/woff2" crossorigin="anonymous"/> <link rel="preload" href="/fonts/gn-font/open-sans-v18-latin-300.woff" as="font" type="font/woff" crossorigin="anonymous"/> <link rel="preload" href="/css/gp-v2.min.css?version=6.10.0" as="style"/> <link href="/css/gp-v2.min.css?version=6.10.0" rel="stylesheet"/> <link rel="preload" href="/css/gp-donation-gift-card.min.css?version=6.10.0" as="style"/> <link href="/css/gp-donation-gift-card.min.css?version=6.10.0" rel="stylesheet"/> <link rel="preload" href="https://www.google.com/recaptcha/api.js?onload=gRecaptcha3Onload&render=explicit" as="script"/> <link rel="preload" href="https://kit.fontawesome.com/fbc4e376bb.js" as="script" crossorigin="anonymous"/> <link rel="preconnect" href="https://static.zdassets.com"/> <link rel="preload" href="https://static.zdassets.com/ekr/snippet.js?key=439cab97-3237-4a3a-8c30-02655494ff2a" as="script"/> <link rel="preload" href="/css/jquery-ui/jquery.ui.min.css?version=6.10.0" as="style"/> <link rel="preload" href="/js/jquery-ui/jquery-ui.min.js" as="script"/> <link href="/css/jquery-ui/jquery.ui.min.css?version=6.10.0" rel="stylesheet"/> <link rel="preload" href="https://unpkg.com/@popperjs/core@2" as="script"/> <link rel="preload" href="/js/bootstrap5/bootstrap.min.js" as="script"/> <link rel="preload" href="/js/youtube/youtube_widget_api.js" as="script"/> <link rel="preload" href="/js/libphonenumber.min.js?version=6.10.0" as="script"/> <link rel="preload" href="/css/file-upload/css/file.upload.min.css" as="style"/> <link rel="preload" href="/js/file-upload/jquery.iframe-transport.js" as="script"/> <link rel="preload" href="/js/file-upload/jquery.fileupload.js" as="script"/> <link rel="preload" href="/js/file-upload/jquery.fileupload-jquery-ui.js" as="script"/> <link rel="preload" href="/js/file-upload/jquery.fileupload-process.js" as="script"/> <link rel="preload" href="/js/file-upload/jquery-jcrop.js" as="script"/> <link href="/css/file-upload/css/file.upload.min.css" rel="stylesheet"/> <link rel="preload" href="/css/select/select2.min.css" as="style"/> <link rel="preload" href="/js/select/select2.min.js" as="script"/> <link rel="preload" href="/js/select/classie_select2_helper.js" as="script"/> <link rel="preload" href="/js/select/jquery.qtip.min.js" as="script"/> <link href="/css/select/select2.min.css" rel="stylesheet"/> <link rel="preload" href="/js/gp-utils.js?version=6.10.0" as="script"/> <link rel="preload" href="/js/gp-online-payment-utils.js?version=6.10.0" as="script"/> <link rel="preload" href="https://www.google-analytics.com/analytics.js" as="script"/> <link rel="preconnect" href="https://connect.facebook.net"> <link rel="preload" href="https://connect.facebook.net/en_US/fbevents.js" as="script"/> <link rel="preload" href="https://securetest.merchantwarrior.com/payframe/payframe.js" as="script"/> <link rel="preload" href="https://cdn.jsdelivr.net/npm/sweetalert2@8" as="script"/> <link rel="preload" href="/css/gp-donation-payment.min.css?version=6.10.0" as="style"/> <link rel='stylesheet' href="/css/gp-donation-payment.min.css?version=6.10.0" type='text/css' /> <link rel="preload" href="/css/gp-cause-landing.min.css?version=6.10.0" as="style"/> <link rel='stylesheet' href="/css/gp-cause-landing.min.css?version=6.10.0" type='text/css' /> <link href="/css/slick/slick.css" rel="stylesheet"/> <meta name="author" content="Our Community Foundation Ltd" /> <meta name="copyright" content="Copyright 2009 (C) Our Community Foundation Ltd. All Rights Reserved." /> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> <meta property="og:type" content="website" /> <meta property="og:description" content="Fundraising to support the Australian-run Peer Support network for healthcare workers in Australia and New Zealand." /> <meta property="og:image" content="http://www.givenow.com.au/organisation/file/cause/9140/cover.png" /> <!-- Hotjar Tracking Code for https://www.givenow.com.au --> <script> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:2602735,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> <style> @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('/fonts/oc-font/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Montserrat Regular'), local('Montserrat-Regular'), url('/fonts/oc-font/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/oc-font/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/oc-font/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/fonts/oc-font/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/oc-font/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ font-display: swap; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('/fonts/oc-font/montserrat-v14-latin-300.eot'); /* IE9 Compat Modes */ src: local('Montserrat Light'), local('Montserrat-Light'), url('/fonts/oc-font/montserrat-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/oc-font/montserrat-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/oc-font/montserrat-v14-latin-300.woff') format('woff'), /* Modern Browsers */ url('/fonts/oc-font/montserrat-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/oc-font/montserrat-v14-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */ font-display: swap; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('/fonts/oc-font/montserrat-v14-latin-600.eot'); /* IE9 Compat Modes */ src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('/fonts/oc-font/montserrat-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/oc-font/montserrat-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/oc-font/montserrat-v14-latin-600.woff') format('woff'), /* Modern Browsers */ url('/fonts/oc-font/montserrat-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/oc-font/montserrat-v14-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */ font-display: swap; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('/fonts/oc-font/montserrat-v14-latin-700.eot'); /* IE9 Compat Modes */ src: local('Montserrat Bold'), local('Montserrat-Bold'), url('/fonts/oc-font/montserrat-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/oc-font/montserrat-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/oc-font/montserrat-v14-latin-700.woff') format('woff'), /* Modern Browsers */ url('/fonts/oc-font/montserrat-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/oc-font/montserrat-v14-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */ font-display: swap; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url('/fonts/gn-font/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('/fonts/gn-font/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/gn-font/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/gn-font/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */ url('/fonts/gn-font/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/gn-font/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */ font-display: swap; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('/fonts/gn-font/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/fonts/gn-font/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/gn-font/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/gn-font/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/fonts/gn-font/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/gn-font/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ font-display: swap; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url('/fonts/gn-font/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('/fonts/gn-font/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/gn-font/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/gn-font/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */ url('/fonts/gn-font/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/gn-font/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */ font-display: swap; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: url('/fonts/gn-font/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('/fonts/gn-font/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/gn-font/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/gn-font/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */ url('/fonts/gn-font/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/gn-font/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */ font-display: swap; } * {-webkit-font-smoothing: antialiased;} </style> <style id="gnCustomCss"> .btn-outline-custom, .btn-payment-method-off{ border-color: #808080 !important; color: #808080 !important; } .btn-outline-custom:hover, .btn-outline-custom:focus, .btn-outline-custom:active, .btn-outline-custom.active, .btn-payment-method-off:hover, .btn-payment-method-off:focus, .btn-payment-method-off:active, .btn-payment-method-on, .btn-payment-method-on:hover, .btn-payment-method-on:focus, .btn-payment-method-on:active, .btn-check:active+.btn-outline-custom, .btn-check:checked+.btn-outline-custom, .btn-check:active+.btn-payment-method-off, .btn-check:checked+.btn-payment-method-off, .btn-check:active+.btn-payment-method-on, .btn-check:checked+.btn-payment-method-on{ background-color: #808080 !important; color: #FFFFFF !important; } .btn-custom, .checkbox-custom:checked { background-color: #007bff !important; border-color: #007bff !important; color: #FFFFFF !important; } .btn-custom-color{ color: #007bff !important; } .btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active{ color: #FFFFFF !important; filter: brightness(0.925); } .btn-payment-method-on { border-color: #808080 !important; color: #FFFFFF !important; background-color: #808080 !important; } .cause-public-content .progress .bg-actual-progress{ overflow: initial!important; background-color: [(${style.mainColor}) !important]; padding-left: 0.5rem!important; } </style> <style id="nonEmbedFormCss"> .donation-form-container{ font-family: Open Sans, sans-serif; font-weight: 400; } .donation-form-container .form-horizontal .donation-form .form-group label { font-family: Open Sans, sans-serif; font-weight: 300; } .donation-form-container .form-horizontal .donation-form .form-group .form-label { font-family: Open Sans, sans-serif; font-weight: 300; } .donation-form-container .form-horizontal .donation-form .form-group .label-not-required { font-family: Open Sans, sans-serif; font-weight: 300; } .donation-form-container .form-horizontal .donation-form .form-group .form-control-static { font-family: Open Sans, sans-serif; font-weight: 300; } .donation-form-container .gift-card-div .font-bold { font-family: Open Sans, sans-serif !important; font-weight: 600 !important; } .donation-form-container .gift-card-div .font-regular { font-family: Open Sans, sans-serif !important; font-weight: 300 !important; } .donation-form-container .donation-amount small { font-family: Open Sans, sans-serif !important; font-size: 80%; font-weight: 400; } .donation-form-container .form-label { font-family: Open Sans, sans-serif !important; } .donation-form-container .total-donation-amount { font-family: Open Sans, sans-serif !important; font-weight: 600 !important; } .donation-form-container .default-amounts .font-bold { font-family: Open Sans, sans-serif !important; font-weight: 600 !important; } </style> <style id="gnProgressBarCustomCss"> .donation-payment .progress-info .step-name.complete{ color: #007bff; } .donation-payment .progress-info .dot.complete{ background-color: #007bff; color: #FFFFFF; border-color: #007bff; } .donation-payment .progress-info .line.complete{ background-color: #007bff; } </style> <style id="gnGradientBadgeCustomCss"> :root { --custom-color-main: #007bff; } :root { --custom-color-main-light: #5facff; } .gradient-badge { background: linear-gradient( -45deg, var(--custom-color-main), var(--custom-color-main-light), var(--custom-color-main) ); background-size: 400% 400%; -webkit-animation: matchedAnimation 5s ease infinite; animation: matchedAnimation 5s ease infinite; } .gradient-text { background: linear-gradient( 90deg, var(--custom-color-main), var(--custom-color-main-light), var(--custom-color-main) ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% auto; animation: matchedAnimation 4s ease-in-out infinite alternate; } @-webkit-keyframes matchedAnimation { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } @keyframes matchedAnimation { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} } </style> </head> <body class="pe-0"> <div> <!-- Note: at this point supports only one event, each event should have their own class which is used to render the content from ajax --> <div class="gn-event" data-event="GIVING_TUESDAY"> </div> <div class="gn-event" data-event="BUSHFIRE_EMERGENCY"> </div> <div class="gn-event" data-event="COVID_19"> </div> <div class="gn-header position-relative"> <div class="container"> <div class="row"> <div class="col-lg-9 col-md-8 col-12 text-md-left text-center my-2"> <div class="d-flex justify-content-md-start justify-content-between align-items-center gap-6"> <a class="d-block gn-logo-header" href="/"> <img src="/img/GiveNow_Logo_Horz_Tagline_RGB.svg" class="h-100 w-auto" title="GiveNow Homepage" alt="GiveNow Logo"/> </a> <a class="d-block oc-logo-header" href="https://www.ourcommunity.com.au" target="_blank"> <img src="/img/ourcommunity.svg" class="" title="Our Community" alt="An enterprise of Our Community"/> </a> </div> </div> <div class="col-lg-3 col-md-4 col-12"> <div class="row sign-up-div mb-3"> <div class="col-12 text-end "> <a href="/login" class="btn text-white oc-font-medium border-0 gn-login-btn" style="border-radius: 0.5em"> Login <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512" style="fill: white"> <path d="M217.9 105.9L340.7 228.7c7.2 7.2 11.3 17.1 11.3 27.3s-4.1 20.1-11.3 27.3L217.9 406.1c-6.4 6.4-15 9.9-24 9.9c-18.7 0-33.9-15.2-33.9-33.9l0-62.1L32 320c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32l128 0 0-62.1c0-18.7 15.2-33.9 33.9-33.9c9 0 17.6 3.6 24 9.9zM352 416l64 0c17.7 0 32-14.3 32-32l0-256c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l64 0c53 0 96 43 96 96l0 256c0 53-43 96-96 96l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z"></path> </svg> </a> <div class="d-inline-block d-md-none"> </div> </div> </div> </div> </div> </div> <!-- Toggle --> </div> <div> </div> </div> <div class="gp-body"> <div class="container-fluid gp-content cause-landing-container"> <div class="cause-large-view"> <div class="row cover-header mx-0 align-items-end"> <div class="col-12 cover-photo px-0"> <img src="/organisation/file/cause/9140/cover.png" alt="Cover Photo" /> </div> <div class="col-12 px-0"> <div class="container"> <div class="gn-media"> <div class="gn-media-left bottom"> <div class="logo"> <div class="logo-box"> <a href="/organisation/public/5732"> <img class="img-thumbnail" src="/organisation/file/logo.png?fileId=49945&parentId=5732" alt="Logo Photo" /> </a> </div> </div> </div> <div class="gn-media-right bottom"> <div class="title"> <a href="/organisation/public/5732" class="text-decoration-none text-white" target="_blank"> <h3>Hand-n-Hand Peer Support Inc</h3> </a> <h4 class="mb-0 cause-name">Hand-n-Hand Peer Support</h4> </div> </div> </div> </div> </div> </div> <div class="container cause-public-content"> <div class="row justify-content-end"> <div class="col-12 col-lg-6 col-xl-7 order-last order-lg-first mt-3 cause-section"> <div class="row d-none d-md-flex d-lg-none d-xl-flex"> <div class="col-6"> <h4 class="mb-0 " style="padding-left: 15px"><span class="text-blue-purple font-extra-bold" >$3,673</span> raised so far</h4> </div> <div class="col-6 text-end"> <div class="text-end row"> <div class=" d-md-inline-block d-lg-none d-xl-inline-block d-none col-12 dropdown"> <button class="btn btn-sm btn-outline-dark dropdown-toggle" type="button" id="shareCauseMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Share cause </button> <div class="dropdown-menu dropdown-menu-end" aria-labelledby="shareCauseMenuButton"> <a href="https://www.facebook.com/sharer/sharer.php" class="dropdown-item btn-facebook ps-3" data-share-link="https://www.givenow.com.au/handnhand"> <i class="fab fa-facebook-f me-2" aria-hidden="true"></i> Facebook </a> <a href="https://twitter.com/intent/tweet" class="dropdown-item btn-twitter ps-3" target="_blank" data-share-link="https://www.givenow.com.au/handnhand"> <i class="fa-brands fa-x-twitter me-1"></i> X </a> <a href="https://www.linkedin.com/sharing/share-offsite" class="dropdown-item btn-linkedIn ps-3" target="_blank" data-share-link="https://www.givenow.com.au/handnhand"> <i class="fab fa-linkedin-in me-1"></i> LinkedIn </a> <a href="mailto:?subject=Help%20support%20Hand-n-Hand%20Peer%20Support&body=Hand-n-Hand%20Peer%20Support%20Inc%20is%20currently%20raising%20funds%20for%20their%20cause%20-%20%22Hand-n-Hand%20Peer%20Support%22.%20I%20thought%20you%20may%20be%20interested%20in%20supporting%20them,%20https://www.givenow.com.au/handnhand?utm_source%3DCause%2BShare%26utm_medium%3DEmail%26utm_campaign%3DHand-n-Hand%2BPeer%2BSupport.%20Every%20donation%20helps,%20so%20if%20would%20be%20great%20if%20you%20could%20share%20further!" class="dropdown-item ps-3"> <i class="fas fa-envelope me-1" aria-hidden="true"></i> Email </a> <a href="#" class="dropdown-item btn-copy-link ps-3" data-url="https://www.givenow.com.au/handnhand?utm_source=Cause+Share&utm_medium=Copy&utm_campaign=Hand-n-Hand+Peer+Support"> <i class="fas fa-link me-1"></i> Copy link </a> </div> </div> <div class="d-md-none d-lg-block d-xl-none d-block px-0 col-12"> <div class="mx-15-px dropdown h-100"> <button class="btn btn-sm btn-outline-dark dropdown-toggle w-100 h-100" type="button" id="shareCauseMenuButton1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Share cause </button> <div class="dropdown-menu dropdown-menu-end w-100" aria-labelledby="shareCauseMenuButton"> <a href="https://www.facebook.com/sharer/sharer.php" class="dropdown-item btn-facebook ps-3" data-share-link="https://www.givenow.com.au/handnhand"> <i class="fab fa-facebook-f me-2" aria-hidden="true"></i> Facebook </a> <a href="https://twitter.com/intent/tweet" class="dropdown-item btn-twitter ps-3" target="_blank" data-share-link="https://www.givenow.com.au/handnhand"> <i class="fa-brands fa-x-twitter me-1"></i> X </a> <a href="https://www.linkedin.com/sharing/share-offsite" class="dropdown-item btn-linkedIn ps-3" target="_blank" data-share-link="https://www.givenow.com.au/handnhand"> <i class="fab fa-linkedin-in me-1"></i> LinkedIn </a> <a href="mailto:?subject=Help%20support%20Hand-n-Hand%20Peer%20Support&body=Hand-n-Hand%20Peer%20Support%20Inc%20is%20currently%20raising%20funds%20for%20their%20cause%20-%20%22Hand-n-Hand%20Peer%20Support%22.%20I%20thought%20you%20may%20be%20interested%20in%20supporting%20them,%20https://www.givenow.com.au/handnhand?utm_source%3DCause%2BShare%26utm_medium%3DEmail%26utm_campaign%3DHand-n-Hand%2BPeer%2BSupport.%20Every%20donation%20helps,%20so%20if%20would%20be%20great%20if%20you%20could%20share%20further!" class="dropdown-item ps-3"> <i class="fas fa-envelope me-1" aria-hidden="true"></i> Email </a> <a href="#" class="dropdown-item btn-copy-link ps-3" data-url="https://www.givenow.com.au/handnhand?utm_source=Cause+Share&utm_medium=Copy&utm_campaign=Hand-n-Hand+Peer+Support"> <i class="fas fa-link me-1"></i> Copy link </a> </div> </div> </div> </div> </div> </div> <div class="row d-md-none d-lg-flex d-xl-none d-flex"> <div class="col-12 mb-3"> <div class="text-end row"> <div class=" d-md-inline-block d-lg-none d-xl-inline-block d-none col-12 dropdown"> <button class="btn btn-sm btn-outline-dark dropdown-toggle" type="button" id="shareCauseMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Share cause </button> <div class="dropdown-menu dropdown-menu-end" aria-labelledby="shareCauseMenuButton"> <a href="https://www.facebook.com/sharer/sharer.php" class="dropdown-item btn-facebook ps-3" data-share-link="https://www.givenow.com.au/handnhand"> <i class="fab fa-facebook-f me-2" aria-hidden="true"></i> Facebook </a> <a href="https://twitter.com/intent/tweet" class="dropdown-item btn-twitter ps-3" target="_blank" data-share-link="https://www.givenow.com.au/handnhand"> <i class="fa-brands fa-x-twitter me-1"></i> X </a> <a href="https://www.linkedin.com/sharing/share-offsite" class="dropdown-item btn-linkedIn ps-3" target="_blank" data-share-link="https://www.givenow.com.au/handnhand"> <i class="fab fa-linkedin-in me-1"></i> LinkedIn </a> <a href="mailto:?subject=Help%20support%20Hand-n-Hand%20Peer%20Support&body=Hand-n-Hand%20Peer%20Support%20Inc%20is%20currently%20raising%20funds%20for%20their%20cause%20-%20%22Hand-n-Hand%20Peer%20Support%22.%20I%20thought%20you%20may%20be%20interested%20in%20supporting%20them,%20https://www.givenow.com.au/handnhand?utm_source%3DCause%2BShare%26utm_medium%3DEmail%26utm_campaign%3DHand-n-Hand%2BPeer%2BSupport.%20Every%20donation%20helps,%20so%20if%20would%20be%20great%20if%20you%20could%20share%20further!" class="dropdown-item ps-3"> <i class="fas fa-envelope me-1" aria-hidden="true"></i> Email </a> <a href="#" class="dropdown-item btn-copy-link ps-3" data-url="https://www.givenow.com.au/handnhand?utm_source=Cause+Share&utm_medium=Copy&utm_campaign=Hand-n-Hand+Peer+Support"> <i class="fas fa-link me-1"></i> Copy link </a> </div> </div> <div class="d-md-none d-lg-block d-xl-none d-block px-0 col-12"> <div class="mx-15-px dropdown h-100"> <button class="btn btn-sm btn-outline-dark dropdown-toggle w-100 h-100" type="button" id="shareCauseMenuButton1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Share cause </button> <div class="dropdown-menu dropdown-menu-end w-100" aria-labelledby="shareCauseMenuButton"> <a href="https://www.facebook.com/sharer/sharer.php" class="dropdown-item btn-facebook ps-3" data-share-link="https://www.givenow.com.au/handnhand"> <i class="fab fa-facebook-f me-2" aria-hidden="true"></i> Facebook </a> <a href="https://twitter.com/intent/tweet" class="dropdown-item btn-twitter ps-3" target="_blank" data-share-link="https://www.givenow.com.au/handnhand"> <i class="fa-brands fa-x-twitter me-1"></i> X </a> <a href="https://www.linkedin.com/sharing/share-offsite" class="dropdown-item btn-linkedIn ps-3" target="_blank" data-share-link="https://www.givenow.com.au/handnhand"> <i class="fab fa-linkedin-in me-1"></i> LinkedIn </a> <a href="mailto:?subject=Help%20support%20Hand-n-Hand%20Peer%20Support&body=Hand-n-Hand%20Peer%20Support%20Inc%20is%20currently%20raising%20funds%20for%20their%20cause%20-%20%22Hand-n-Hand%20Peer%20Support%22.%20I%20thought%20you%20may%20be%20interested%20in%20supporting%20them,%20https://www.givenow.com.au/handnhand?utm_source%3DCause%2BShare%26utm_medium%3DEmail%26utm_campaign%3DHand-n-Hand%2BPeer%2BSupport.%20Every%20donation%20helps,%20so%20if%20would%20be%20great%20if%20you%20could%20share%20further!" class="dropdown-item ps-3"> <i class="fas fa-envelope me-1" aria-hidden="true"></i> Email </a> <a href="#" class="dropdown-item btn-copy-link ps-3" data-url="https://www.givenow.com.au/handnhand?utm_source=Cause+Share&utm_medium=Copy&utm_campaign=Hand-n-Hand+Peer+Support"> <i class="fas fa-link me-1"></i> Copy link </a> </div> </div> </div> </div> </div> <div class="col-12"> <h4 class="mb-0 " style="padding-left: 15px"><span class="text-blue-purple font-extra-bold" >$3,673</span> raised so far</h4> </div> </div> <hr> <div class="row mb-3"> <div class="col-12"> </div> </div> <div class="card card-body"> <div class="row font-16"> <div class="col-md-12 break-word"><p>Hand-n-hand is a <strong>free</strong> and <strong>confidential</strong> peer support service initially started in response to the overwhelming stress and mental health burden of healthcare workers due to COVID-19.</p> <p>We quickly discovered is that there is an ongoing need for peer support beyond the pandemic, and are making efforts to turn Hand-n-Hand into a sustainable, long-term solution that can provide peer support for generations of healthcare workers to come.</p> <p>You can show your support for the mental health and wellbeing of healthcare workers by making a contribution to Hand-n-Hand, every bit helps!</p> <p>For more information about our peer support network and other ways you can get involved, please visit handnhand.org.au</p></div> </div> </div> <div class="card card-body mt-3"> <div class="row font-14"> <div class="col-md-12"> <div><h4>Contact Details</h4></div> <div>Level 1 Cabrini Elsternwick 494 Glen Huntly Rd</div> <div>ELSTERNWICK VIC, 3185</div> <p></p> <div> <a class="break-word" href="mailto:handnhandau@gmail.com">handnhandau@gmail.com</a> </div> <div> <a class="break-word" href="http://handnhand.org.au" target="_blank">handnhand.org.au</a> </div> </div> </div> <hr/> <div class="row" style="font-size: 14px"> <div class="col-md-12"> <h5>Are donations tax deductible?</h5> <p>Yes</p> <h5>Will I receive a receipt for my donation?</h5> <p>Yes, as soon as your donation is processed.</p> </div> </div> </div> </div> <div class="col-12 col-lg-6 col-xl-5 order-first order-lg-last mt-3"> <!-- donation form --> <div class="sticky-top overlap"> <div class="card card-body"> <div class="row"> <div class="col-12"> <div class="donation-payment py-0"> <div class="show-donation-step"> <div class="row"> <div class="col-12"> <div class="container mb-2"> <div class="progress-info"> <div> <span id="step-name-1" class="step-name">Amount</span> <span id="step-name-2" class="step-name">Contact</span> <span id="step-name-3" class="step-name">Questions</span> <span id="step-name-4" class="step-name">Payment</span> </div> </div> <div class="progress-info text-center"> <div> <span id="dot-1" class="dot border-dot"> <span id="step-number-1">1</span> <i id="step-svg-1" class="fa fa-check svg-inline-fa d-none" aria-hidden="true"></i> </span> <div id="step-line-1" class="line bg-line"></div> <span id="dot-2" class="dot border-dot"> <span id="step-number-2">2</span> <i id="step-svg-2" class="fa fa-check svg-inline-fa d-none" aria-hidden="true"></i> </span> <div id="step-line-2" class="line bg-line"></div> <span id="dot-3" class="dot border-dot"> <span id="step-number-3">3</span> <i id="step-svg-3" class="fa fa-check svg-inline-fa d-none" aria-hidden="true"></i> </span> <div id="step-line-3" class="line bg-line"></div> <span id="dot-4" class="dot border-dot"> <span id="step-number-4">4</span> <i id="step-svg-4" class="fa fa-check svg-inline-fa d-none" aria-hidden="true"></i> </span> </div> </div> </div> </div> </div> <hr/> </div> <input type="hidden" class="index-input" value="1"/> <form id="onlinePaymentForm" action="/donation/handnhand" method="post" class="form-horizontal" role="form" data-bs-toggle="validator"><input type="hidden" name="_csrf" value="5UHD0rD1u8zc3pbfLWGJlfgtIJc-QDJ8phPE_dSrGbL90e5T1CensYmUjajxuKTsSUy9ocAdDfULI1FRknWnye3KfYKb449l"/> <input type="hidden" id="frameKey" name="frameKey" value="8cdf96aa-7ef6-4076-ba6a-759a7a47f733" /> <input type="hidden" id="hideAddress" name="hideAddress" value="false"/> <input type="hidden" id="phoneNumberRequested" name="phoneNumberRequested" value="true" /> <input type="hidden" id="needDataForQuestionsTab" name="needDataForQuestionsTab" value="true"/> <fieldset class="donation-form"> <div class="gn-step-container" data-step="1" data-validation-group="true"> <a class="btn btn-link text-secondary btn-gn-next show-section mb-3 d-none font-13 p-0" id="showCauseSectionBtn" data-target=".cause-section" data-target-btn="#showCauseSectionBtn" data-to-step="1"><i class="fas fa-angle-left"></i> Show cause section</a> <div class="form-group row donation-types"> <div class="col-12 d-block d-sm-none"> <label class="form-label" >Select Frequency</label> </div> <div class="col-12 mt-0 text-center"> <div class="row d-none d-sm-flex"> <div class="col-12 btn-group btn-group-toggle donation-types-group text-center flex-wrap" role="group"> <input type="radio" name="donationTypeOptionRadio" class="btn-check gn-donation-type-checkbox update-hidden-input" value="ONE_OFF" autocomplete="off" data-primary-target="donationType" data-secondary-target="donationTypeOptionSelect" data-matched-giving-disabled="false" id="One-offType" checked="checked"/> <label class="btn btn-donation-type btn-outline-custom" for="One-offType"><span>One-off</span></label> <input type="radio" name="donationTypeOptionRadio" class="btn-check gn-donation-type-checkbox update-hidden-input" value="MONTHLY" autocomplete="off" data-primary-target="donationType" data-secondary-target="donationTypeOptionSelect" data-matched-giving-disabled="true" id="MonthlyType"/> <label class="btn btn-donation-type btn-outline-custom" for="MonthlyType"><span>Monthly</span></label> </div> </div> <div></div> <select class="form-select update-hidden-input d-inline-block d-sm-none" name="donationTypeOptionSelect" data-primary-target="donationType" data-secondary-target="donationTypeOptionRadio"> <option value="ONE_OFF" data-matched-giving-disabled="false" selected="selected">One-off</option> <option value="MONTHLY" data-matched-giving-disabled="true">Monthly</option> </select> <input class="donation-type-select" type="hidden" required="required" id="donationType" name="donationType" value="ONE_OFF"/> <div class="help-block with-errors"></div> </div> </div> <div class="form-group row mb-3 required mb-2 d-none"> <div class="col-12"> <div class="form-check form-switch"> <input type="checkbox" class="form-check-input form-check-input gp-donation-ongoing checkbox-custom" name="donationOngoing" id="donationOngoing" value="true" checked="checked"/> <label class="form-check-label" for="donationOngoing">Would you like this donation to be ongoing?</label> </div> </div> </div> <div class="form-group has-feedback row d-none mb-0"> <div class="col-12"> <label class="form-label">Choose an end date</label> </div> <div class="col-12"> <input type="text" class="form-control gp-date-picker future-date" data-date-range="future" data-date-format-validation="true" placeholder="Choose a date to stop your donations" id="endDate" name="endDate" value=""/> <div class="help-block with-errors"></div> </div> </div> <div class="form-group mb-3 default-amounts"> <div class="row"> <div class="col-12 show-custom-amount d-none"> <div class="default-amount-group btn-group-toggle" role="group"> </div> </div> </div> <div class="row hide-custom-amount"> <div class="col-12 d-none d-sm-flex mt-0 btn-group btn-group-toggle default-amount-group text-center flex-wrap" role="group"> <input type="radio" name="amountForDesktopView" id="defaultAmountOption0" class="btn-check btn-donation-default update-custom-amount matcher-off" value="30" data-primary-target="amountWithoutPlatformFee" data-secondary-target="amountForMobileView" autocomplete="off" donation-amount-index="0"/> <label class="amount-number btn btn-lg font-bold m-0 btn-outline-custom" for="defaultAmountOption0" donation-amount-index="0">$30</label> <input type="radio" name="amountForDesktopView" id="defaultAmountOption1" class="btn-check btn-donation-default update-custom-amount matcher-off" value="50" data-primary-target="amountWithoutPlatformFee" data-secondary-target="amountForMobileView" autocomplete="off" donation-amount-index="1"/> <label class="amount-number btn btn-lg font-bold m-0 btn-outline-custom" for="defaultAmountOption1" donation-amount-index="1">$50</label> <input type="radio" name="amountForDesktopView" id="defaultAmountOption2" class="btn-check btn-donation-default update-custom-amount matcher-off" value="100" data-primary-target="amountWithoutPlatformFee" data-secondary-target="amountForMobileView" autocomplete="off" donation-amount-index="2"/> <label class="amount-number btn btn-lg font-bold m-0 btn-outline-custom" for="defaultAmountOption2" donation-amount-index="2">$100</label> <input type="radio" name="amountForDesktopView" id="defaultAmountOption3" class="btn-check btn-donation-default update-custom-amount matcher-off" value="500" data-primary-target="amountWithoutPlatformFee" data-secondary-target="amountForMobileView" autocomplete="off" donation-amount-index="3"/> <label class="amount-number btn btn-lg font-bold m-0 btn-outline-custom" for="defaultAmountOption3" donation-amount-index="3">$500</label> <input type="radio" name="amountForDesktopView" id="defaultAmountOption4" class="btn-check btn-donation-default update-custom-amount matcher-off" value="1000" data-primary-target="amountWithoutPlatformFee" data-secondary-target="amountForMobileView" autocomplete="off" donation-amount-index="4"/> <label class="amount-number btn btn-lg font-bold m-0 btn-outline-custom" for="defaultAmountOption4" donation-amount-index="4">$1,000</label> </div> <div class="col-12 d-inline-block d-sm-none mt-0 btn-group-toggle default-amount-group text-center" role="group"> <input type="radio" name="amountForMobileView" id="amountOptionSelect0" class="btn-check btn-donation-default update-custom-amount matcher-off" value="30" data-primary-target="amountWithoutPlatformFee" data-secondary-target="amountForDesktopView" autocomplete="off"/> <label class="btn btn-lg my-1 font-bold btn-outline-custom w-100" for="amountOptionSelect0">$30</label> <input type="radio" name="amountForMobileView" id="amountOptionSelect1" class="btn-check btn-donation-default update-custom-amount matcher-off" value="50" data-primary-target="amountWithoutPlatformFee" data-secondary-target="amountForDesktopView" autocomplete="off"/> <label class="btn btn-lg my-1 font-bold btn-outline-custom w-100" for="amountOptionSelect1">$50</label> <input type="radio" name="amountForMobileView" id="amountOptionSelect2" class="btn-check btn-donation-default update-custom-amount matcher-off" value="100" data-primary-target="amountWithoutPlatformFee" data-secondary-target="amountForDesktopView" autocomplete="off"/> <label class="btn btn-lg my-1 font-bold btn-outline-custom w-100" for="amountOptionSelect2">$100</label> <input type="radio" name="amountForMobileView" id="amountOptionSelect3" class="btn-check btn-donation-default update-custom-amount matcher-off" value="500" data-primary-target="amountWithoutPlatformFee" data-secondary-target="amountForDesktopView" autocomplete="off"/> <label class="btn btn-lg my-1 font-bold btn-outline-custom w-100" for="amountOptionSelect3">$500</label> <input type="radio" name="amountForMobileView" id="amountOptionSelect4" class="btn-check btn-donation-default update-custom-amount matcher-off" value="1000" data-primary-target="amountWithoutPlatformFee" data-secondary-target="amountForDesktopView" autocomplete="off"/> <label class="btn btn-lg my-1 font-bold btn-outline-custom w-100" for="amountOptionSelect4">$1,000</label> </div> </div> </div> <div class="form-group row mb-3 has-feedback has-hidden-error donation-amount donation-form mb-0"> <div class="col-12 donation-input"> <div class="input-group"> <span class="input-group-text">$</span> <input class="form-control full-border raw-amount text-start" type="number" id="amountWithoutPlatformFee" name="amountWithoutPlatformFee" value="" data-min-amount="5" data-max-amount="100,000" step="1" data-non-decimal="true" data-amount-type="dollar" required="required" data-step-error="Please enter a whole dollar amount" placeholder="Enter amount"/> </div> <div class="help-block with-errors mb-3"></div> <span class="platform-fee d-none" data-platform-fee="0.00" data-platform-fee-discount="0.00">0.00</span> <input class="form-control total-amount" type="hidden" required="required" id="amount" name="amount" value=""/> </div> </div> <hr class="mt-0"/> <div class="row"> <div class="col-sm-12 text-center"> <button type="button" class="btn w-100 btn-gn-next mb-0 btn-custom-raw-amount forward hide-section btn-custom" data-step-target="1" data-to-step="2" data-target=".cause-section" data-target-btn="#showCauseSectionBtn"> Donate Now </button> </div> </div> </div> <div class="gn-step-container d-none" data-step="2" data-validation-group="true"> <a class="btn btn-link text-secondary btn-gn-next mb-3 font-13 p-0" data-step-target="2" data-to-step="1"><i class="fas fa-angle-left"></i> Change donation details</a> <div class="form-group row input-group-inline"> <div class="col-12"> <div class="row"> <div class="col-12 col-sm-3 pe-sm-2 contact-title"> <div class="form-group has-feedback mb-3"> <div class="select2-floating-label-div mb-0 select-float"> <input type="text" class="gp-select2 form-control" data-select2-data="[ { "id" : "", "text" : "Title" }, { "id" : "Ms", "text" : "Ms" }, { "id" : "Mr", "text" : "Mr" }, { "id" : "Mx", "text" : "Mx" }, { "id" : "Mrs", "text" : "Mrs" } ]" id="contactForm.title" name="contactForm.title" value=""/> <label class="floating-label" for="contactForm.title"><span>Title</span></label> </div> <div class="help-block with-errors mb-0"></div> </div> </div> <div class="col-12 col-sm contact-firstname p-sm-0"> <div class="form-group has-feedback"> <div class="form-label-group form-floating mb-3"> <input required="required" type="text" id="firstName" placeholder="First Name" class="first-name form-control" name="contactForm.firstName" value=""/> <label for="contactForm.firstName"><span>First Name</span></label> <div class="help-block with-errors"></div> </div> </div> </div> <div class="col-12 col-sm ps-sm-2"> <div class="form-group has-feedback"> <div class="form-label-group form-floating mb-3"> <input required="required" type="text" id="lastName" aria-describedby="lastName" placeholder="Last Name" class="form-control" name="contactForm.lastName" value=""/> <label for="contactForm.lastName"><span>Last Name</span></label> <div class="help-block with-errors"></div> </div> </div> </div> </div> </div> </div> <div class="form-group row has-feedback"> <div class="col-12"> <div class="inner-addon"> <div class="form-group has-feedback"> <div class="form-label-group form-floating"> <input type="email" class="form-control donation-email" required="required" placeholder="Email" id="contactForm.email" name="contactForm.email" value=""/> <label for="contactForm.email"><span>Email</span></label> <div class="help-block with-errors"></div> </div> </div> </div> </div> </div> <div class="form-group row required"> <div class="col-12"> <div class="mb-3 text-secondary custom-control form-switch"> <input type="checkbox" class="form-check-input gp-checkbox-show-hide checkbox-custom" value="true" name="donateUsingOrganisationName" id="donateUsingOrganisationName"/> <label class="form-check-label" for="donateUsingOrganisationName"> Is this a company donation? </label> </div> <div class="help-block with-errors margin-0"></div> </div> </div> <div class="form-group row has-feedback required"> <div class="col-12"> <div class="inner-addon"> <div class="form-group has-feedback"> <div class="form-label-group form-floating "> <input type="text" class="form-control" placeholder="Company name" id="organisationName" name="organisationName" value=""/> <label for="organisationName"><span>Company name</span></label> <div class="help-block with-errors"></div> </div> </div> </div> </div> </div> <div class="contact-phone"> <div class="form-group row has-feedback"> <div class="col-12"> <div class="inner-addon"> <div class="form-group has-feedback"> <div class="form-label-group form-floating"> <input type="text" class="form-control" placeholder="Phone" maxlength="19" data-phone="ALL" id="contactForm.phone" name="contactForm.phone" value=""/> <label for="contactForm.phone"><span>Phone</span></label> <div class="help-block with-errors"></div> </div> </div> </div> </div> </div> </div> <div class="contact-address"> <div class="gp-group-on"> <div class="form-group row has-feedback required"> <div class="col-12"> <div class="inner-addon"> <div class="form-group required has-feedback"> <div class="form-label-group form-floating mb-0"> <input type="text" class="form-control" placeholder="Address" minlength="2" required="required" id="address.addressLine" name="address.addressLine" value=""/> <label for="address.addressLine"><span>Address</span></label> <div class="help-block with-errors"></div> </div> </div> </div> </div> </div> <div class="form-group row mb-3 required has-feedback mb-0"> <div class="col-12"> <div class="inner-addon"> <div class="select2-floating-label-div mb-0 select-float"> <input type="hidden" class="gp-auto-complete form-control" data-validate="true" data-selectlist="1" data-remove-tab-index="true" min-input="3" ajax-url="/sign-up/ajax/location" required="required" id="address.locationId" name="address.locationId" value=""/> <label class="floating-label" for="address.locationId"><span>Suburb</span></label> <div class="help-block with-errors mb-0"></div> </div> <input type="hidden" class="selected-name" id="address.locationName" name="address.locationName" value=""/> </div> </div> <div class="col-12 edit-link"> <label class="form-label pt-0 float-end font-12"><i>Not from Australia? <a href="" class="switch-link">Enter a foreign address</a></i></label> </div> </div> </div> <div class="gp-group-off d-none"> <div class="form-group row has-feedback required"> <div class="col-12"> <div class="inner-addon"> <div class="form-group has-feedback"> <div class="form-label-group form-floating"> <input type="text" class="form-control" placeholder="Address" minlength="2" id="internationalAddress.addressLine" name="internationalAddress.addressLine" value=""/> <label for="internationalAddress.addressLine"><span>Address</span></label> <div class="help-block with-errors"></div> </div> </div> </div> </div> </div> <div class="form-group row mb-3 input-group-inline"> <div class="col-12"> <div class="form-group group-inline has-feedback required"> <div class="form-label-group form-floating"> <input type="text" class="form-control left-border-radius" placeholder="Suburb/Region" id="internationalAddress.suburb" name="internationalAddress.suburb" value=""/> <label for="internationalAddress.suburb"><span>Suburb/Region</span></label> <div class="help-block with-errors"></div> </div> </div> </div> <div class="col-12"> <div class="form-group group-inline has-feedback required"> <div class="form-label-group form-floating"> <input type="text" class="form-control" placeholder="Postcode/ZIP" id="internationalAddress.postcode" name="internationalAddress.postcode" value=""/> <label for="internationalAddress.postcode"><span>Postcode/ZIP</span></label> <div class="help-block with-errors"></div> </div> </div> </div> <div class="col-12"> <div class="form-group group-inline has-feedback required"> <div class="select2-floating-label-div mb-0 select-float"> <input type="hidden" class="gp-auto-complete form-control" data-validate="true" data-selectlist="1" data-error="Please enter your country name" min-input="3" ajax-url="/sign-up/ajax/location/international" id="internationalAddress.countryId" name="internationalAddress.countryId" value=""/> <label class="floating-label" for="internationalAddress.countryId"><span>Country</span></label> <div class="help-block with-errors mb-0"></div> </div> <input type="hidden" class="selected-name" id="internationalAddress.countryName" name="internationalAddress.countryName" value=""/> </div> </div> <div class="col-12 edit-link"> <label class="form-label pt-0 pull-right font-12"> <i>From Australia? <a href="" class="switch-link">Enter an Australian address</a> </i> </label> </div> </div> </div> </div> <div class="form-group row mb-3"> <div class="col-12"> <div class="form-check"> <input type="checkbox" class="form-check-input checkbox-custom" name="anonymousDonation" id="anonymousDonation" value="true"/> <label class="form-check-label text-secondary" for="anonymousDonation">Would you like this donation to be anonymous? <small class="gp-tooltip" title="By selecting anonymous your name and contact details will not appear on the GiveNow website at all. Neither the public or the individual(s) conducting the CrowdRaiser will see your details. However, your name and contact details will be provided to the organisation for donor management."><span class="glyphicon glyphicon-question-sign"></span> </small> </label> </div> <small class="text-secondary">The organisation will still receive your details, but they will not be displayed publicly</small> </div> </div> <hr class="mt-0"/> <div class="row mb-3"> <div class="col-sm-12 text-center"> <small><i>Please ensure the above information is correct. By clicking 'Next', you agree to GiveNow's <a href="https://ourcommunity.com.au/privacy" target="_blank">privacy policy</a> and <a href="https://ourcommunity.com.au/terms" target="_blank">terms of use</a>.</i> </small><br/> </div> </div> <div class="row"> <div class="col-sm-12 text-center"> <button type="button" class="btn w-100 btn-gn-next mb-0 forward btn-custom" data-step-target="2" data-to-step="3"> Next </button> </div> </div> </div> <div id="step3" class="pt-0 gn-step-container d-none" data-step="3" data-validation-group="true"> <a class="btn btn-link text-secondary btn-gn-next mb-3 font-13 p-0" data-step-target="3" data-to-step="2"><i class="fas fa-angle-left"></i> Change contact details</a> <div class="show-donation-notification"> <div class="form-group row mb-3"> <div class="col-12"> <div class="form-check form-switch pt-0"> <input type="checkbox" class="form-check-input gp-checkbox-show-hide checkbox-custom" name="sendingNotificationEmail" id="sendingNotificationEmail" value="true"/> <label class="form-check-label" for="sendingNotificationEmail">Would you like to notify someone of this donation?</label> </div> </div> </div> <div class="form-group row mb-3"> <div class="col-12"> <div class="form-group group-inline has-feedback inner-addon"> <input type="text" class="form-control" data-remote="/sign-up/ajax/emails/validate" placeholder="firstfriend@example.com, secondfriend@example.com" data-remote-error="Please enter valid and unique emails. There is a limit of adding 20 emails." id="notificationEmails" name="notificationEmails" value=""/> <div class="help-block with-errors mb-0"></div> </div> <div class="form-group group-inline"> <small class="text-muted">Separate multiple email addresses with a comma</small> </div> </div> </div> </div> <div class="show-donation-gift-card"> </div> <div class="show-donation-message"> <div class="form-group row mb-3"> <div class="col-12"> <div class="form-check form-switch"> <input class="form-check-input gp-checkbox-show-hide checkbox-custom" type="checkbox" name="sendingSpecialMessage" id="sendingSpecialMessage" value=""/> <label class="form-check-label" for="sendingSpecialMessage">Would you like to leave a message for the organisation?</label> </div> </div> </div> <div class="form-group row mb-3 has-feedback required mb-0"> <div class="col-12 text-area-message"> <textarea class="form-control" maxlength="5000" rows="5" placeholder="Enter your message here" id="specialMessage" name="specialMessage"></textarea> <div class="help-block with-errors"></div> </div> </div> </div> <hr class="mt-0"/> <div class="form-group row donation-form"> <input type="hidden" id="causeUrl" name="causeUrl" value="handnhand"/> <div class="col-sm-12 text-center"> <button id="procedButtonId" type="submit" class="btn btn-gn-next w-100 disabled-after-submit btn-custom forward" data-step-target="3"> <span class="text">Next</span> <span class="spinner-border spinner-border-sm text-light d-none" role="status"> <span class="sr-only">Loading...</span> </span> </button> <input type="hidden" class="gRecaptchaV3" name="gRecaptchaV3" data-action="NonEmbedDonation" data-site-key="6Lf8-n0UAAAAAO64W5FmEOsfofa9mXdhT9bbBiS4" data-badge="bottomleft"/> <input type="hidden" name="gToken"/> <input type="hidden" name="gAction"/> </div> </div> <div class="form-group row donation-form d-none"> <div class="col-sm-12 text-center"> <button type="button" class="btn w-100 btn-gn-next mb-0 forward btn-custom"> Next </button> </div> </div> </div> <div id="grecaptcha-badge-container" class="g-recaptcha"> </div> </fieldset> </form> <div id="donationFinalStep"> <div id="paymentIframeContainer" class="hide"> <a class="btn btn-link text-secondary font-13 mb-3 p-0" data-to-step="3" data-step-target="4" id="editFormButtonId"><i class="fas fa-angle-left"></i> Change questions response</a> <div class="payment-section hide"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer> <div class="container-fluid footer-bottom text-center"> <div class="row font-12"> <div class="col-12"> <div class="container"> <div class="row font-12"> <div class="col-12 givenow-footer-link mb-3 mt-4"> <img alt="GiveNow logo" src="/img/GiveNow_Logo_Horz_Tagline_REV.svg" /> </div> <div class="col-12 policy"> <a href="/img/files/Terms_and_Conditions.pdf" target="_blank">Terms & conditions</a> | <a href="https://ourcommunity.com.au/privacy" target="_blank">Privacy Policy</a> | <a href="https://ourcommunity.com.au/terms" target="_blank">Terms of Use</a> </div> <div class="col-12 mb-2"> <p class="d-none d-md-block mt-2 mb-4">Copyright © 2024. All rights reserved. An enterprise of Our Community Pty Ltd</p> <p class="d-md-none mt-2 mb-1">Copyright © 2024. All rights reserved</p> <p class="d-md-none mt-0 mb-4">An enterprise of Our Community Pty Ltd</p> </div> </div> </div> </div> </div> </div> <script src="/js/jquery-3.4.0.min.js"></script> <script src="/js/slick/slick.min.js"></script> <script src="https://www.google.com/recaptcha/api.js?onload=gRecaptcha3Onload&render=explicit"></script> <script src="https://platform.linkedin.com/in.js" type="text/javascript">lang: en_US</script> <script src="/js/social-media/gp-social-media.js?version=6.10.0"></script> <script src="https://kit.fontawesome.com/fbc4e376bb.js" crossorigin="anonymous" async="async"></script> <!-- Start of givenow Zendesk Widget script --> <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=439cab97-3237-4a3a-8c30-02655494ff2a" defer="defer"> </script> <!-- End of givenow Zendesk Widget script --> <script src="/js/zendesk/gp-zendesk.js?version=6.10.0"></script> <script src="/js/jquery-ui/jquery-ui.min.js"></script> <script src="https://unpkg.com/@popperjs/core@2"></script> <script src="/js/bootstrap5/bootstrap.min.js"></script> <script src="/js/youtube/youtube_widget_api.js"></script> <script src="/js/libphonenumber.min.js?version=6.10.0"></script> <script src="/js/file-upload/jquery.iframe-transport.js"></script> <script src="/js/file-upload/jquery.fileupload.js"></script> <script src="/js/file-upload/jquery.fileupload-jquery-ui.js"></script> <script src="/js/file-upload/jquery.fileupload-process.js"></script> <script src="/js/file-upload/jquery-jcrop.js"></script> <script src="/js/select/select2.min.js"></script> <script src="/js/select/classie_select2_helper.js"></script> <script src="/js/select/jquery.qtip.min.js"></script> <script src="/webjars/sockjs-client/sockjs.min.js"></script> <script src="/webjars/stomp__stompjs/bundles/stomp.umd.min.js"></script> <script> const websocketBaseUrl = "wss:\/\/www.givenow.com.au"; const sockJsBaseUrl = "https:\/\/www.givenow.com.au"; </script> <script src="/js/gp-utils.js?version=6.10.0"></script> <script src="/js/donation/gp-donation-gift-card.js?version=6.10.0" async="async"></script> <script src="/js/ajax/gp-post-request.js?version=6.10.0"></script> <script src="/js/ajax/gp-get-request.js?version=6.10.0"></script> <script src="/js/gp-v2.js?version=6.10.0" async="async"></script> <script src="https://secure.merchantwarrior.com/payframe/payframe.js"></script> <script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script> <script> var fontFamily = "Open Sans, sans-serif"; </script> <script src="/js/payment/mw/gp-mw-utils.js?version=6.10.0"></script> <script src="/js/payment/mw/gp-mw.js?version=6.10.0"></script> <script src="https://secure.merchantwarrior.com/sdk/merchantwarrior.min.js"></script> <script src="/js/gp-online-payment-utils.js?version=6.10.0"></script> <script src="/js/payment/gp-payment.js?version=6.10.0" async="async"></script> <script src="/js/payment/gp-payment-info.js?version=6.10.0" async="async"></script> <script src="/js/gp-validator.js?version=6.10.0"></script> <script> !function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments); },s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js', a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script'); var twitterPixelId = "nxcuo" ; twq('init', twitterPixelId); twq('track','PageView'); </script> <script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); var facebookPixelId = "749108208576364" ; fbq('init', facebookPixelId); fbq('track', 'PageView'); </script> <script> var baseUrl = "\/" ; /*<![CDATA[*/ $.fn.validator.Constructor.errors={ abn: "This ABN is invalid", match: "The {field} does not match", minlength: "The {field} does not match", strength: "Please enter a stronger password", phone: "Must be a valid {region} number", url: "Please provide a valid url", donationAmountUnique: "${amount} is duplicate. Donation amounts cannot be the same.", donationAmountRange: "${amount} must be an integer with no fraction", donationAmountFraction: "${amount} is not between 0 and 100,000.", validSegmentName: "Segment name should be provided.", validSegmentPercentage: "Valid percentage should be provided (1-100).", validSegmentSum: "Total percentage of all segments must be 100.", checkBoxGroup: "At least one option should be selected." } /*]]>*/ </script> </footer> <div class="modal fade pe-0" id="formModal" data-bs-focus="false" tabindex="-1" role="dialog" aria-labelledby="gpModalLabel" aria-hidden="true" salesforce="false" file-upload="true" chosen="false" tiny-mce="false" custom-tiny-mce="false" select2="true" report-modal="false" donation-cover-fee-update="false" data-bank-account-creation="false"> <div class="modal-dialog"> <div class="modal-content"> </div> </div> </div> <div class="modal fade pe-0" id="messageModal" tabindex="-1" role="dialog" aria-labelledby="gpModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> </div> </div> </div> <div class="modal fade pe-0" id="donationGiftCardPhotoModal" tabindex="-1" role="dialog" aria-labelledby="gpModalLabel" aria-hidden="true" jqueryUI="true"> <div class="modal-dialog modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title bold-text-18" id="myModalLabel"></h4> <button type="button" class="btn-close" data-bs-dismiss="modal"></button> </div> <div class="modal-body gift-card-div"> <div class="row ui-selectable" id="selectable"> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-christmas.jpg" data-image-path="img/donation-gift-card/gncard-christmas.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-happynewyear.jpg" data-image-path="img/donation-gift-card/gncard-happynewyear.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard2-christmas.jpg" data-image-path="img/donation-gift-card/gncard2-christmas.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard3-christmas.jpg" data-image-path="img/donation-gift-card/gncard3-christmas.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard4-christmas.jpg" data-image-path="img/donation-gift-card/gncard4-christmas.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard5-christmas.jpg" data-image-path="img/donation-gift-card/gncard5-christmas.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard6-christmas.jpg" data-image-path="img/donation-gift-card/gncard6-christmas.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard7-christmas.jpg" data-image-path="img/donation-gift-card/gncard7-christmas.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard8-christmas.jpg" data-image-path="img/donation-gift-card/gncard8-christmas.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard9-christmas.jpg" data-image-path="img/donation-gift-card/gncard9-christmas.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard10-christmas.jpg" data-image-path="img/donation-gift-card/gncard10-christmas.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-birthday.jpg" data-image-path="img/donation-gift-card/gncard-birthday.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-birthday2.jpg" data-image-path="img/donation-gift-card/gncard-birthday2.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-valentinesday.jpg" data-image-path="img/donation-gift-card/gncard-valentinesday.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-thinkingofyou.jpg" data-image-path="img/donation-gift-card/gncard-thinkingofyou.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-thankyou.jpg" data-image-path="img/donation-gift-card/gncard-thankyou.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-sympathy-thinkingofyou-generic.jpg" data-image-path="img/donation-gift-card/gncard-sympathy-thinkingofyou-generic.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-mothersday.jpg" data-image-path="img/donation-gift-card/gncard-mothersday.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-mazeltov.jpg" data-image-path="img/donation-gift-card/gncard-mazeltov.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-fathersday.jpg" data-image-path="img/donation-gift-card/gncard-fathersday.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-easter2.jpg" data-image-path="img/donation-gift-card/gncard-easter2.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-easter1.jpg" data-image-path="img/donation-gift-card/gncard-easter1.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-diwali.jpg" data-image-path="img/donation-gift-card/gncard-diwali.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-chinesenewyear.jpg" data-image-path="img/donation-gift-card/gncard-chinesenewyear.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-chagsameach.jpg" data-image-path="img/donation-gift-card/gncard-chagsameach.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-celebration-wedding.jpg" data-image-path="img/donation-gift-card/gncard-celebration-wedding.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> <div class="ui-widget-content col-6"> <img src="/img/donation-gift-card/gncard-celebration-birthday.jpg" data-image-path="img/donation-gift-card/gncard-celebration-birthday.jpg" data-image-type="DONATION_GIFT_CARD_IMAGE"/> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default btn-sm btn-outline-dark font-regular" data-bs-dismiss="modal">Close</button> <button type="button" class="btn btn-sm btn-primary image-confirm-btn font-regular" data-image-type="DONATION_GIFT_CARD_IMAGE">Confirm</button> </div> </div> </div> </div> </body> </html>