app.grouptogether.com
Open in
urlscan Pro
13.70.72.36
Public Scan
Submitted URL: https://app.grouptogether.com/MarkAndCandiceBabyGift
Effective URL: https://app.grouptogether.com/contributor?collection=c76ec32f-c52c-4d4f-852f-3d9e7dbf1a19
Submission: On July 04 via api from ZA — Scanned from AU
Effective URL: https://app.grouptogether.com/contributor?collection=c76ec32f-c52c-4d4f-852f-3d9e7dbf1a19
Submission: On July 04 via api from ZA — Scanned from AU
Form analysis 3 forms found in the DOM
POST /
<form action="/" method="post" id="PaymentForm">
<div id="contributiondiv" class="divdisplay " style="display: none;">
<input type="hidden" id="PS_CST" name="PS_CST" value="1">
<input type="hidden" id="PS_PPO" name="PS_PPO" value="0">
<input name="__RequestVerificationToken" type="hidden" value="LsP2c_609rBCKE0NcoWYZt7SfMGX0TZYBFAiXPQwccsV2OqlsRQxRun3Dcewm7qBahLvGYLyldLjP31mZyCVu0dJqD2wwON01q3Pta9cbRY1">
<input data-val="true" data-val-number="The field CollectionID must be a number." data-val-required="The CollectionID field is required." id="CollectionID" name="CollectionID" type="hidden" value="626744">
<input id="InviteeID" name="InviteeID" type="hidden" value="">
<input data-val="true" data-val-number="The field CollectionType must be a number." data-val-required="The CollectionType field is required." id="CollectionType" name="CollectionType" type="hidden" value="5">
<input data-val="true" data-val-required="The ZeroContributionAllowed field is required." id="ZeroContributionAllowed" name="ZeroContributionAllowed" type="hidden" value="True">
<input data-val="true" data-val-number="The field FeeType must be a number." data-val-required="The FeeType field is required." id="FeeType" name="FeeType" type="hidden" value="2">
<input data-val="true" data-val-required="The HasGroupCard field is required." id="HasGroupCard" name="HasGroupCard" type="hidden" value="True">
<input data-val="true" data-val-required="The GCOnly field is required." id="GCOnly" name="GCOnly" type="hidden" value="True">
<input id="TopUp" name="TopUp" type="hidden" value="">
<input data-val="true" data-val-number="The field FeeAmount_CCP_P must be a number." data-val-required="The FeeAmount_CCP_P field is required." id="FeeAmount_CCP_P" name="FeeAmount_CCP_P" type="hidden" value="0">
<input data-val="true" data-val-number="The field FeeAmount_CCP_A must be a number." data-val-required="The FeeAmount_CCP_A field is required." id="FeeAmount_CCP_A" name="FeeAmount_CCP_A" type="hidden" value="0">
<input data-val="true" data-val-number="The field FeeAmount_PPP_P must be a number." data-val-required="The FeeAmount_PPP_P field is required." id="FeeAmount_PPP_P" name="FeeAmount_PPP_P" type="hidden" value="0">
<input data-val="true" data-val-number="The field FeeAmount_PPP_A must be a number." data-val-required="The FeeAmount_PPP_A field is required." id="FeeAmount_PPP_A" name="FeeAmount_PPP_A" type="hidden" value="0">
<input data-val="true" data-val-number="The field FeeAmount_POLI_P must be a number." data-val-required="The FeeAmount_POLI_P field is required." id="FeeAmount_POLI_P" name="FeeAmount_POLI_P" type="hidden" value="0">
<input data-val="true" data-val-number="The field FeeAmount_POLI_A must be a number." data-val-required="The FeeAmount_POLI_A field is required." id="FeeAmount_POLI_A" name="FeeAmount_POLI_A" type="hidden" value="0">
<input data-val="true" data-val-number="The field FeeAmount_AMEX_P must be a number." data-val-required="The FeeAmount_AMEX_P field is required." id="FeeAmount_AMEX_P" name="FeeAmount_AMEX_P" type="hidden" value="0">
<input data-val="true" data-val-number="The field FeeAmount_AMEX_A must be a number." data-val-required="The FeeAmount_AMEX_A field is required." id="FeeAmount_AMEX_A" name="FeeAmount_AMEX_A" type="hidden" value="0">
<input data-val="true" data-val-number="The field FeeAmount_For_P must be a number." data-val-required="The FeeAmount_For_P field is required." id="FeeAmount_For_P" name="FeeAmount_For_P" type="hidden" value="0">
<input data-val="true" data-val-number="The field FeeAmount_For_A must be a number." data-val-required="The FeeAmount_For_A field is required." id="FeeAmount_For_A" name="FeeAmount_For_A" type="hidden" value="0">
<input data-val="true" data-val-required="The NewPricing field is required." id="NewPricing" name="NewPricing" type="hidden" value="False">
<input id="InvoiceNumber" name="InvoiceNumber" type="hidden" value="">
<input data-val="true" data-val-number="The field CFID must be a number." data-val-required="CFID is Required." id="CollectingFor_CFID" name="CollectingFor.CFID" type="hidden" value="620985">
<input data-val="true" data-val-required="The ContinueWithoutPayment field is required." id="ContinueWithoutPayment" name="ContinueWithoutPayment" type="hidden" value="False">
<input id="ContributionID" name="ContributionID" type="hidden" value="">
<input type="hidden" id="City" name="City" class="locality">
<input type="hidden" id="form-v" name="Version" value="v2">
<input type="hidden" id="PostalCode" name="PostalCode" class="postal_code">
<input type="hidden" id="State" name="State" class="administrative_area_level_1">
<input type="hidden" id="cont-amount" name="ContributionAmount" value="0">
<input type="hidden" id="coll-amount" name="CollectionAmount" value="0">
<input type="hidden" id="chotoken" name="chotoken" value="">
<input type="hidden" id="scheme" name="scheme" value="">
<input type="hidden" id="CCCountryCode" name="CCCountryCode" value="AU">
<section class="min-100vh preview-bg ">
<div class="preview-modal-inner">
<div class="preview-modal-btn-right">
<a href="javascript:void(0)" target="_top" onclick="shareObj.copyToClipboard('#collectionUrlFinal','DRAFT')">
<svg width="16" height="28" viewBox="0 0 16 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 26L14 14L2 2" stroke="#1E2437" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
<!-- preview-modal-btn-right -->
<div class="preview-modal-btn-left">
<a href="javascript:void(0)" onclick="ShowHideDiv('groupcarddiv');">
<svg width="16" height="28" viewBox="0 0 16 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 2L2 14L14 26" stroke="#1E2437" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
<!-- preview-modal-btn-left -->
<div class="row no-gutters m-0 min-100vh">
<div class="trigger-screen"></div>
<div class="col-lg-6 bg-lite" id="backScreen">
<div class="mt-contribute-left">
<a href="#" class="contributor-back-arrow" onclick="ShowHideDiv('firstpagediv');">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="20" viewBox="0 0 22 20" fill="none">
<path d="M10.3829 18.3652L2 9.98238L10.3829 1.59953" stroke="#1E2437" stroke-width="2" stroke-miterlimit="10"></path>
<path d="M2.01367 9.98242L21.1838 9.98242" stroke="#1E2437" stroke-width="2" stroke-miterlimit="10"></path>
</svg>
</a>
<div class="mt-contribute-left-content text-center ">
<h2>MarkAndCandiceBabyGift</h2>
<input id="Ctype" value="1" style="display:none">
<div class="mt-how-many">
<h3>AMOUNT OF CONTRIBUTION</h3>
<div class="mt-2 mb-2">
<div class="quantity quantity-dollor-sign position-relative d-flex justify-content-center align-items-center">
<input type="tel" id="ContributionAmount" name="ContributionAmount" onblur="contributionObj.VerifyAmount();" placeholder="0" value="" class="counter" onkeypress="handleEnterKey(event)">
</div>
</div>
<p class="font-12">The amount you give won’t be seen by other contributors</p>
</div>
<div class="mt-closes">
<h3>Closes</h3>
<p>8 July 2023</p>
</div>
</div>
<!-- mt-contribute-left-content -->
<div class="mt-logo-footer">
<div class="w-75 m-auto">
<a href="javascript:void(0);" id="sign-card-with-payment" class="theme-btn-lite d-block d-md-none mobile-payment">Continue to payment details</a>
</div>
<svg viewBox="0 0 136 58" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.509 30.914c4.142 0 7.509-3.397 7.509-7.509V8.21h-2.98v1.579S10.34 8 7.48 8C3.248 8 0 11.367 0 15.598c0 4.232 3.248 7.569 7.48 7.569 2.86 0 4.558-1.788 4.558-1.788v2.026a4.508 4.508 0 01-4.53 4.53c-1.22 0-2.383-.447-3.217-1.312L2.205 28.71c1.4 1.43 3.278 2.205 5.304 2.205zm-.03-10.727c-2.503 0-4.5-2.116-4.5-4.589 0-2.503 1.997-4.618 4.5-4.618s4.589 2.115 4.589 4.618c0 2.473-2.086 4.59-4.589 4.59zM18.453 22.958h2.98v-8.283c.09-2.086 1.699-3.844 3.755-3.844.774 0 1.52.268 2.145.685l1.132-2.86A6.843 6.843 0 0025.485 8c-2.77 0-4.052 1.967-4.052 1.967V8.209h-2.98v14.75zM36.243 23.167c4.172 0 7.48-3.337 7.48-7.569 0-4.26-3.308-7.598-7.48-7.598-4.172 0-7.48 3.337-7.48 7.598 0 4.232 3.308 7.569 7.48 7.569zm0-2.98c-2.503 0-4.5-2.235-4.5-4.589 0-2.503 2.086-4.618 4.5-4.618s4.5 2.115 4.5 4.618c0 2.473-2.116 4.59-4.5 4.59zM53.26 23.167c4.171 0 6.853-2.712 6.853-6.883V8.209h-2.98v8.313c0 2.384-1.49 3.904-3.874 3.904-2.383 0-3.873-1.52-3.873-3.904V8.21h-2.98v8.075c0 4.171 2.682 6.883 6.853 6.883zM63.543 30.706h2.98v-9.327s1.698 1.788 4.559 1.788c4.171 0 7.479-3.337 7.479-7.598 0-4.232-3.308-7.569-7.48-7.569-2.86 0-4.558 1.788-4.558 1.788v-1.58h-2.98v22.498zm7.539-10.519c-2.563 0-4.589-2.056-4.589-4.618 0-2.474 2.026-4.59 4.589-4.59 2.562 0 4.5 2.116 4.5 4.59 0 2.562-1.938 4.618-4.5 4.618z">
</path>
<path d="M27.94 24.031l.354.344c2.045 1.983 4.872 3.212 7.998 3.212 3.126 0 5.953-1.229 7.998-3.212l.354-.344 2.185 2.119-.377.365C43.85 29.04 40.257 30.6 36.292 30.6s-7.558-1.56-10.16-4.084l-.377-.365 2.184-2.119z"
class="text-turquoise-100 fill-current theme-color "></path>
<path
d="M21.366 49.985h2.98V38.006h2.71v-2.83h-2.71v-6.803h-2.98v6.802h-2.712v2.831h2.712v11.979zM36.246 50.163c4.172 0 7.48-3.337 7.48-7.568 0-4.261-3.308-7.599-7.48-7.599-4.171 0-7.479 3.338-7.479 7.599 0 4.231 3.308 7.568 7.48 7.568zm0-2.98c-2.503 0-4.499-2.234-4.499-4.588 0-2.503 2.086-4.619 4.5-4.619 2.413 0 4.499 2.116 4.499 4.619 0 2.473-2.116 4.589-4.5 4.589zM53.471 57.91c4.142 0 7.51-3.396 7.51-7.508V35.205H58v1.58s-1.699-1.788-4.56-1.788c-4.23 0-7.479 3.367-7.479 7.598s3.248 7.568 7.48 7.568c2.86 0 4.559-1.787 4.559-1.787v2.026a4.508 4.508 0 01-4.53 4.529c-1.221 0-2.383-.447-3.218-1.311l-2.086 2.086c1.401 1.43 3.278 2.205 5.304 2.205zm-.03-10.726c-2.502 0-4.499-2.116-4.499-4.59 0-2.502 1.997-4.618 4.5-4.618s4.588 2.116 4.588 4.619c0 2.473-2.085 4.589-4.588 4.589zM71.197 50.163a7.42 7.42 0 005.334-2.234l-2.176-2.116c-.864.894-1.966 1.37-3.158 1.37-1.997 0-3.785-1.34-4.261-3.337H78.39c0-5.631-3.023-8.85-7.194-8.85-4.172 0-7.45 3.338-7.45 7.599 0 4.231 3.278 7.568 7.45 7.568zm-4.261-9.147c.625-1.788 2.085-3.04 4.171-3.04 2.086 0 3.695 1.341 4.142 3.04h-8.313zM82.894 49.985h2.98V38.006h2.712v-2.83h-2.712v-6.803h-2.98v6.802h-2.711v2.831h2.711v11.979zM91.114 49.955h2.98v-7.747c0-2.355 2.115-4.291 4.469-4.291 2.503 0 4.321 1.936 4.321 4.44v7.598h2.979v-7.45c0-4.171-2.92-7.509-7.091-7.509-3.189 0-4.679 1.967-4.679 1.967v-8.59h-2.98v21.582zM115.854 50.163a7.418 7.418 0 005.333-2.234l-2.175-2.116c-.864.894-1.967 1.37-3.158 1.37-1.997 0-3.785-1.34-4.261-3.337h11.71c0-5.631-3.278-8.85-7.449-8.85-4.172 0-7.45 3.338-7.45 7.599 0 4.231 3.278 7.568 7.45 7.568zm-4.261-9.147c.625-1.788 2.085-3.04 4.171-3.04 2.086 0 3.695 1.341 4.142 3.04h-8.313zM125.988 49.955h2.98V41.67c.089-2.086 1.698-3.844 3.754-3.844.775 0 1.52.268 2.146.686L136 35.652a6.843 6.843 0 00-2.98-.656c-2.771 0-4.052 1.967-4.052 1.967v-1.758h-2.98v14.75z">
</path>
</svg>
</div>
<!-- mt-logo-footer -->
</div>
<!-- mt-contribute-left -->
</div>
<!-- md-6 -->
<div class="col-lg-6 bg-white mt-mob-bg d-none d-md-block" id="paymentDetails">
<div class="mt-contribute-right">
<div class="mt-contribute-right-content">
<h2>
<a href="javascript:void(0)" class="d-block d-md-none" id="backtoContribution">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="20" viewBox="0 0 22 20" fill="none">
<path d="M10.3829 18.3652L2 9.98238L10.3829 1.59953" stroke="#1E2437" stroke-width="2" stroke-miterlimit="10"></path>
<path d="M2.01367 9.98242L21.1838 9.98242" stroke="#1E2437" stroke-width="2" stroke-miterlimit="10"></path>
</svg>
</a> Contribute now
</h2>
<div class="mt-contribute-scrollable-block " id="formDiv">
<div class="row">
<div class="col-md-6">
<div class="form-group mt-form">
<label for="">First name</label>
<input type="text" class="form-control" id="FName" name="FName" placeholder="First name" autocomplete="off" onkeypress="handleEnterKey(event)">
</div>
</div>
<div class="col-md-6">
<div class="form-group mt-form">
<label for="">Last name</label>
<input type="text" class="form-control" id="LName" name="LName" placeholder="Last name" autocomplete="off" onkeypress="handleEnterKey(event)">
</div>
</div>
</div>
<!-- row -->
<div class="row">
<div class="col-md-12">
<div class="form-group mt-form">
<label for="">Email address</label>
<input type="text" class="form-control" id="Email" name="Email" placeholder="xxx@xxxxxx.xxx" autocomplete="off" onkeypress="handleEnterKey(event)">
</div>
<div class="creditCardDiv">
</div>
<div class="form-group mt-form payment-options mb-4">
<label class="d-block mb-1" for="">Payment Method</label>
<select class="payment-dropdown select2-hidden-accessible" id="PaymentDD" name="PaymentDD" data-select2-id="select2-data-PaymentDD" tabindex="-1" aria-hidden="true">
<option value="">please select</option>
<option value="7" data-icon="fa-solid fa-credit-card" selected="" data-select2-id="select2-data-2-pz29"> Credit Card </option>
<option value="1" data-icon="fa-solid fa-credit-card"> PayPal </option>
<option value="9" data-icon="fa-solid fa-credit-card"> Direct Transfer </option>
</select><span class="select2 select2-container select2-container--payment-continer" dir="ltr" data-select2-id="select2-data-1-ky2y" style="width: auto;"><span class="selection"><span
class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-disabled="false" aria-labelledby="select2-PaymentDD-container"
aria-controls="select2-PaymentDD-container"><span class="select2-selection__rendered" id="select2-PaymentDD-container" role="textbox" aria-readonly="true"
title=" Credit Card "><span><i class="fas fa-solid fa-credit-card"> </i> Credit Card </span></span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span></span><span
class="dropdown-wrapper" aria-hidden="true"></span></span>
</div>
<!-- payment-options -->
<div id="reCaptcha" class="mb-3 mt-3">
<div class="g-recaptcha" data-sitekey="6LcKfugUAAAAANRdbb3_UXUdOq3oFrJI4DKiU2DF" data-callback="EnableAllOnRecaptcha">
<div style="width: 304px; height: 78px;">
<div><iframe title="reCAPTCHA"
src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LcKfugUAAAAANRdbb3_UXUdOq3oFrJI4DKiU2DF&co=aHR0cHM6Ly9hcHAuZ3JvdXB0b2dldGhlci5jb206NDQz&hl=en&v=khH7Ei3klcvfRI74FvDcfuOo&size=normal&cb=duabq5441no"
width="304" height="78" role="presentation" name="a-xpxjqygirbd6" frameborder="0" scrolling="no"
sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox"></iframe></div><textarea id="g-recaptcha-response" name="g-recaptcha-response"
class="g-recaptcha-response" style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
</div><iframe style="display: none;"></iframe>
</div>
</div>
</div>
</div>
<!-- row -->
<div class="row addressDiv hidden">
<div class="col-12">
<div class="form-group mt-form">
<label for="">Address</label>
<input type="text" class="form-control max-100 pac-target-input" id="Address" name="Address" placeholder="123 Address st" autocomplete="off" onkeypress="handleEnterKey(event)">
</div>
<!-- -->
</div>
</div>
<!-- row -->
<div class="row addressDiv hidden no-gutters gutter-8">
<div class="col-md-4">
<div class="form-group mt-form">
<label for="">City</label>
<input type="text" class="form-control max-100 locality" value="" placeholder="City" onkeypress="handleEnterKey(event)">
</div>
<!-- -->
</div>
<div class="col-md-4">
<div class="form-group mt-form">
<label for="">State</label>
<input type="text" class="form-control max-100 administrative_area_level_1" value="" placeholder="State" onkeypress="handleEnterKey(event)">
</div>
<!-- -->
</div>
<div class="col-md-4">
<div class="form-group mt-form">
<label for="">Postal code</label>
<input type="tel" class="form-control max-100 postal_code" placeholder="1234" onkeypress="handleEnterKey(event)">
</div>
<!-- -->
</div>
</div>
<!-- row -->
<div id="payment-block">
<!--<div class="payment-block">
<div class="mt-pay-options">
<label>Payment options</label>
<div class="d-flex justify-content-start align-items-center">-->
<!--<div class="mt-pay-radio">
<label class="">
<img src="https://grouptogethersite.blob.core.windows.net/siteres/visa-mastercard.png" style="max-height:20px" />
<input type="radio" name="ChkCrdtcard" value="7" checked>
<span class="checkmark"></span>
</label>
</div>
<div class="mt-pay-radio">
<label class="">
<img src="https://grouptogethersite.blob.core.windows.net/siteres/paypal.png" />
<input type="radio" name="ChkCrdtcard" value="1">
<span class="checkmark"></span>
</label>
</div>-->
<!--<div class="mt-pay-radio">
<label class="">
<img src="https://grouptogethersite.blob.core.windows.net/siteres/poli.png" name="ChkCrdtcard" value="9" />
<a href="#" data-toggle="tooltip" data-placement="top" title="" class="d-none d-md-block modal-tooltip" data-original-title="Pay by transferring funds from your bank account via POLi, a company owned by Australia Post." aria-describedby="tooltip803707"> <i class="fas fa-question-circle"></i> </a>
<input type="radio" name="ChkCrdtcard" value="9"> <span class="checkmark"></span>
</label>
</div>
</div>
</div>
</div>-->
<div class="poliDiv max-400" style="display:none">
<iframe id="poliframepayment" scrolling="auto" frameborder="0" style="height:100%;width:100%;margin:0;padding:0;"></iframe>
</div>
<div class="creditCardDiv">
<!-- mt-pay-options -->
<!-- row -->
<div class="mt-cart-total payment-block hidden">
<p> <span id="subTotal"> Subtotal: A$01.00 </span> </p>
<p id="displayFee" class="hidden"> <span id="totalFees"> Fees: A$1.00
</span><span><a href="#" data-toggle="tooltip" data-placement="top" title="" class="d-none d-md-block modal-tooltip" data-original-title="The fee is made up of our administration costs + the bank's online payment processing fees.The online payment fee covers the payment processing fees, payment gateway fees and fraud related charge back fees. The domestic Visa/MC fee/direct debit fee is 1.7% + $0.30 and the overseas Visa/MC fee is 5%. " aria-describedby="tooltip803707"> <i class="fas fa-question-circle"></i> </a></span>
</p>
<p> <span id="totalPayment"> Total: A$01.00 </span> </p>
</div>
</div>
<!-- mt-cart-total -->
<!-- mt-captcha -->
<div class="mt-pay-btn payment-block hidden" id="paymentFormButtons">
<button type="button" id="contribution-button" class="hidden"> Pay A$01.00 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 16" width="14" height="16">
<path fill="white"
d="M 7 0 C 4.8 0 3 1.8 3 4 V 5 H 1 C 0.4 5 0 5.4 0 6 V 15 C 0 15.6 0.4 16 1 16 H 13 C 13.6 16 14 15.6 14 15 V 6 C 14 5.4 13.6 5 13 5 H 11 V 4 C 11 1.8 9.2 0 7 0 Z M 8 11.7 V 13 H 6 V 11.7 C 5.4 11.4 5 10.7 5 10 C 5 8.9 5.9 8 7 8 C 8.1 8 9 8.9 9 10 C 9 10.7 8.6 11.4 8 11.7 Z M 9 5 H 5 V 4 C 5 2.9 5.9 2 7 2 C 8.1 2 9 2.9 9 4 V 5 Z">
</path>
</svg>
</button>
</div>
<!-- mt-pay-btn-->
</div>
<div class="mt-pay-btn payment-block hidden" id="button-with-no-contribution" style="display:none">
<button type="button" id="continue-button" onclick="contributionObj.validate()"> Continue <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 16" width="14" height="16">
<path fill="white"
d="M 7 0 C 4.8 0 3 1.8 3 4 V 5 H 1 C 0.4 5 0 5.4 0 6 V 15 C 0 15.6 0.4 16 1 16 H 13 C 13.6 16 14 15.6 14 15 V 6 C 14 5.4 13.6 5 13 5 H 11 V 4 C 11 1.8 9.2 0 7 0 Z M 8 11.7 V 13 H 6 V 11.7 C 5.4 11.4 5 10.7 5 10 C 5 8.9 5.9 8 7 8 C 8.1 8 9 8.9 9 10 C 9 10.7 8.6 11.4 8 11.7 Z M 9 5 H 5 V 4 C 5 2.9 5.9 2 7 2 C 8.1 2 9 2.9 9 4 V 5 Z">
</path>
</svg>
</button>
</div>
<p class="mt-tagline pb-4 mb-0 payment-block hidden">By continuing you agree to GroupTogether’s <a href="https://grouptogether.com/terms" target="_blank">Terms</a> &
<a href="https://grouptogether.com/privacy" target="_blank">Privacy Policy</a>.</p>
</div>
<!-- mt-contribute-scrollable-block -->
</div>
<!-- mt-contribute-right-content -->
</div>
<!-- mt-contribute-right -->
</div>
<!-- md-6 -->
</div>
<!-- row -->
</div>
</section>
</div>
<div id="groupcarddiv" class="divdisplay collectiontop-space-first-section " style="display: none;">
<style>
.popupDiv {
position: fixed;
left: 50%;
transform: translate(-50%, 0);
top: 13%;
z-index: 100000000;
display: none;
text-align: center;
margin: 10px auto;
background-color: rgba(0, 0, 0, 0.85);
border: #666 medium solid;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-khtml-border-radius: 5px;
}
</style>
<input id="imageIdToSet" type="hidden" value="none">
<div id="cropdivCroppie" class="popupDiv" style="top:5%;">
<div id="imageareaCroppie">
</div>
<div id="controls_croppie">
<input type="button" class="choose-image-btn" value="Choose Image" onclick="SubmitCroppie(), CloseCroppie(); return false;">
<div style="width: 10px; height: 10px; display: block; float: left;"></div>
<input type="button" class="remove-img-btn" id="cropbutton" value="Delete Image" onclick="CloseCroppie(); return false;">
<input type="button" class="rotate-image-btn" id="rotateImage" value="Rotate Image" onclick="RotateImage(); return false;">
</div>
</div>
<!-- gif popup -->
<div class="modal fade" id="gifLibrarySelect" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="gt-md-modal-header">
<h2>Choose an image</h2>
<div class="gt-modal-close" data-dismiss="modal">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14" width="14" height="14">
<path stroke="#1e2437" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M 13 1 L 7 7 L 13 13"></path>
<path stroke="#1e2437" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M 1 13 L 7 7 L 1 1"></path>
</svg>
</a>
</div>
</div>
<!-- modal-header -->
<div class="gt-md-modal-content text-center pb-0 pt-3 pl-4 pr-4">
<div class="mt-library-tabs">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation" onclick="ToggleFooter('giphy'); return false;">
<a class="nav-link active" id="gify-tab" data-toggle="tab" href="#gify" role="tab" aria-controls="library" aria-selected="true">Giphy</a>
</li>
<li class="nav-item" role="presentation" onclick="ToggleFooter('unsplash'); return false;">
<a class="nav-link" id="unsplash-tab" data-toggle="tab" href="#unsplash" role="tab" aria-controls="giphy" aria-selected="false">Unsplash</a>
</li>
</ul>
<div class="tab-content" id="giftabsContent">
<div class="tab-pane fade show active" id="gify" role="tabpanel" aria-labelledby="library-tab">
<div class="mt-library-tab-content">
<div class="col-sm-12 mt-3">
<div class="row">
<input placeholder="Search Library..." class="search-library-input" onkeyup="giphyObject.searchApi(); return false;" value="" id="giphySearch" maxlength="45" type="text" onkeypress="handleEnterKey(event)">
<div id="giphyApiSearchLoader" class="loader hidden"></div>
</div>
</div>
<ul id="giphyImagesContainer">
<li class="img-item22" data-image="https://media0.giphy.com/media/17mPzJvSifaL67hNPK/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media0.giphy.com/media/17mPzJvSifaL67hNPK/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media4.giphy.com/media/plUTJQbOO1PPoFImdu/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media4.giphy.com/media/plUTJQbOO1PPoFImdu/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media2.giphy.com/media/awinSS38Di6L3SkSNf/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media2.giphy.com/media/awinSS38Di6L3SkSNf/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media4.giphy.com/media/uUP7F5A1rQR9uKls9P/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media4.giphy.com/media/uUP7F5A1rQR9uKls9P/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media1.giphy.com/media/cfuL5gqFDreXxkWQ4o/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media1.giphy.com/media/cfuL5gqFDreXxkWQ4o/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media1.giphy.com/media/UkKCJhP82gGbwnYWVu/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media1.giphy.com/media/UkKCJhP82gGbwnYWVu/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media1.giphy.com/media/S9oNGC1E42VT2JRysv/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media1.giphy.com/media/S9oNGC1E42VT2JRysv/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media0.giphy.com/media/Z9tvqoD1SEQcomTVaK/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media0.giphy.com/media/Z9tvqoD1SEQcomTVaK/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media2.giphy.com/media/U56UKYAO8ToW8ycuDe/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media2.giphy.com/media/U56UKYAO8ToW8ycuDe/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media3.giphy.com/media/hHifLbLhEloqfDwWs0/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media3.giphy.com/media/hHifLbLhEloqfDwWs0/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media0.giphy.com/media/ftIql9fqsnZgyfnmod/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media0.giphy.com/media/ftIql9fqsnZgyfnmod/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media1.giphy.com/media/OmK8lulOMQ9XO/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media1.giphy.com/media/OmK8lulOMQ9XO/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media3.giphy.com/media/ip6sIiyXDFRQXQ6bJq/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media3.giphy.com/media/ip6sIiyXDFRQXQ6bJq/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media4.giphy.com/media/1LweXxLwVT0J2/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media4.giphy.com/media/1LweXxLwVT0J2/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media3.giphy.com/media/LxnoUgfFlhodFH1lAG/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media3.giphy.com/media/LxnoUgfFlhodFH1lAG/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media0.giphy.com/media/R6gvnAxj2ISzJdbA63/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media0.giphy.com/media/R6gvnAxj2ISzJdbA63/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media3.giphy.com/media/JfDNFU1qOZna/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media3.giphy.com/media/JfDNFU1qOZna/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media1.giphy.com/media/MViYNpI0wx69zX7j7w/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media1.giphy.com/media/MViYNpI0wx69zX7j7w/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media0.giphy.com/media/u9l66mWbJv8dnGMQuD/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media0.giphy.com/media/u9l66mWbJv8dnGMQuD/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media2.giphy.com/media/lhhh57Kbxd4IfdYmTw/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media2.giphy.com/media/lhhh57Kbxd4IfdYmTw/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media1.giphy.com/media/jox7EivMWYpZqfZtSG/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media1.giphy.com/media/jox7EivMWYpZqfZtSG/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media0.giphy.com/media/2x0VePimPaFJDpGZ7H/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media0.giphy.com/media/2x0VePimPaFJDpGZ7H/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media3.giphy.com/media/Yqz0IICpc8hljWGpHR/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media3.giphy.com/media/Yqz0IICpc8hljWGpHR/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media1.giphy.com/media/M90mJvfWfd5mbUuULX/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media1.giphy.com/media/M90mJvfWfd5mbUuULX/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media2.giphy.com/media/C5oD3WouufnWORp7wP/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media2.giphy.com/media/C5oD3WouufnWORp7wP/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media3.giphy.com/media/LCVU9TNXchVg7Yd3qx/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media3.giphy.com/media/LCVU9TNXchVg7Yd3qx/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media0.giphy.com/media/8cOkSOuvIChHNYOyP7/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media0.giphy.com/media/8cOkSOuvIChHNYOyP7/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media1.giphy.com/media/9GIFGeuuinRxgEj7Zq/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media1.giphy.com/media/9GIFGeuuinRxgEj7Zq/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media2.giphy.com/media/YMuI2i1gUSfeNPMu8G/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media2.giphy.com/media/YMuI2i1gUSfeNPMu8G/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media2.giphy.com/media/3FmUiYq9CD6R4RK94M/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media2.giphy.com/media/3FmUiYq9CD6R4RK94M/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media2.giphy.com/media/MQeTUWRDSrnkciPAnz/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media2.giphy.com/media/MQeTUWRDSrnkciPAnz/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media1.giphy.com/media/l3vR4Ell5crP9nYR2/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media1.giphy.com/media/l3vR4Ell5crP9nYR2/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media3.giphy.com/media/VHx6BHuF5HzI21uM0i/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media3.giphy.com/media/VHx6BHuF5HzI21uM0i/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media4.giphy.com/media/j5L4RHeV8Q5tmepRVb/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media4.giphy.com/media/j5L4RHeV8Q5tmepRVb/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media3.giphy.com/media/llANeu88cEAsq8sDO9/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media3.giphy.com/media/llANeu88cEAsq8sDO9/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media0.giphy.com/media/3mq6k5fqe5g8o/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media0.giphy.com/media/3mq6k5fqe5g8o/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media2.giphy.com/media/KKZoP0q3G3ERH1LXLu/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media2.giphy.com/media/KKZoP0q3G3ERH1LXLu/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media1.giphy.com/media/TdL0bbk08WP2S0RMnX/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media1.giphy.com/media/TdL0bbk08WP2S0RMnX/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media3.giphy.com/media/L0NBGdEtE8tUP6MVwH/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media3.giphy.com/media/L0NBGdEtE8tUP6MVwH/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media4.giphy.com/media/W2nuhlWbyVmV73jIsc/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media4.giphy.com/media/W2nuhlWbyVmV73jIsc/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media0.giphy.com/media/nJEWCJI68bHAV7axCK/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media0.giphy.com/media/nJEWCJI68bHAV7axCK/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media0.giphy.com/media/H4DjXQXamtTiIuCcRU/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media0.giphy.com/media/H4DjXQXamtTiIuCcRU/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media3.giphy.com/media/ttUfwE5Awb2sJKjVBo/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media3.giphy.com/media/ttUfwE5Awb2sJKjVBo/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media1.giphy.com/media/3ohzdLinx4bxmc4QPS/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media1.giphy.com/media/3ohzdLinx4bxmc4QPS/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://media2.giphy.com/media/pSwa1Pbm6SspRLKVyN/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g">
<div class="position-relative">
<img src="https://media2.giphy.com/media/pSwa1Pbm6SspRLKVyN/giphy-downsized-medium.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy-downsized-medium.gif&ct=g"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media3.giphy.com/media/e8BnjZbxhhMHEFdrAF/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media3.giphy.com/media/e8BnjZbxhhMHEFdrAF/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media3.giphy.com/media/11FOb5AeCLT8oo/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media3.giphy.com/media/11FOb5AeCLT8oo/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media3.giphy.com/media/2YgHpqhISa7Za9xCr2/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media3.giphy.com/media/2YgHpqhISa7Za9xCr2/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media3.giphy.com/media/3oEdv9R4D62GPrVY4g/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media3.giphy.com/media/3oEdv9R4D62GPrVY4g/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22" data-image="https://media0.giphy.com/media/HIWuOLHmng95S/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g">
<div class="position-relative">
<img src="https://media0.giphy.com/media/HIWuOLHmng95S/giphy.gif?cid=71f22f40xmtgiff0qdn4r6xna0hwr86i04rgzcgtmcjkl1fa&ep=v1_gifs_trending&rid=giphy.gif&ct=g" alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
</ul>
</div>
<!-- mt-library-content -->
</div>
<div class="tab-pane fade" id="unsplash" role="tabpanel" aria-labelledby="unsplash-tab">
<div class="mt-library-tab-content">
<div class="col-sm-12 mt-3">
<div class="row">
<input placeholder="Search Library..." class="search-library-input" onkeyup="unsplashObject.searchApi(); return false;" value="" id="unSplashSearch" maxlength="45" type="text" onkeypress="handleEnterKey(event)">
<div id="unsplashApiSearchLoader" class="loader hidden"></div>
</div>
</div>
<ul id="unsplashImagesContainer">
<li class="img-item22"
data-image="https://images.unsplash.com/photo-1674574124345-02c525664b65?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MXwxfGFsbHwxfHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400">
<div class="position-relative">
<img src="https://images.unsplash.com/photo-1674574124345-02c525664b65?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MXwxfGFsbHwxfHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://images.unsplash.com/photo-1688362378188-264c2d01ae9d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHwyfHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400">
<div class="position-relative">
<img src="https://images.unsplash.com/photo-1688362378188-264c2d01ae9d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHwyfHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://images.unsplash.com/photo-1688291997328-f67f8f3e0330?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHwzfHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400">
<div class="position-relative">
<img src="https://images.unsplash.com/photo-1688291997328-f67f8f3e0330?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHwzfHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://images.unsplash.com/photo-1688296472826-5b59d5854006?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHw0fHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400">
<div class="position-relative">
<img src="https://images.unsplash.com/photo-1688296472826-5b59d5854006?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHw0fHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://images.unsplash.com/photo-1688310868010-a4023c95e675?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHw1fHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400">
<div class="position-relative">
<img src="https://images.unsplash.com/photo-1688310868010-a4023c95e675?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHw1fHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://images.unsplash.com/photo-1682686581740-2c5f76eb86d1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MXwxfGFsbHw2fHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400">
<div class="position-relative">
<img src="https://images.unsplash.com/photo-1682686581740-2c5f76eb86d1?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MXwxfGFsbHw2fHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://images.unsplash.com/photo-1688325584752-889090a6a9fa?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHw3fHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400">
<div class="position-relative">
<img src="https://images.unsplash.com/photo-1688325584752-889090a6a9fa?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHw3fHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://images.unsplash.com/photo-1688345779794-99a4d0917381?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHw4fHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400">
<div class="position-relative">
<img src="https://images.unsplash.com/photo-1688345779794-99a4d0917381?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHw4fHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://images.unsplash.com/photo-1688147203883-a73a95f89770?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHw5fHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400">
<div class="position-relative">
<img src="https://images.unsplash.com/photo-1688147203883-a73a95f89770?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHw5fHx8fHx8Mnx8MTY4ODQ2NTI3OXw&ixlib=rb-4.0.3&q=80&w=400"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
<li class="img-item22"
data-image="https://images.unsplash.com/photo-1688295598146-028a57f4c939?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHwxMHx8fHx8fDJ8fDE2ODg0NjUyNzl8&ixlib=rb-4.0.3&q=80&w=400">
<div class="position-relative">
<img src="https://images.unsplash.com/photo-1688295598146-028a57f4c939?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxNzc1NTZ8MHwxfGFsbHwxMHx8fHx8fDJ8fDE2ODg0NjUyNzl8&ixlib=rb-4.0.3&q=80&w=400"
alt="GIF image">
<div class="library-image-overlay">
<a class="select-image22" href="#">select</a>
</div>
</div>
</li>
</ul>
</div>
<!-- mt-library-content -->
</div>
</div>
</div>
</div>
<!-- gt-md-modal-content -->
</div>
</div>
</div>
<input type="hidden" id="existingImageUrl">
<!-- inspiration text popup -->
<div class="modal fade gt-md-modal" id="description-examples" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog mt-8">
<div class="modal-content">
<div class="gt-md-modal-header">
<h2>Message Suggestions</h2>
<div class="gt-modal-close" data-dismiss="modal">
<a href="#">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 14" width="14" height="14">
<path stroke="#1e2437" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M 13 1 L 7 7 L 13 13"></path>
<path stroke="#1e2437" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M 1 13 L 7 7 L 1 1"></path>
</svg>
</a>
</div>
</div>
<!-- gt-md-modal-header -->
<div class="gt-md-modal-content">
<h2 class="font-16 text-center mb-5">Copy some or all of what we have provided to use as <br>your GroupCard message.</h2>
<div class="row">
<div class="col-md-12 col-lg-12 hand-section">
<div class="text-box gts-textbox text-box-style anything-box1" style="margin-bottom:20px;">
<div id="suggestion-1" class="text-center">
<p id="para-text-1"> Start practising your new catchphrase now: “Because I said so.” </p>
</div>
<div class="m-auto w-33">
<input type="button" class="theme-btn-lite mt-3" id="btn-thanks-coach" onclick="InsertSuggestion('para-text-1');" value="Insert Text">
</div>
</div>
</div>
<div class="col-md-12 col-lg-12 hand-section">
<div class="text-box gts-textbox text-box-style anything-box1" style="margin-bottom:20px;">
<div id="suggestion-2" class="text-center">
<p id="para-text-2"> Good luck on your new adventure—it’s sure to be a wonderful experience! </p>
</div>
<div class="m-auto w-33">
<input type="button" class="theme-btn-lite mt-3" id="btn-thanks-coach" onclick="InsertSuggestion('para-text-2');" value="Insert Text">
</div>
</div>
</div>
<div class="col-md-12 col-lg-12 hand-section">
<div class="text-box gts-textbox text-box-style anything-box1" style="margin-bottom:20px;">
<div id="suggestion-3" class="text-center">
<p id="para-text-3"> First you made a cute couple. Now you made a cute kid. Congrats! </p>
</div>
<div class="m-auto w-33">
<input type="button" class="theme-btn-lite mt-3" id="btn-thanks-coach" onclick="InsertSuggestion('para-text-3');" value="Insert Text">
</div>
</div>
</div>
</div>
</div>
<!-- gt-md-modal-content -->
</div>
</div>
</div>
<!--hidden fields to send-->
<input type="hidden" id="text-used" name="text-used" value="0">
<input type="hidden" id="image-used" name="image-used" value="0">
<input id="Msg[0].Type" name="Msg[0].Type" type="hidden" value="1">
<!--[if !IE]> -->
<input type="file" name="GroupCards[0].Pic" id="GroupCards[0].Pic" hidden="hidden" onchange="readURL(this);" accept=".gif, .jpg, .jpeg, .bmp, .png">
<!-- <![endif]-->
<input type="hidden" id="gc_pic_url" name="GroupCards[0].ImageURL">
<input id="GroupCards[0].For" name="GroupCards[0].GroupCardFor" type="hidden" value="Friend">
<input id="GroupCards[0].NoOfComments" name="GroupCards[0].AllComments.Count" type="hidden" value="7">
<input type="hidden" id="GroupCards[0].Pic-fb" name="GroupCards[0].Pic-fb" value="">
<img id="GroupCards[0].Pic-preview-sample" style="display:none;">
<div id="GroupCards[0].Name-preview-sample" class="gctilename gcpreviewtile">
<span></span>
</div>
<input data-val="true" data-val-number="The field GCID must be a number." data-val-required="The GCID field is required." id="GroupCards_0__GCID" name="GroupCards[0].GCID" type="hidden" value="0">
<section class="preview-bg second-preview min-100vh ">
<div class="preview-modal-inner">
<div class="preview-modal-btn-right">
<a href="javascript:void(0)" onclick="shareObj.copyToClipboard('#collectionUrlFinal','DRAFT')">
<svg width="16" height="28" viewBox="0 0 16 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 26L14 14L2 2" stroke="#1E2437" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
<!-- preview-modal-btn-right -->
<div class="preview-modal-btn-left">
<a href="javascript:void(0)" onclick="ShowHideDiv('firstpagediv');">
<svg width="16" height="28" viewBox="0 0 16 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 2L2 14L14 26" stroke="#1E2437" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</div>
<!-- preview-modal-btn-left -->
<div class="row no-gutters">
<div class="trigger-screen"></div>
<div class="col-lg-6 bg-lite">
<div class="mt-contribute-left mt-contribute-groupcard mt-card-space">
<a href="#" class="contributor-back-arrow" onclick="ShowHideDiv('firstpagediv');">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="20" viewBox="0 0 22 20" fill="none">
<path d="M10.3829 18.3652L2 9.98238L10.3829 1.59953" stroke="#1E2437" stroke-width="2" stroke-miterlimit="10"></path>
<path d="M2.01367 9.98242L21.1838 9.98242" stroke="#1E2437" stroke-width="2" stroke-miterlimit="10"></path>
</svg>
</a>
<div class="mt-contribute-groupcard-inner">
<div id="groupCardContributorCarousel" data-collection="c76ec32f-c52c-4d4f-852f-3d9e7dbf1a19">
<groupcardcontributormain>
<!-- GroupCardCarousel component -->
</groupcardcontributormain>
</div>
</div>
<!-- mt-contribute-left -->
</div>
<!-- md-6 -->
</div>
<div class="col-lg-6 bg-white mt-mob-bg">
<div class="mt-contribute-right mt-48 position-relative mt-card-white">
<div class="mt-sign-card">
<div class="mt-sign-card-inner">
<h2>Sign the card</h2>
<p>Write a message and add a photo <br> to the card</p>
<div class="mt-sign-card-form">
<div class="mt-sign-control">
<div class="row">
<div class="col-6">
<label>First name</label>
<input type="text" name="GroupCards[0].FirstName" id="FirstName" placeholder="First name" maxlength="45" onkeypress="handleEnterKey(event)">
</div>
<div class="col-6">
<label>Last name</label>
<input type="text" name="GroupCards[0].LastName" id="LastName" placeholder="Last name">
</div>
</div>
</div>
<hr>
<div class="mt-sign-control hidden" id="emailDiv">
<label> Email <span class="notification-badge" data-toggle="tooltip" data-placement="top" title="" data-original-title="We email you a copy of your message and photo with a link in case you need to edit it.">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<path
d="M8 0C3.6 0 0 3.6 0 8C0 12.4 3.6 16 8 16C12.4 16 16 12.4 16 8C16 3.6 12.4 0 8 0ZM8 13C7.4 13 7 12.6 7 12C7 11.4 7.4 11 8 11C8.6 11 9 11.4 9 12C9 12.6 8.6 13 8 13ZM9.5 8.4C9 8.7 9 8.8 9 9V10H7V9C7 7.7 7.8 7.1 8.4 6.7C8.9 6.4 9 6.3 9 6C9 5.4 8.6 5 8 5C7.6 5 7.3 5.2 7.1 5.5L6.6 6.4L4.9 5.4L5.4 4.5C5.9 3.6 6.9 3 8 3C9.7 3 11 4.3 11 6C11 7.4 10.1 8 9.5 8.4Z"
fill="#1E2437" fill-opacity="0.4"></path>
</svg>
</span>
</label>
<input type="email" id="EmailOnGC" name="Email" placeholder="xxx@xxxxxx.xxx" autocomplete="off" onkeypress="handleEnterKey(event)">
<hr>
</div>
<!-- mt-sign-card-form -->
<div class="mt-sign-control">
<label>Message</label>
<div class="mt-sign-textarea comment-div" id="CommentOld" placeholder="Start typing" maxlength="1000" contenteditable="true"></div>
<input type="hidden" id="Comment" name="GroupCards[0].Comment">
<a href="#" class="like-suggestions" data-toggle="modal" data-target="#description-examples">Need inspiration?</a>
</div>
<hr>
<div class="mt-sign-control border-bottom-0 mb-0 pb-0">
<label>Add an image or GIF</label>
<div class="d-flex justify-content-between" id="browseImage">
<div>
<button class="mt-browse-library" type="button" data-toggle="modal" data-target="#gifLibrarySelect"> Browse our library </button>
</div>
<div class="mt-upload-own">
<button id="imgtoset-GroupCards[0].Pic" onclick="GetImage(this); return false;">Add your own</button>
<input id="thisPicSrc-GroupCards[0].Pic" type="hidden" value="none" onchange="SetImage(this,0);">
<input type="file" name="GroupCards[0].Pic" id="GroupCards[0].Pic" hidden="hidden" onchange="readURL(this);" accept=".gif, .jpg, .jpeg, .bmp, .png">
</div>
</div>
<div class="mt-3" id="previewPicDiv" style="display: none;">
<div class="mt-card-image-preview position-relative d-inline-block">
<img id="GroupCards[0].Pic-preview" src="https://grouptogether.blob.core.windows.net/images/no_pic.jpg" alt="Alternate Text" style="width: 125px; height:125px">
<a href="#" onclick="RemoveImageTile(); return false;">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 16" width="16" height="16">
<path fill="#1e2437" fill-opacity="0.4" d="M 15 0 H 1 C 0.4 0 0 0.4 0 1 V 15 C 0 15.6 0.4 16 1 16 H 15 C 15.6 16 16 15.6 16 15 V 1 C 16 0.4 15.6 0 15 0 Z M 11.5 10.1 L 10.1 11.5 L 8 9.4 L 5.9 11.5 L 4.5 10.1 L 6.6 8 L 4.5 5.9 L 5.9 4.5 L 8 6.6 L 10.1 4.5 L 11.5 5.9 L 9.4 8 L 11.5 10.1 Z"></path>
</svg>
</a>
</div>
</div>
</div>
<!-- mt-sign-control -->
</div>
<!-- mt-sign-card-form -->
<div class="mt-profile-checkbox mt-4 mb-5 hidden">
<label class=""> Keep my message private <input data-val="true" data-val-required="The isPrivate field is required." id="GroupCards_0__isPrivate" name="GroupCards[0].isPrivate" type="checkbox" value="true"><input
name="GroupCards[0].isPrivate" type="hidden" value="false">
<span class="checkmark"></span>
</label>
</div>
<div class="mt-3">
<button type="button" class="theme-btn-lite" id="groupcard-button" onclick="contributionObj.validateGroupCardInfo()"> Next </button>
</div>
<span class="mt-tagline mt-3 payment-block hidden">By continuing you agree to GroupTogether’s <a href="https://grouptogether.com/terms" target="_blank">Terms</a> &
<a href="https://grouptogether.com/privacy" target="_blank">Privacy Policy</a>.</span>
</div>
</div>
<!-- mt-sign-card -->
</div>
<!-- mt-contribute-right -->
</div>
<!-- md-6 -->
</div>
<!-- row -->
</div>
</section>
</div>
<script src="/js/Common/Sanitize.js"></script>
<script>
setEditableDiv();
</script>
</form>POST /
<form id="payment-form" method="POST" action="/">
<div class="col-lg-6 bg-white mt-mob-bg" id="checkout-block" style="display:none">
<div class="mt-contribute-right">
<div class="mt-contribute-right-content">
<h2>
<a href="javascript:void(0)" class="d-block d-md-none" id="backtoCon">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="20" viewBox="0 0 22 20" fill="none">
<path d="M10.3829 18.3652L2 9.98238L10.3829 1.59953" stroke="#1E2437" stroke-width="2" stroke-miterlimit="10"></path>
<path d="M2.01367 9.98242L21.1838 9.98242" stroke="#1E2437" stroke-width="2" stroke-miterlimit="10"></path>
</svg>
</a> Contribute now
</h2>
<div class="mt-contribute-scrollable-block">
<div class="payment-tabs">
<div class="payment-btn payment-card active cursor-pointer"><i class="fas fa-solid fa-credit-card"> </i> Card</div>
<div class="payment-btn payment-google cursor-pointer" onclick="onGooglePaymentButtonClicked();"><svg viewBox="0 0 30 16" fill="none" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false"
class="p-Logo p-Logo--md p-TabIcon TabIcon">
<path d="M22.021 0H7.98C3.59 0 0 3.6 0 8s3.59 8 7.979 8H22.02C26.41 16 30 12.4 30 8s-3.59-8-7.979-8Z" fill="#fff"></path>
<path
d="M22.021.648c.986 0 1.943.196 2.845.58a7.395 7.395 0 0 1 3.91 3.92c.382.904.578 1.864.578 2.852 0 .988-.196 1.948-.579 2.852a7.417 7.417 0 0 1-3.91 3.92c-.9.384-1.858.58-2.844.58H7.98a7.221 7.221 0 0 1-2.845-.58 7.395 7.395 0 0 1-3.91-3.92A7.274 7.274 0 0 1 .647 8c0-.988.196-1.948.579-2.852a7.417 7.417 0 0 1 3.91-3.92 7.221 7.221 0 0 1 2.844-.58H22.02Zm0-.648H7.98C3.59 0 0 3.6 0 8s3.59 8 7.979 8H22.02C26.41 16 30 12.4 30 8s-3.59-8-7.979-8Z"
fill="#3C4043"></path>
<path
d="M14.306 8.568v2.42h-.766V5.012h2.03c.515 0 .954.172 1.313.516.367.344.55.764.55 1.26 0 .508-.183.928-.55 1.268-.355.34-.794.508-1.313.508h-1.264v.004Zm0-2.82v2.084h1.28c.304 0 .559-.104.758-.308.204-.204.307-.452.307-.732a.998.998 0 0 0-.307-.724.992.992 0 0 0-.758-.316h-1.28v-.004ZM19.436 6.764c.567 0 1.014.152 1.34.456.328.304.491.72.491 1.248v2.52h-.73v-.568h-.032c-.315.468-.738.7-1.264.7-.451 0-.826-.132-1.13-.4a1.279 1.279 0 0 1-.454-1c0-.424.16-.76.479-1.008.319-.252.746-.376 1.276-.376.455 0 .83.084 1.121.252v-.176a.873.873 0 0 0-.315-.68 1.08 1.08 0 0 0-.742-.28c-.427 0-.766.18-1.013.544l-.674-.424c.37-.54.921-.808 1.647-.808Zm-.99 2.968c0 .2.085.368.256.5.168.132.367.2.595.2.323 0 .61-.12.861-.36.252-.24.38-.52.38-.844-.24-.188-.571-.284-.998-.284-.311 0-.57.076-.778.224-.211.156-.315.344-.315.564ZM25.432 6.896l-2.553 5.888h-.79l.95-2.06-1.684-3.828h.834L23.4 9.832h.016l1.181-2.936h.834Z"
fill="#3C4043"></path>
<path d="M11.26 8.08c0-.25-.023-.49-.065-.72h-3.21v1.32h1.849c-.075.44-.317.814-.686 1.063v.857h1.1c.643-.597 1.011-1.478 1.011-2.52Z" fill="#4285F4"></path>
<path d="M9.149 9.743c-.306.207-.701.329-1.163.329-.891 0-1.648-.603-1.918-1.415H4.931v.883a3.417 3.417 0 0 0 3.054 1.888c.924 0 1.7-.305 2.263-.829l-1.1-.856Z" fill="#34A853"></path>
<path d="M5.96 8.002c0-.228.038-.448.107-.656v-.883H4.93a3.416 3.416 0 0 0-.363 1.539c0 .554.131 1.076.363 1.539l1.136-.883a2.071 2.071 0 0 1-.107-.656Z" fill="#FABB05"></path>
<path d="M7.986 5.932c.504 0 .955.174 1.312.514l.975-.977a3.279 3.279 0 0 0-2.287-.893 3.417 3.417 0 0 0-3.054 1.887l1.135.883c.271-.812 1.028-1.414 1.92-1.414Z" fill="#E94235"></path>
</svg> Google Pay</div>
<button type="button" lang="US" class="appleButton payment-btn" style="display:none;"><i class="fab fa-cc-apple-pay"></i> Apple Pay </button>
</div>
<div class="max-400">
<label for="card-number">Card number</label>
<div class="input-container card-number">
<div class="icon-container">
<img id="icon-card-number" src="/Images/card-icons/card.svg" alt="PAN">
</div>
<div class="card-number-frame frame--activated"><input data-fieldidentifier="checkout-fake-input-cardNumber" aria-hidden="true" autocomplete="fake" readonly="true"
style="position:absolute;top:-1px;left:0;width:100%;height:1px;border:0;margin:0;padding:0;pointer-events:none;opacity:0;background:transparent;"><iframe id="cardNumber"
src="https://js.checkout.com/framesv2/?v=2.34.0&publicKey=pk_uituff3cyvy2niqwjta35upvpec&modes=disable_copy_paste&iOS=false&schemeChoiceVariant=NONE&isMultiFrame=true&safari=false&lng=en-gb&element=card-number"
style="width:100%;height:100%;background:transparent;overflow:hidden;border:0 none transparent;margin:0;padding:0;-webkit-tap-highlight-color:transparent;display:block;position:static;" title="checkout-frames-cardNumber"
name="checkout-frames-cardNumber" scrolling="no" tabindex="0"></iframe></div>
<div class="icon-container payment-method">
<img id="logo-payment-method">
</div>
<div class="icon-container">
<img id="icon-card-number-error" src="/Images/card-icons/error.svg">
</div>
</div>
<div class="date-and-code">
<div>
<label for="expiry-date">Expiry date</label>
<div class="input-container expiry-date">
<div class="icon-container">
<img id="icon-expiry-date" src="/Images/card-icons/exp-date.svg" alt="Expiry date">
</div>
<div class="expiry-date-frame frame--activated"><input data-fieldidentifier="checkout-fake-input-expiryDate" aria-hidden="true" autocomplete="fake" readonly="true"
style="position:absolute;top:-1px;left:0;width:100%;height:1px;border:0;margin:0;padding:0;pointer-events:none;opacity:0;background:transparent;"><iframe id="expiryDate"
src="https://js.checkout.com/framesv2/?v=2.34.0&publicKey=pk_uituff3cyvy2niqwjta35upvpec&modes=disable_copy_paste&iOS=false&schemeChoiceVariant=NONE&isMultiFrame=true&safari=false&lng=en-gb&element=expiry-date"
style="width:100%;height:100%;background:transparent;overflow:hidden;border:0 none transparent;margin:0;padding:0;-webkit-tap-highlight-color:transparent;display:block;position:static;" title="checkout-frames-expiryDate"
name="checkout-frames-expiryDate" scrolling="no" tabindex="0"></iframe></div>
<div class="icon-container">
<img id="icon-expiry-date-error" src="/Images/card-icons/error.svg">
</div>
</div>
</div>
<div>
<label for="cvv">Security code</label>
<div class="input-container cvv">
<div class="icon-container">
<img id="icon-cvv" src="/Images/card-icons/cvv.svg" alt="CVV">
</div>
<div class="cvv-frame frame--activated"><input data-fieldidentifier="checkout-fake-input-cvv" aria-hidden="true" autocomplete="fake" readonly="true"
style="position:absolute;top:-1px;left:0;width:100%;height:1px;border:0;margin:0;padding:0;pointer-events:none;opacity:0;background:transparent;"><iframe id="cvv"
src="https://js.checkout.com/framesv2/?v=2.34.0&publicKey=pk_uituff3cyvy2niqwjta35upvpec&modes=disable_copy_paste&iOS=false&schemeChoiceVariant=NONE&isMultiFrame=true&safari=false&lng=en-gb&element=cvv"
style="width:100%;height:100%;background:transparent;overflow:hidden;border:0 none transparent;margin:0;padding:0;-webkit-tap-highlight-color:transparent;display:block;position:static;" title="checkout-frames-cvv"
name="checkout-frames-cvv" scrolling="no" tabindex="0"></iframe></div>
<div class="icon-container">
<img id="icon-cvv-error" src="/Images/card-icons/error.svg">
</div>
</div>
</div>
</div>
<!-- row -->
<div class="form-group mt-form">
<label for="">Street Address</label>
<input type="text" class="form-control max-100 pac-target-input" id="AddressFCheckout" placeholder="123 McMillan St, Redfern" autocomplete="off" onkeypress="handleEnterKey(event)">
</div>
<!-- -->
</div>
<div class="row no-gutters gutter-9">
<div class="col-md-4">
<div class="form-group mt-form">
<label for="">Country</label>
<input type="text" class="form-control country" id="" value="" placeholder="Australia">
</div>
<!-- -->
</div>
<div class="col-md-4">
<div class="form-group mt-form">
<label for="">City </label>
<input type="text" class="form-control max-100 locality" id="" value="" placeholder="Melbourne" onkeypress="handleEnterKey(event)">
</div>
<!-- -->
</div>
<div class="col-md-4">
<div class="form-group mt-form">
<label for="">State</label>
<input type="text" class="form-control max-100 administrative_area_level_1" onkeypress="handleEnterKey(event)" id="" value="" placeholder="NSW">
</div>
<!-- -->
</div>
</div>
<!-- row -->
</div>
<div class="max-400">
<button id="pay-button" disabled=""> PAY 0.00 </button>
</div>
<div>
<span class="error-message error-message__card-number"></span>
<span class="error-message error-message__expiry-date"></span>
<span class="error-message error-message__cvv"></span>
</div>
<p class="error-message" id="error"></p>
<p class="success-payment-message"></p>
</div>
</div>
</div>
</form>POST
<form method="post" id="SecurePayForm">
<input type="hidden" name="page_header_image" value="https://az708830.vo.msecnd.net/siteres/gt-logo-b.svg">
<input type="hidden" name="template" value="responsive">
<input type="hidden" name="primary_ref_name" value="Primary reference name from GT">
<input type="hidden" name="title" value="GroupTogether Contribution">
<input type="hidden" name="bill_name" value="transact">
<input type="hidden" name="display_receipt" value="no">
<input type="hidden" name="return_url" value="https://app.grouptogether.com/payments/ProcessSecureFrameReceipt">
<input type="hidden" name="callback_url" value="https://app.grouptogether.com/payments/ProcessSecureFrameResult?isSHA256=">
<input type="hidden" name="merchant_id">
<input type="hidden" name="txn_type">
<input type="hidden" name="primary_ref">
<input type="hidden" name="amount">
<input type="hidden" name="fp_timestamp">
<input type="hidden" name="fingerprint">
<input type="hidden" name="card_types" value="VISA|MASTERCARD|AMEX|PAYPAL" id="cardTypesSF">
</form>Text Content
HEY THERE, I'M JUST A PREVIEW OF WHAT PEOPLE WILL SEE. YOU CAN'T EDIT ME HERE OR
ENTER YOUR INFORMATION. CLICK TO EXIT.
MarkAndCandiceBabyGift
Hi everyone,
Mark and Candice is about to welcome their 2nd little baby girl. Please add your
message and (or) any pictures to the digital card.
Thanks
Join collection
No thanks
MARKANDCANDICEBABYGIFT
Closes on 8 July 2023
Sign
Closes 8 July 2023
MARKANDCANDICEBABYGIFT
AMOUNT OF CONTRIBUTION
The amount you give won’t be seen by other contributors
CLOSES
8 July 2023
Continue to payment details
CONTRIBUTE NOW
First name
Last name
Email address
Payment Method please select Credit Card PayPal Direct Transfer Credit Card
Address
City
State
Postal code
Subtotal: A$01.00
Fees: A$1.00
Total: A$01.00
Pay A$01.00
Continue
By continuing you agree to GroupTogether’s Terms & Privacy Policy.
CHOOSE AN IMAGE
* Giphy
* Unsplash
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
* select
MESSAGE SUGGESTIONS
COPY SOME OR ALL OF WHAT WE HAVE PROVIDED TO USE AS
YOUR GROUPCARD MESSAGE.
Start practising your new catchphrase now: “Because I said so.”
Good luck on your new adventure—it’s sure to be a wonderful experience!
First you made a cute couple. Now you made a cute kid. Congrats!
SIGN THE CARD
Write a message and add a photo
to the card
First name
Last name
--------------------------------------------------------------------------------
Email
--------------------------------------------------------------------------------
Message
Need inspiration?
--------------------------------------------------------------------------------
Add an image or GIF
Browse our library
Add your own
Keep my message private
Next
By continuing you agree to GroupTogether’s Terms & Privacy Policy.
CONTRIBUTE NOW
Card
Google Pay
Apple Pay
Card number
Expiry date
Security code
Street Address
Country
City
State
PAY 0.00
YOU DID IT!
Now make someone else’s day
with a group gift
farewell? baby? bday?
Try it now
P.S: We’ve emailed your receipt :)
PLEASE WAIT WHILE WE PROCESS YOUR TRANSACTION. IT WON’T BE LONG. THANK YOU.
×
OOPS!
Please enter the email address.
OK
×
OOPS!
Please enter valid email address
OK
×
OOPS!
Please select one option.
OK
×
OOPS!
Please enter the amount you want to contribute.
OK
×
OOPS!
Please enter the Number of people.
OK
×
JUST A PREVIEW!
This is just a preview. We'll let you contribute after you send the invitations.
OK
×
OOPS!
Sorry, the amount must be at least $1.00
OK
×
OOPS!
So sorry. This collection has closed. Perhaps you could contact the organiser
directly.
OK
×
OOPS!
Hi, we can see you are using Internet Explorer 9. To use GroupTogether, you'll
need to change to a newer version of IE or change to Chrome, Safari or Firefox.
OK
×
OOPS!
Warning,We are busy making the site even better & easier. We’ll be open again by
Monday morning.
OK
×
OOPS!
Please provide a value for number attending.
OK
×
OOPS!
Please provide a Numeric Value for number attending.
OK
×
OOPS!
OK
×
SORRY!
We’re having problems uploading your photo. The file might be too large or the
internet connection too slow.
You can wait a few moments and try again or you can choose another (smaller)
pic. Thanks
OK
×
OOPS!
Please add your name and message to the card.
OK
×
CARD VERIFICATION VALUE
The Card Verification Value is an anti-fraud measure used by some banks to
prevent payments from generated card numbers. The CVV number is printed on the
physical card, and is randomly assigned, therefore cannot be auto-generated.
For Visa/MasterCard, the 3-digit CVV is located on the signature strip at the
back of the card right after the last digits of card number are re-printed in
reverse italics.
OK
×
POLI PAYMENTS
Pay by transferring funds from your bank account via POLi, a company owned by
Australia Post.
OK
×
FEE
The fee is made up of our administration costs + the bank's online payment
processing fees.
The online payment fee covers the payment processing fees, payment gateway fees
and fraud related charge back fees. The domestic Visa/MC fee/direct debit fee is
1.7% + $0.30 and the overseas Visa/MC fee is 5%.
OK
×
SKIP GROUP CARD MESSAGE!
Do you want to skip adding a Group Card message?
Add Message Skip Group Card
OOPS!
Generic error text.
OK
OOPS!
Hi, we have already received a payment from you, would you like to make another
one?
Cancel Proceed
OVERSEAS CREDIT CARD DETECTED!
We have slightly different fees for overseas credit cards and we have updated
the fees accordingly.
Ok
ARE YOU SURE?
Confirming you are paying for 4 people at 5 each which means you will be charged
.
Yes No
THANKS FOR LETTING US KNOW
We have noted your response, and have removed you from the reminder list.
Thanks
×
OOPS!
Error occured.
OK
×
SUCCESS!
All done.
OK
×
OOPS!
OK
×
CHECK YOUR INBOX
We have emailed you a test invitation.
Click the invitation link and view the process, then come back to the SHARE page
to ‘Send’ or ‘Edit’ the invitation URL.
OK
×
DOUBLE CHECKING!
Would you like to add a group card to your collection for friends to leave a
message?
If so, please click the EDIT button. Then choose Group Card from the boxes below
and change from No to Yes.
Edit
Next
×
DOUBLE CHECKING!
Your new collection title is: {insert new title}. Do you want to edit to remove
the Copy-1
To remove, click the Collection Title box to edit.
Edit
Next
×
COLLECT FREE!
There's zero fees for the first $1000 you collect.
After that, there's a small fee of 3% per contribution.
OK
×
SORRY!
The charity you selected doesn't have an Electronic Funds Transfer (EFT)
facility available. Please try another charity or contact help@grouptogether.com
for further assistance.
OK
×
WHAT IS YOUR SCHOOL?
Select State ACT NSW NT QLD SA TAS VIC WA
SAVE
FREE OR TINY FEES
FREE TO SET UP
Collect + Give a gift from our retail partners: FREE
OR
Collect + Transfer funds: 1.7% + 30 cents
OK
×
WOOHOO!
Successfully added.
OK
×
YEEHAH!
You're sooo nice! We'll donate $10 to the Rural Fire Service Association for you
when you've collected $80+.
OK
×
YAY!
A$20 Uber e-voucher will come your way when:
👏
* You use your work email to login
* Most contributors use their work email
* You collect from at least 6 unique email addresses
* Minimum contribution amount is A$5
* Collection started by March 31
We’ll send the Uber voucher when your collection closes
OK
×
YAY!
If you choose to spend any of your collection on a Rebel Sport e-gift card
between Sept 10-30, 2020, we’ll add a bonus 10%.
That means if friends chip in, say $100, you can give a Rebel e-gift card for
$110. Nice!
OKAY
×
WHO PAYS THE FEES?
Every collection is free to setup. GroupTogether charges a small fee for each
contribution. The fee is made up of 2 components: GroupTogether's administrative
fee + online payment surcharge.
Bank transfers: 3% (2% Service Fee + 1% Bank Fees) Visa/MC: 4% + 25c (2.2%
Service Fee + Bank Fees of 1.8% + $0.25)
Want to know how much the fee will be? Please enter an amount below.
--------------------------------------------------------------------------------
Contribution amount: $
Visa / MC fee:
Bank transfer:
Overseas:
OK
NOT IN AUSTRALIA?
Sorry we can’t help you collect money.
Feel free to use our group card though.
Get friends to sign the card and upload a photo.
If you setup a collection: money is collected in AUD, can only be transferred to
an Australian bank or spent on Australian eGift cards, (no exceptions).
Confirm
OOPS!
Generic error text.
OK