www.afrointroductions.com
Open in
urlscan Pro
104.69.40.31
Public Scan
Submitted URL: https://cupidmedia-mkt-prod8-t.adobe-campaign.com/r/?id=t2744562ef,40d70614,40d788da&e=cDE9QWZyb0ludHJvZHVjdGlvbnMuY29tJnAyPWVuJnAzPTE5MjU1ODkzJnA...
Effective URL: https://www.afrointroductions.com/en/payment/upgrade?&al=1&utm_content=AfroIntroductions%20en&utm_campaign=AccountManagement%20Wel...
Submission: On May 25 via api from IE — Scanned from SG
Effective URL: https://www.afrointroductions.com/en/payment/upgrade?&al=1&utm_content=AfroIntroductions%20en&utm_campaign=AccountManagement%20Wel...
Submission: On May 25 via api from IE — Scanned from SG
Form analysis 1 forms found in the DOM
Name: upgradeForm — POST https://www.AfroIntroductions.com/en/payment/order
<form name="upgradeForm" id="upgradeForm" method="post" action="https://www.AfroIntroductions.com/en/payment/order" novalidate="" data-form-show-spinner="true">
<div class="header-strip height-auto px2 pt2 flex justify-center">
<div class="max-width mx-auto flex items-center justify-between" data-toggle="membershipOptionstab" data-toggle-class="header-strip-color border-bottom">
<div class="tabs flex">
<h4 class="pointer h4 m0 me4 pb1 " data-toggle-show="Gold">Gold</h4>
<h4 class="pointer h4 m0 me4 pb1 header-strip-color border-bottom me3" data-toggle-show="Platinum">Platinum</h4>
<h4 class="pointer h4 m0 pb1" data-toggle-show="Diamond">Diamond</h4>
</div>
</div>
</div>
<div class="upgradebanner flex items-center justify-center" data-slider="">
<div class="me2 flex pointer" data-slide-nav-left="">
<svg class="icon-30 fill-standard">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/desktop/icons/icons.svg#icon-menuleft"></use>
</svg>
</div>
<div class="slides autoplay banner-slides relative overflow-hidden payment-upgrade-slides my3" data-slide-effect="fade-in">
<div class="pointer">
<div class="slide flex items-center justify-center fade-in">
<div class="m1 flex items-center">
<div class="me2">
<svg class="icon icon-small color-dark-grey">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/desktop/icons/icons.svg?v=20230524110223&#icon-messages"></use>
</svg>
</div>
<div class="left-align color-dark-grey">
<h2 class="bold m0">Send Unlimited Communications</h2>
<div class="m0 max-width-2 pre-line">Start interacting via instant messenger chat.</div>
</div>
</div>
</div>
<div class="slide flex items-center justify-center hide">
<div class="m1 flex items-center">
<div class="me2">
<svg class="icon icon-small color-dark-grey">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/desktop/icons/icons.svg?v=20230524110223&#icon-openlock"></use>
</svg>
</div>
<div class="left-align color-dark-grey">
<h2 class="bold m0">Access All Your Messages</h2>
<div class="m0 max-width-2 pre-line">Send and receive unlimited messages to all members</div>
</div>
</div>
</div>
<div class="slide flex items-center justify-center hide">
<div class="m1 flex items-center">
<div class="me2">
<svg class="icon icon-small color-dark-grey">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/desktop/icons/icons.svg?v=20230524110223&#icon-hand"></use>
</svg>
</div>
<div class="left-align color-dark-grey">
<h2 class="bold m0">Say Goodbye to Ads</h2>
<div class="m0 max-width-2 pre-line">Premium members enjoy no third-party ads in their dating experience. Upgrade now and say goodbye to ads!</div>
</div>
</div>
</div>
<div class="slide flex items-center justify-center hide">
<div class="m1 flex items-center">
<div class="me2">
<svg class="icon icon-small color-dark-grey">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/desktop/icons/icons.svg?v=20230524110223&#icon-double"></use>
</svg>
</div>
<div class="left-align color-dark-grey">
<h2 class="bold m0">Double Your Profile Space</h2>
<div class="m0 max-width-2 pre-line">Platinum members get twice the profile space in search results. Upgrade now and enjoy the extra attention from eligible singles.</div>
</div>
</div>
</div>
<div class="slide flex items-center justify-center hide">
<div class="m1 flex items-center">
<div class="me2">
<svg class="icon icon-small color-dark-grey">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/desktop/icons/icons.svg?v=20230524110223&#icon-rateabove"></use>
</svg>
</div>
<div class="left-align color-dark-grey">
<h2 class="bold m0">Rank Above Other Members</h2>
<div class="m0 max-width-2 pre-line">As a premium member, your profile will rank above standard members in search results. </div>
</div>
</div>
</div>
<div class="slide flex items-center justify-center hide">
<div class="m1 flex items-center">
<div class="me2">
<svg class="icon icon-small color-dark-grey">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/desktop/icons/icons.svg?v=20230524110223&#icon-diamond"></use>
</svg>
</div>
<div class="left-align color-dark-grey">
<h2 class="bold m0">Exclusive Diamond Membership</h2>
<div class="m0 max-width-2 pre-line">Diamond members will appear at the top of all results and have all their messages prioritised above others.</div>
</div>
</div>
</div>
</div>
<div class="slides-nav flex justify-center">
<div class="icon-8 me1 circle opacity-3 bg-dark-grey active"></div>
<div class="icon-8 me1 circle opacity-3 bg-dark-grey"></div>
<div class="icon-8 me1 circle opacity-3 bg-dark-grey"></div>
<div class="icon-8 me1 circle opacity-3 bg-dark-grey"></div>
<div class="icon-8 me1 circle opacity-3 bg-dark-grey"></div>
<div class="icon-8 me1 circle opacity-3 bg-dark-grey"></div>
</div>
</div>
<div class="ms2 flex pointer" data-slide-nav-right="">
<svg class="icon-30 fill-standard">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/desktop/icons/icons.svg#icon-menuright"></use>
</svg>
</div>
</div>
<div class="payment-content-max-width mx-auto px2">
<div id="paymentOptions" data-membership-selected="12">
<div class="mb3" data-toggle-membershipoptionstab="Diamond" hidden="">
<h1 class="h1 center my3 no-select">Diamond Subscription</h1>
<div class="flex justify-between">
<div class="me3">
<label class="col-12 pointer" for="DiamondWeek1">
<div class="flex items-center flex-none">
<input type="radio" name="product" id="DiamondWeek1" value="40" data-only-show="credit" class="touched">
<div class="icon icon-40 flex-none circle relative diamond">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="ms1">
<h3 class="m0 color-medium-grey">1 Week</h3>
<div class="flex-none">
<strong>
<span data-currency-price="Diamond1w">£ 34.00 GBP</span>
</strong>
</div>
</div>
</div>
<div class="col-12 my2">
</div>
<div class="center white rounded my1 bg-diamond h4"></div>
</label>
</div>
<div class="me3">
<label class="col-12 pointer" for="DiamondMonth1">
<div class="flex items-center flex-none">
<input type="radio" name="product" id="DiamondMonth1" value="36" data-only-show="reset" class="touched">
<div class="icon icon-40 flex-none circle relative diamond">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="ms1">
<h3 class="m0 color-medium-grey">1 Month</h3>
<div class="flex-none">
<strong>
<span data-currency-price="Diamond1">£ 67.99 GBP</span>
<span class="regular color-medium-grey">per month</span>
</strong>
</div>
</div>
</div>
<div class="col-12 my2">
</div>
<div class="center white rounded my1 py1 px2 bg-diamond h4">Exclusive Membership</div>
</label>
</div>
<div class="me3">
<label class="col-12 pointer" for="DiamondMonth3">
<div class="flex items-center flex-none">
<input type="radio" name="product" id="DiamondMonth3" value="37" data-only-show="reset" class="touched">
<div class="icon icon-40 flex-none circle relative diamond">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="ms1">
<h3 class="m0 color-medium-grey">3 Months</h3>
<div class="flex-none">
<strong>
<span data-currency-price="Diamond3">£ 43.99 GBP</span>
<span class="regular color-medium-grey">per month</span>
</strong>
</div>
</div>
</div>
<div class="col-12 my2">
<div class="opacity-8" data-billed="">Billed in one payment of <span data-currency-price="Diamond3_2">£ 131.97 GBP</span></div>
</div>
<div class="center white rounded my1 py1 px2 bg-diamond h4"> SAVE <span>35</span>% </div>
</label>
</div>
<div class="mb3">
<label class="col-12 pointer" for="DiamondMonth12">
<div class="flex items-center flex-none">
<input type="radio" name="product" id="DiamondMonth12" value="39" data-only-show="reset" class="touched">
<div class="icon icon-40 flex-none circle relative diamond">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="ms1">
<h3 class="m0 color-medium-grey">12 Months</h3>
<div class="flex-none">
<strong>
<span data-currency-price="Diamond12">£ 22.00 GBP</span>
<span class="regular color-medium-grey">per month</span>
</strong>
</div>
</div>
</div>
<div class="col-12 my2">
<div class="opacity-8" data-billed="">Billed in one payment of <span data-currency-price="Diamond12_2">£ 263.97 GBP</span></div>
</div>
<div class="center white rounded my1 py1 px2 bg-diamond h4"> SAVE <span>68</span>% </div>
</label>
</div>
</div>
</div>
<div class="mb3" data-toggle-membershipoptionstab="Platinum">
<h1 class="h1 center my3 no-select">Platinum Subscription</h1>
<div class="flex justify-between">
<div class="me3">
<label class="col-12 pointer" for="PlatinumWeek1">
<div class="flex items-center flex-none">
<input type="radio" name="product" id="PlatinumWeek1" value="35" data-only-show="credit" class="touched">
<div class="icon icon-40 flex-none circle relative platinum">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="ms1">
<h3 class="m0 color-medium-grey">1 Week</h3>
<div class="flex-none">
<strong>
<span data-currency-price="Platinum1w">£ 17.00 GBP</span>
</strong>
</div>
</div>
</div>
<div class="col-12 my2">
</div>
<div class="center white rounded my1 bg-platinum h4"></div>
</label>
</div>
<div class="me3">
<label class="col-12 pointer" for="PlatinumMonth1">
<div class="flex items-center flex-none">
<input type="radio" name="product" id="PlatinumMonth1" value="11" data-only-show="reset" class="touched">
<div class="icon icon-40 flex-none circle relative platinum">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="ms1">
<h3 class="m0 color-medium-grey">1 Month</h3>
<div class="flex-none">
<strong>
<span data-currency-price="Platinum1">£ 33.99 GBP</span>
<span class="regular color-medium-grey">per month</span>
</strong>
</div>
</div>
</div>
<div class="col-12 my2">
</div>
<div class="center white rounded my1 bg-platinum h4"></div>
</label>
</div>
<div class="me3">
<label class="col-12 pointer" for="PlatinumMonth3">
<div class="flex items-center flex-none">
<input type="radio" name="product" id="PlatinumMonth3" value="12" checked="checked" data-only-show="reset" class="touched">
<div class="icon icon-40 flex-none circle relative platinum">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="ms1">
<h3 class="m0 color-medium-grey">3 Months</h3>
<div class="flex-none">
<strong>
<span data-currency-price="Platinum3">£ 21.99 GBP</span>
<span class="regular color-medium-grey">per month</span>
</strong>
</div>
</div>
</div>
<div class="col-12 my2">
<div class="opacity-8" data-billed="">Billed in one payment of <span data-currency-price="Platinum3_2">£ 65.98 GBP</span></div>
</div>
<div class="center white rounded my1 py1 px2 bg-platinum h4"> SAVE <span>35</span>% </div>
</label>
</div>
<div class="mb3">
<label class="col-12 pointer" for="PlatinumMonth12">
<div class="flex items-center flex-none">
<input type="radio" name="product" id="PlatinumMonth12" value="15" data-only-show="reset" class="touched">
<div class="icon icon-40 flex-none circle relative platinum">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="ms1">
<h3 class="m0 color-medium-grey">12 Months</h3>
<div class="flex-none">
<strong>
<span data-currency-price="Platinum12">£ 11.00 GBP</span>
<span class="regular color-medium-grey">per month</span>
</strong>
</div>
</div>
</div>
<div class="col-12 my2">
<div class="opacity-8" data-billed="">Billed in one payment of <span data-currency-price="Platinum12_2">£ 131.98 GBP</span></div>
</div>
<div class="center white rounded my1 py1 px2 bg-platinum h4"> SAVE <span>68</span>% </div>
</label>
</div>
</div>
</div>
<div class="mb3" data-toggle-membershipoptionstab="Gold" hidden="">
<h1 class="h1 center my3 no-select">Gold Subscription</h1>
<div class="flex justify-between">
<div class="me3">
<label class="col-12 pointer" for="GoldWeek1" data-cm-modal-url="/en/payment/suggestPlatinumModal" data-show-once="platinumUpgrade">
<div class="flex items-center flex-none">
<input type="radio" name="product" id="GoldWeek1" value="34" data-upgrade-to="PlatinumWeek1" data-only-show="credit" class="touched">
<div class="icon icon-40 flex-none circle relative gold">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="ms1">
<h3 class="m0 color-medium-grey">1 Week</h3>
<div class="flex-none">
<strong>
<span data-currency-price="Gold1w">£ 14.49 GBP</span>
</strong>
</div>
</div>
</div>
<div class="col-12 my2">
</div>
<div class="center white rounded my1 bg-gold h4"></div>
</label>
</div>
<div class="me3">
<label class="col-12 pointer" for="GoldMonth1" data-cm-modal-url="/en/payment/suggestPlatinumModal" data-show-once="platinumUpgrade">
<div class="flex items-center flex-none">
<input type="radio" name="product" id="GoldMonth1" value="1" data-upgrade-to="PlatinumMonth1" data-only-show="reset" class="touched">
<div class="icon icon-40 flex-none circle relative gold">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="ms1">
<h3 class="m0 color-medium-grey">1 Month</h3>
<div class="flex-none">
<strong>
<span data-currency-price="Gold1">£ 28.99 GBP</span>
<span class="regular color-medium-grey">per month</span>
</strong>
</div>
</div>
</div>
<div class="col-12 my2">
</div>
<div class="center white rounded my1 bg-gold h4"></div>
</label>
</div>
<div class="me3">
<label class="col-12 pointer" for="GoldMonth3" data-cm-modal-url="/en/payment/suggestPlatinumModal" data-show-once="platinumUpgrade">
<div class="flex items-center flex-none">
<input type="radio" name="product" id="GoldMonth3" value="2" data-upgrade-to="PlatinumMonth3" data-only-show="reset" class="touched">
<div class="icon icon-40 flex-none circle relative gold">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="ms1">
<h3 class="m0 color-medium-grey">3 Months</h3>
<div class="flex-none">
<strong>
<span data-currency-price="Gold3">£ 18.66 GBP</span>
<span class="regular color-medium-grey">per month</span>
</strong>
</div>
</div>
</div>
<div class="col-12 my2">
<div class="opacity-8" data-billed="">Billed in one payment of <span data-currency-price="Gold3_2">£ 55.99 GBP</span></div>
</div>
<div class="center white rounded my1 py1 px2 bg-gold h4"> SAVE <span>36</span>% </div>
</label>
</div>
<div class="mb3">
<label class="col-12 pointer" for="GoldMonth12" data-cm-modal-url="/en/payment/suggestPlatinumModal" data-show-once="platinumUpgrade">
<div class="flex items-center flex-none">
<input type="radio" name="product" id="GoldMonth12" value="5" data-upgrade-to="PlatinumMonth12" data-only-show="reset" class="touched">
<div class="icon icon-40 flex-none circle relative gold">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="ms1">
<h3 class="m0 color-medium-grey">12 Months</h3>
<div class="flex-none">
<strong>
<span data-currency-price="Gold12">£ 9.33 GBP</span>
<span class="regular color-medium-grey">per month</span>
</strong>
</div>
</div>
</div>
<div class="col-12 my2">
<div class="opacity-8" data-billed="">Billed in one payment of <span data-currency-price="Gold12_2">£ 111.99 GBP</span></div>
</div>
<div class="center white rounded my1 py1 px2 bg-gold h4"> SAVE <span>68</span>% </div>
</label>
</div>
</div>
</div>
</div>
<div data-payment-options="" class="fade-in">
<h2 class="bold body-font-color">Choose a payment method</h2>
<div class="mb3">
<div class="mb2 pointer payment-option flex items-center" data-only-show-this="credit">
<div class="flex items-center justify-between col-12">
<label for="credit" class="pointer col-12">
<div class="flex items-center">
<input type="radio" name="paymentMethod" class="changeCurrency" id="credit" value="1,1" checked="checked">
<div class="icon icon-40 flex-none circle relative green">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="col-3 me2">
<div class="ms1"> Credit / Debit Card <div class="green regular h6 m0">Recommended</div>
</div>
</div>
<div class="flex items-center col-8 ms2">
<div class="bank-logo me1 flex items-center"><img class="fit" src="/assets/images/upgradeMembership/1.png"></div>
<div class="bank-logo me1 flex items-center"><img class="fit" src="/assets/images/upgradeMembership/2.png"></div>
<div class="bank-logo me1 flex items-center"><img class="fit" src="/assets/images/upgradeMembership/3.png"></div>
<div class="bank-logo me1 flex items-center"><img class="fit" src="/assets/images/upgradeMembership/125.png"></div>
<div class="bank-logo me1 flex items-center"><img class="fit" src="/assets/images/upgradeMembership/132.png"></div>
</div>
</div>
</label>
<div alt="info" id="1" data-title="Credit Card Payment Information" data-cm-modal-url="/en/payment/showPaymentMethodInformationC?paymentmethod=1">
<div class="icon icon-20 flex-none fill-action-unhighlight">
<svg class="icon-24 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-help"></use>
</svg>
</div>
</div>
</div>
</div>
<div class="mb2 pointer payment-option flex items-center" data-only-show-this="false">
<div class="flex items-center justify-between col-12">
<label for="PaySafeCard" class="pointer col-12">
<div class="flex items-center">
<input type="radio" name="paymentMethod" class="changeCurrency" id="PaySafeCard" value="83000000,8">
<div class="icon icon-40 flex-none circle relative green">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="col-3 me2">
<div class="ms1"> paysafecard </div>
</div>
<div class="flex items-center col-8 ms2">
<div class="bank-logo me1 flex items-center"><img class="fit" src="/assets/images/upgradeMembership/830.png"></div>
</div>
</div>
</label>
<div alt="info" id="83000000" data-title="paysafecard Payment Information" data-cm-modal-url="/en/payment/showPaymentMethodInformationC?paymentmethod=83000000">
<div class="icon icon-20 flex-none fill-action-unhighlight">
<svg class="icon-24 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-help"></use>
</svg>
</div>
</div>
</div>
</div>
<div class="mb2 pointer payment-option flex items-center" data-only-show-this="false">
<div class="flex items-center justify-between col-12">
<label for="BankTransfer" class="pointer col-12">
<div class="flex items-center">
<input type="radio" name="paymentMethod" class="changeCurrency" id="BankTransfer" value="7,7">
<div class="icon icon-40 flex-none circle relative green">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="col-3 me2">
<div class="ms1"> Bank Transfer </div>
</div>
<div class="flex items-center col-8 ms2">
</div>
</div>
</label>
<div alt="info" id="7" data-title="Bank Transfer Payment Information" data-cm-modal-url="/en/payment/showPaymentMethodInformationC?paymentmethod=7">
<div class="icon icon-20 flex-none fill-action-unhighlight">
<svg class="icon-24 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-help"></use>
</svg>
</div>
</div>
</div>
</div>
<div class="mb2 pointer payment-option flex items-center" data-only-show-this="false">
<div class="flex items-center justify-between col-12">
<label for="SOFORT Banking" class="pointer col-12">
<div class="flex items-center">
<input type="radio" name="paymentMethod" class="changeCurrency" id="SOFORT Banking" value="83600000,8">
<div class="icon icon-40 flex-none circle relative green">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="col-3 me2">
<div class="ms1"> SOFORT </div>
</div>
<div class="flex items-center col-8 ms2">
<div class="bank-logo me1 flex items-center"><img class="fit" src="/assets/images/upgradeMembership/836.png"></div>
</div>
</div>
</label>
<div alt="info" id="83600000" data-title="Sofort Information" data-cm-modal-url="/en/payment/showPaymentMethodInformationC?paymentmethod=83600000">
<div class="icon icon-20 flex-none fill-action-unhighlight">
<svg class="icon-24 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-help"></use>
</svg>
</div>
</div>
</div>
</div>
<div class="mb2 pointer payment-option flex items-center hide" data-upgrade-options="hide" data-only-show-this="false">
<div class="flex items-center justify-between col-12">
<label for="Trustly" class="pointer col-12">
<div class="flex items-center">
<input type="radio" name="paymentMethod" class="changeCurrency" id="Trustly" value="80600000,8">
<div class="icon icon-40 flex-none circle relative green">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="col-3 me2">
<div class="ms1"> Trustly </div>
</div>
<div class="flex items-center col-8 ms2">
<div class="bank-logo me1 flex items-center"><img class="fit" src="/assets/images/upgradeMembership/806.png"></div>
</div>
</div>
</label>
<div alt="info" id="80600000" data-title="Trustly" data-cm-modal-url="/en/payment/showPaymentMethodInformationC?paymentmethod=80600000">
<div class="icon icon-20 flex-none fill-action-unhighlight">
<svg class="icon-24 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-help"></use>
</svg>
</div>
</div>
</div>
</div>
<div class="mb2 pointer payment-option flex items-center hide" data-upgrade-options="hide" data-only-show-this="false">
<div class="flex items-center justify-between col-12">
<label for="Skrill" class="pointer col-12">
<div class="flex items-center">
<input type="radio" name="paymentMethod" class="changeCurrency" id="Skrill" value="170000000,17">
<div class="icon icon-40 flex-none circle relative green">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="col-3 me2">
<div class="ms1"> Skrill </div>
</div>
<div class="flex items-center col-8 ms2">
<div class="bank-logo me1 flex items-center">
<img class="fit" src="/assets/images/upgradeMembership/1700.png">
</div>
<div class="bank-logo me1 flex items-center">
<img class="fit" src="/assets/images/upgradeMembership/901.png">
</div>
</div>
</div>
</label>
<div alt="info" id="170000000" data-title="Skrill" data-cm-modal-url="/en/payment/showPaymentMethodInformationC?paymentmethod=170000000">
<div class="icon icon-20 flex-none fill-action-unhighlight">
<svg class="icon-24 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-help"></use>
</svg>
</div>
</div>
</div>
</div>
<div class="mb2 pointer payment-option flex items-center hide" data-upgrade-options="hide" data-only-show-this="credit" data-googlepay="">
<div class="flex items-center justify-between col-12">
<label for="googlePay" class="pointer col-12">
<div class="flex items-center">
<input type="radio" name="paymentMethod" class="changeCurrency" id="googlePay" value="19,19">
<div class="icon icon-40 flex-none circle relative green">
<svg class="icon-40 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-off"></use>
</svg>
<svg class="icon-40 absolute circle checked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-radio-on"></use>
</svg>
</div>
<div class="col-3 me2">
<div class="ms1"> Google Pay </div>
</div>
<div class="flex items-center col-8 ms2">
<div class="bank-logo me1 flex items-center"><img class="fit" src="/assets/images/upgradeMembership/1900.png"></div>
</div>
</div>
</label>
<div alt="info" id="19" data-title="Google Pay" data-cm-modal-url="/en/payment/showPaymentMethodInformationC?paymentmethod=19">
<div class="icon icon-20 flex-none fill-action-unhighlight">
<svg class="icon-24 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-help"></use>
</svg>
</div>
</div>
</div>
</div>
<div class="my2 col-12 flex items-center pointer" data-show-upgrade-options="">
<div class="icon icon-20 flex-none fill-action-unhighlight me1 rotate-90">
<svg class="icon-24 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-menuright"></use>
</svg>
</div>
<div class="mx1">More Payment Options</div>
</div>
<div class="my2 col-12 flex items-center pointer hide" data-hide-upgrade-options="">
<div class="icon icon-20 flex-none fill-action-unhighlight me1 rotate-270">
<svg class="icon-24 absolute circle unchecked">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-menuright"></use>
</svg>
</div>
<div class="mx1">Less Payment Options</div>
</div>
</div>
<div data-need-payment-option="true" hidden="">
<div class="m2 flex items-center">
<div class="icon-24 fill-red me2">
<!--?xml version="1.0" encoding="utf-8"?-->
<!-- Generator: Adobe Illustrator 21.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<style type="text/css">
.st0 {
fill: #FFFFFF;
}
</style>
<circle cx="25" cy="25" r="24.5"></circle>
<path class="st0" d="M24.6,44.2c-2.8,0-4.9-2.2-4.9-5.1c0-3,2.1-5.2,4.8-5.2c2.8,0,4.8,2.1,4.8,5.2C29.4,42,27.4,44.2,24.6,44.2
L24.6,44.2z M20.6,6.5c0.4-0.4,1-0.7,1.6-0.7h4.8c0.6,0,1.2,0.2,1.6,0.7c0.4,0.4,0.6,1,0.6,1.6l-0.8,18c0,1.2-1.1,2.2-2.3,2.2h-3
c-1.2,0-2.2-1-2.3-2.2L20,8.1C19.9,7.5,20.2,6.9,20.6,6.5L20.6,6.5z"></path>
</svg>
</div>
<div class="h4">Please select a payment option</div>
</div>
</div>
<div class="col-10 center my2 mx-auto" data-incsdvcopromo="true" data-inc-s-d-v-co-promo="true">
<label for="incSDGCoReg" class="flex mx0">
<input name="sdgCoRegSiteID" value="1001" hidden="" id="sdgCoRegSiteID">
<input type="checkbox" name="incSDGCoReg" value="1001" class="hide" id="incSDGCoReg">
<div class="icon icon-30 relative green pl1">
<svg class="absolute icon-30 left-0 mt1">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/desktop/icons/icons.svg?v=20230524110223&#icon-checkbox-on"></use>
</svg>
<svg class="absolute icon-30 left-0 unchecked mt1">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/desktop/icons/icons.svg?v=20230524110223&#icon-checkbox-off"></use>
</svg>
</div>
<div class="mt1 highlight-a relative ms2">By opting in, you receive a free 1-month trial on Dating.com and agree that your profile (including photos, personal and payment data) will be copied to Dating.com (SOL Networks Limited) and you
accept <a href="https://www.Dating.com/terms-and-conditions/##" target="_blank">Terms</a> and <a href="https://www.Dating.com/policy/##" target="_blank">Privacy Policy</a> of Dating.com</div>
</label>
</div>
<div class="col-12 center my2">
<button type="submit" class="relative bg-green white h4 py2 px4 my2 rounded shadow border-none upper-case pointer overflow-hidden" id="submitbutton"> Upgrade Now </button>
<div id="googlepay_container" class="center hide">
<div><button type="button" aria-label="Pay with GPay" class="gpay-button black pay en"></button></div>
</div>
</div>
<div class="p0 m0 my1 mx-auto max-width-3 highlight-a center opacity-8 " data-renew-text="">This subscription will be automatically renewed once it expires. This will ensure continuous access to all the benefits of a premium membership so you
can enjoy uninterrupted communications with all your potential matches. You can opt out of auto renewal at any time. <span class="highlight pointer" data-cm-modal-btn="renew_learnmore">Learn more</span></div>
</div>
<div id="renew_learnmore" hidden="">
<div class="modal max-width-2 bg-white rounded p2 fade-in">
<div class="m2 center">
<svg class="icon-116 fill-grey color-action-highlight">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-settings"></use>
</svg>
<h1>Automatic Renewal</h1>
<p><b>Automatic Renewal - Continuous Service</b><br> There is nothing worse than losing touch with a potential match when all you want to do is continue your conversation! To avoid this interruption, your membership on AfroIntroductions.com
will be automatically renewed. After your initial membership period expires, your membership will be automatically renewed for an additional equivalent period, at the same price. Your credit/debit card will be automatically
charged.<br><br>
<b>Billing Details</b><br> The charge on your billing statement or card will appear as "AfroIntroductions.com Southport AU". You are being billed by Cupid Media Pty Ltd, Suite 2502, 5 Lawson Street, Southport, QLD 4215, Australia.<br><br>
<b>Cancel Any Time</b><br> We don't want to interrupt your conversations so we offer a continuous service. However, if you want to discontinue the service, you can opt out of auto renewal at any time. Simply select 'Billing' from the
Settings menu to change your billing preferences.<br><br>
<b>Customer Service</b><br> Need more help or information? Feel free to contact our <a href="/en/general/contact">customer service team</a>.
</p>
</div>
<div class="flex justify-end">
<a class="link" aria-controls="modal">Close</a>
</div>
</div>
</div>
<div id="progress-spinner" class="overlay flex justify-center items-center col-12 fixed z4 top-0 right-0 left-0 bottom-0 white" data-text="Processing now, please wait ..." hidden="">
<svg class="icon-large heart-icon spinner m1 logo-heart site-logo">
<use xlink:href="#icon-logoheart"></use>
</svg>
<span>Processing now, please wait ...</span>
</div>
<!-- if not sparks products -->
<a id="compare"></a>
<div class="right-align">
<script type="text/javascript" src="https://cdn.ywxi.net/js/1.js" async=""></script>
<div class="trustedsite-trustmark loaded" data-type="212" data-width="120" data-height="50" title="TrustedSite Certified" tabindex="0"
style="width: 120px; height: 50px; display: inline-block; background-image: url("https://cdn.ywxi.net/meter/afrointroductions.com/212.svg?ts=1684800063095&l=en"); background-size: contain; background-position: center top; background-repeat: no-repeat; cursor: pointer;">
</div>
</div>
<div class="col-12 flex items-center mb1">
<div class="me2 flex justify-center"> Gold <svg class="icon-16 fill-gold ms1">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="me2 flex justify-center"> Platinum <svg class="icon-16 fill-platinum ms1">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="me2 flex justify-center"> Diamond <svg class="icon-16 fill-diamond ms1">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
<h2 class="bold body-font-color mt3">Compare Membership Features</h2>
<div class="col-12 flex items-start justify-between mb1 pb1">
<div class="col-6 me3 mb3">
<div class="flex items-center justify-between mb1">
<div class="col-7"> Basic Matching </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-gold">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-center justify-between mb1">
<div class="col-7"> Like </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-gold">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-center justify-between mb1">
<div class="col-7"> Communicate with Paying Members </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-gold">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-center justify-between mb1">
<div class="col-7"> Send Unlimited Communications </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-gold">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-center justify-between mb1">
<div class="col-7"> Unlock Your Messages </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-gold">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-center justify-between mb1">
<div class="col-7"> Say Goodbye to Ads </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-gold">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-center justify-between mb1">
<div class="col-7"> Hide Your Profile and Photos </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-gold">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-center justify-between mb1">
<div class="col-7"> Double Your Profile Space </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-center justify-between mb1">
<div class="col-7"> Unlock Exclusive Search Features </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
</div>
<div class="flex-auto mb3">
<div class="flex items-center justify-between mb1">
<div class="col-7"> Get Better Matches </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-center justify-between mb1">
<div class="col-7"> Instantly Translate Messages </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-center justify-between mb1">
<div class="col-7"> Rank Above Other Members </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-center justify-between mb1">
<div class="col-7"> Priority Messaging </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-center justify-between mb1">
<div class="col-7"> Rank Above All Members </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-center justify-between mb1">
<div class="col-7"> Profile Highlighting </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-center justify-between mb1">
<div class="col-7"> Premium Customer Service </div>
<div class="flex justify-center">
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
</div>
<div class="icon icon-30 flex items-center justify-center circle">
<svg class="icon-24 circle fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
</div>
</div>
</div>
</div>
<div class="max-width mx-auto">
<h2 class="bold body-font-color mt3">Standard Features</h2>
<div class="col-12 flex flex-wrap">
</div>
<h2 class="bold body-font-color mt3">Plus Features</h2>
<div class="col-12 flex flex-wrap">
<div class="mb3 col-features me4">
<div class="h3 mb1"> Basic Matching <svg class="icon-grade inline-block fill-gold">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">We show you profiles that match your ideal partner filtered by age, interests and lifestyle.</p>
</div>
<div class="mb3 col-features me4">
<div class="h3 mb1"> Like <svg class="icon-grade inline-block fill-gold">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Show you're interested by sending profile likes to other members</p>
</div>
<div class="mb3 col-features">
<div class="h3 mb1"> Communicate with Paying Members <svg class="icon-grade inline-block fill-gold">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Start messaging any paying member you've got your eye on!</p>
</div>
<div class="mb3 col-features me4">
<div class="h3 mb1"> Send Unlimited Communications <svg class="icon-grade inline-block fill-gold">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Start interacting via instant messenger chat.</p>
</div>
<div class="mb3 col-features me4">
<div class="h3 mb1"> Unlock Your Messages <svg class="icon-grade inline-block fill-gold">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Send and receive unlimited messages to all members</p>
</div>
<div class="mb3 col-features">
<div class="h3 mb1"> Say Goodbye to Ads <svg class="icon-grade inline-block fill-gold">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Premium members enjoy no third-party ads in their dating experience.</p>
</div>
<div class="mb3 col-features me4">
<div class="h3 mb1"> Hide Your Profile and Photos <svg class="icon-grade inline-block fill-gold">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Value your privacy? Premium members can hide their profiles and photos from other members with ease.</p>
</div>
<div class="mb3 col-features me4">
<div class="h3 mb1"> Double Your Profile Space <svg class="icon-grade inline-block fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Platinum members get twice the profile space in search results.</p>
</div>
<div class="mb3 col-features">
<div class="h3 mb1"> Unlock Exclusive Search Features <svg class="icon-grade inline-block fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Find your perfect match by location, lifestyle, ethnicity, and dating intention. Meet that special someone today!</p>
</div>
<div class="mb3 col-features me4">
<div class="h3 mb1"> Get Better Matches <svg class="icon-grade inline-block fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Find your perfect partner easier with access to exclusive mutual and reverse matching algorithms. It's never been easier to find that special someone.</p>
</div>
<div class="mb3 col-features me4">
<div class="h3 mb1"> Instantly Translate Messages <svg class="icon-grade inline-block fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Don't let language barriers get in the way of love with messages translated instantly.</p>
</div>
<div class="mb3 col-features">
<div class="h3 mb1"> Rank Above Other Members <svg class="icon-grade inline-block fill-platinum">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
<svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Rank above other members</p>
</div>
<div class="mb3 col-features me4">
<div class="h3 mb1"> Priority Messaging <svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Be the top message in the inbox of all the singles that you've messaged.</p>
</div>
<div class="mb3 col-features me4">
<div class="h3 mb1"> Rank Above All Members <svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Have your profile rank above all members in search results.</p>
</div>
<div class="mb3 col-features">
<div class="h3 mb1"> Profile Highlighting <svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Show you're a serious dater with the exclusive Diamond icon on your profile.</p>
</div>
<div class="mb3 col-features me4">
<div class="h3 mb1"> Premium Customer Service <svg class="icon-grade inline-block fill-diamond">
<use xlink:href="/assets/desktop/icons/icons.svg#icon-online"></use>
</svg>
</div>
<p class="m0 opacity-8">Experience premium customer service, 24 hours a day, 7 days a week, 365 days a year. </p>
</div>
</div>
</div>
<!-- if not sparks products -->
<div class="mt4">
<h2 class="bold body-font-color m0 mb1">Hear what other members have to say</h2>
<div class="flex items-center justify-between" data-slider="">
<div class="me2 flex pointer" data-slide-nav-left="">
<svg class="icon-30 fill-standard">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/desktop/icons/icons.svg#icon-menuleft"></use>
</svg>
</div>
<div class="slides autoplay banner-slides relative overflow-hidden payment-upgrade-slides my3" data-slide-effect="fade-in">
<div class="pointer">
<div class="slide slide-testimonial flex items-center justify-center fade-in">
<div class="flex-none block testimonials-img overflow-hidden circle me3 relative">
<div class="profile-bg" style="background-image:url('https://cdn.afrointroductions.com/images/testimonials/1AB4967B-5056-BD7F-79FC1079D1769EB5.jpg')"></div>
</div>
<div class="col-7 color-dark-grey">
<p class="italic pre-line">"This is a really good and specialised dating app. It's features and layout are both clear. There's lots of serious profiles and members are active. I fund my person in two weeks and while I hope to never
need InternationalCupid again, I hope other people will consider using it.."</p>
<p class="bold mt1">Jesper</p>
</div>
</div>
<div class="slide slide-testimonial flex items-center justify-center hide">
<div class="flex-none block testimonials-img overflow-hidden circle me3 relative">
<div class="profile-bg" style="background-image:url('https://cdn.afrointroductions.com/images/testimonials/EA7616A3-5056-BD40-F72CE894BD9F1072.jpg')"></div>
</div>
<div class="col-7 color-dark-grey">
<p class="italic pre-line">"We are the perfect match. AfroIntroductions is real. Thanks! We are happy we met each other and we plan to be together forever."</p>
<p class="bold mt1">Jimmy</p>
</div>
</div>
<div class="slide slide-testimonial flex items-center justify-center hide">
<div class="flex-none block testimonials-img overflow-hidden circle me3 relative">
<div class="profile-bg" style="background-image:url('https://cdn.afrointroductions.com/images/testimonials/7EEDAEA7-5056-BD48-1DAFC38E5BE21B83.jpg')"></div>
</div>
<div class="col-7 color-dark-grey">
<p class="italic pre-line">"We met on AfroIntroductions barely a month ago and truly we are soul mates. It's as if we've known each other for years. We've already introduced each other to our families. Truly, real LOVE exists. Words
cannot express it was full of excitement."</p>
<p class="bold mt1">Elorm</p>
</div>
</div>
<div class="slide slide-testimonial flex items-center justify-center hide">
<div class="flex-none block testimonials-img overflow-hidden circle me3 relative">
<div class="profile-bg" style="background-image:url('https://cdn.afrointroductions.com/images/testimonials/459426945.jpg')"></div>
</div>
<div class="col-7 color-dark-grey">
<p class="italic pre-line">" Thank you very much AfroIntroductions I found my other half. My darling, the love of my life. We plan to be together long-term. A thousand thanks to you!"</p>
<p class="bold mt1">Christelle</p>
</div>
</div>
</div>
<div class="slides-nav flex justify-center">
<div class="icon-8 me1 circle opacity-3 bg-dark-grey active"></div>
<div class="icon-8 me1 circle opacity-3 bg-dark-grey"></div>
<div class="icon-8 me1 circle opacity-3 bg-dark-grey"></div>
<div class="icon-8 me1 circle opacity-3 bg-dark-grey"></div>
</div>
</div>
<div class="ms2 flex pointer" data-slide-nav-right="">
<svg class="icon-30 fill-standard">
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/assets/desktop/icons/icons.svg#icon-menuright"></use>
</svg>
</div>
</div>
</div>
<div class="flex items-start mt4 pb4">
<div class="col-features me4">
<a href="/en/payment/upgrade?goldupgrade">
<h2 class="m0 mb1 bold gold">Gold</h2>
<h3 class="m0 color-medium-grey">1 Month</h3>
<h3 class="m0 bold body-font-color">£ 28.99 GBP <span class="h3 color-medium-grey">per month</span></h3>
</a>
</div>
<div class="col-features me4">
<a href="/en/payment/upgrade?platinumupgrade">
<h2 class="m0 mb1 bold platinum">Platinum</h2>
<h3 class="m0 color-medium-grey">1 Month</h3>
<h3 class="m0 bold body-font-color">£ 33.99 GBP <span class="h3 color-medium-grey">per month</span></h3>
</a>
</div>
<div class="col-features">
<a href="/en/payment/upgrade?diamondupgrade">
<h2 class="m0 mb1 bold diamond">Diamond</h2>
<h3 class="m0 color-medium-grey">1 Month</h3>
<h3 class="m0 bold body-font-color">£ 67.99 GBP <span class="h3 color-medium-grey">per month</span></h3>
</a>
</div>
</div>
</div>
</form>Text Content
1 Choose Membership 2 Personal Details 3 Receipt GOLD PLATINUM DIAMOND SEND UNLIMITED COMMUNICATIONS Start interacting via instant messenger chat. ACCESS ALL YOUR MESSAGES Send and receive unlimited messages to all members SAY GOODBYE TO ADS Premium members enjoy no third-party ads in their dating experience. Upgrade now and say goodbye to ads! DOUBLE YOUR PROFILE SPACE Platinum members get twice the profile space in search results. Upgrade now and enjoy the extra attention from eligible singles. RANK ABOVE OTHER MEMBERS As a premium member, your profile will rank above standard members in search results. EXCLUSIVE DIAMOND MEMBERSHIP Diamond members will appear at the top of all results and have all their messages prioritised above others. DIAMOND SUBSCRIPTION 1 WEEK £ 34.00 GBP 1 MONTH £ 67.99 GBP per month Exclusive Membership 3 MONTHS £ 43.99 GBP per month Billed in one payment of £ 131.97 GBP SAVE 35% 12 MONTHS £ 22.00 GBP per month Billed in one payment of £ 263.97 GBP SAVE 68% PLATINUM SUBSCRIPTION 1 WEEK £ 17.00 GBP 1 MONTH £ 33.99 GBP per month 3 MONTHS £ 21.99 GBP per month Billed in one payment of £ 65.98 GBP SAVE 35% 12 MONTHS £ 11.00 GBP per month Billed in one payment of £ 131.98 GBP SAVE 68% GOLD SUBSCRIPTION 1 WEEK £ 14.49 GBP 1 MONTH £ 28.99 GBP per month 3 MONTHS £ 18.66 GBP per month Billed in one payment of £ 55.99 GBP SAVE 36% 12 MONTHS £ 9.33 GBP per month Billed in one payment of £ 111.99 GBP SAVE 68% CHOOSE A PAYMENT METHOD Credit / Debit Card Recommended paysafecard Bank Transfer SOFORT Trustly Skrill Google Pay More Payment Options Less Payment Options Please select a payment option By opting in, you receive a free 1-month trial on Dating.com and agree that your profile (including photos, personal and payment data) will be copied to Dating.com (SOL Networks Limited) and you accept Terms and Privacy Policy of Dating.com Upgrade Now This subscription will be automatically renewed once it expires. This will ensure continuous access to all the benefits of a premium membership so you can enjoy uninterrupted communications with all your potential matches. You can opt out of auto renewal at any time. Learn more AUTOMATIC RENEWAL Automatic Renewal - Continuous Service There is nothing worse than losing touch with a potential match when all you want to do is continue your conversation! To avoid this interruption, your membership on AfroIntroductions.com will be automatically renewed. After your initial membership period expires, your membership will be automatically renewed for an additional equivalent period, at the same price. Your credit/debit card will be automatically charged. Billing Details The charge on your billing statement or card will appear as "AfroIntroductions.com Southport AU". You are being billed by Cupid Media Pty Ltd, Suite 2502, 5 Lawson Street, Southport, QLD 4215, Australia. Cancel Any Time We don't want to interrupt your conversations so we offer a continuous service. However, if you want to discontinue the service, you can opt out of auto renewal at any time. Simply select 'Billing' from the Settings menu to change your billing preferences. Customer Service Need more help or information? Feel free to contact our customer service team. Close Processing now, please wait ... Gold Platinum Diamond COMPARE MEMBERSHIP FEATURES Basic Matching Like Communicate with Paying Members Send Unlimited Communications Unlock Your Messages Say Goodbye to Ads Hide Your Profile and Photos Double Your Profile Space Unlock Exclusive Search Features Get Better Matches Instantly Translate Messages Rank Above Other Members Priority Messaging Rank Above All Members Profile Highlighting Premium Customer Service STANDARD FEATURES PLUS FEATURES Basic Matching We show you profiles that match your ideal partner filtered by age, interests and lifestyle. Like Show you're interested by sending profile likes to other members Communicate with Paying Members Start messaging any paying member you've got your eye on! Send Unlimited Communications Start interacting via instant messenger chat. Unlock Your Messages Send and receive unlimited messages to all members Say Goodbye to Ads Premium members enjoy no third-party ads in their dating experience. Hide Your Profile and Photos Value your privacy? Premium members can hide their profiles and photos from other members with ease. Double Your Profile Space Platinum members get twice the profile space in search results. Unlock Exclusive Search Features Find your perfect match by location, lifestyle, ethnicity, and dating intention. Meet that special someone today! Get Better Matches Find your perfect partner easier with access to exclusive mutual and reverse matching algorithms. It's never been easier to find that special someone. Instantly Translate Messages Don't let language barriers get in the way of love with messages translated instantly. Rank Above Other Members Rank above other members Priority Messaging Be the top message in the inbox of all the singles that you've messaged. Rank Above All Members Have your profile rank above all members in search results. Profile Highlighting Show you're a serious dater with the exclusive Diamond icon on your profile. Premium Customer Service Experience premium customer service, 24 hours a day, 7 days a week, 365 days a year. HEAR WHAT OTHER MEMBERS HAVE TO SAY "This is a really good and specialised dating app. It's features and layout are both clear. There's lots of serious profiles and members are active. I fund my person in two weeks and while I hope to never need InternationalCupid again, I hope other people will consider using it.." Jesper "We are the perfect match. AfroIntroductions is real. Thanks! We are happy we met each other and we plan to be together forever." Jimmy "We met on AfroIntroductions barely a month ago and truly we are soul mates. It's as if we've known each other for years. We've already introduced each other to our families. Truly, real LOVE exists. Words cannot express it was full of excitement." Elorm " Thank you very much AfroIntroductions I found my other half. My darling, the love of my life. We plan to be together long-term. A thousand thanks to you!" Christelle GOLD 1 MONTH £ 28.99 GBP PER MONTH PLATINUM 1 MONTH £ 33.99 GBP PER MONTH DIAMOND 1 MONTH £ 67.99 GBP PER MONTH PROCESSING NOW, PLEASE WAIT ...