<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>JOKERAPP888 : Website Joker Gaming Trusting Help To Get Champion Win</title>
<meta name="description" content="JOKERAPP888 merupakan link alternatif champion trusting gaming to get win solution untuk indonesia dengan rating game joker gaming until 100% at the year" />
<meta name="keywords" content="joker gaming, joker123, jokerapp888, jokerapp, jokerapp 888. joker888, joker6969, joker678, joker123 apk" />
<link rel="canonical" href="https://matthewsfriendscanada.org/" />
<meta name="google-site-verification" content="Uj1ZkwaO3d3_ZUkyrJYUQGG2Of6GfHRpzKjpAYOvHV4" />
<link rel="icon" type="image/png" href="images/favicon.ico">
<link rel="amphtml" href="https://matthewsfriendscanada.org/amp/">
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<meta name="expires" CONTENT="never" />
<meta name="rating" content="general" />
<meta name="copyright" content="copyright (c) 2024 by JOKER GAMING" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100;400;700&display=swap');
html{
box-sizing: border-box;
}
*, *:after,*:before{
box-sizing: border-box;
}
body{ background-color:#000;}
.navi{display:;background: linear-gradient(to bottom, #000000 0%, #262626 100%);position:fixed;bottom:0px;left:0;right:0;text-shadow:0 1px 3px rgb(0 0 0 / 75%); z-index:15; padding-top:13px;padding-bottom:13px;}
.navi .menus{display:flex;justify-content:center;padding:3px 0}
.navi .menus amp-img{max-width:35%;margin-bottom:5px}
@media only screen and (min-width: 800px) {
.navi,.navi .menus, .nav, .menuss, .fabWidget, .fabTrigger, .menus amp-img {display:none;}
}
.button {
background-color: #262626;
border: none;
color: #ffcc00;
padding: 5px 25px;
text-align: center;
text-decoration: none;
display: ;
position: relative;
z-index:100;
font-size: 16px;
margin: 10px ;
margin-right: 8px;
cursor: pointer;
border-radius: 5px;
border: 1px solid #ffcc00;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.buttonpc {
background-color: #262626;
border: none;
color: #ffcc00;
padding: 5px 25px;
text-align: center;
text-decoration: none;
display: ;
position: relative;
z-index:100;
font-size: 16px;
margin: 10px ;
margin-right: 8px;
cursor: pointer;
border-radius: 5px;
border: 1px solid #ffcc00;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
@media only screen and (max-width: 1000px) {
.buttonpc {display:none;
}}
.frames{position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:10;}
@media only screen and (max-width: 600px) {
.frames{position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:90%; border:none; margin:0; padding:0; overflow:hidden; z-index:10;}
}
#sy-whatshelp {
right: 25px;
bottom: 75px;
position: fixed;
z-index: 9999;
}
#sy-whatshelp a {
position: relative;
}
#sy-whatshelp a.sywh-open-services {
background-color: #129bf4;
color: #fff;
line-height: 55px;
margin-top: 10px;
border: none;
cursor: pointer;
font-size: 23px;
width: 55px;
height: 55px;
text-align: center;
box-shadow: 2px 2px 8px -3px #000;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
display: inline-block;
}
#sy-whatshelp a.sywh-open-services i {
line-height: 55px;
}
#sy-whatshelp a.sywh-open-services i.fa-times {
display: none;
}
#sy-whatshelp .sywh-services {
width: 55px;
height: auto;
}
#sy-whatshelp .sywh-services a {
display: none;
}
#sy-whatshelp .sywh-services a i {
background-color: #129bf4;
color: #fff;
line-height: 55px;
margin-top: 10px;
border: none;
cursor: pointer;
font-size: 23px;
width: 55px;
height: 55px;
text-align: center;
box-shadow: 2px 2px 8px -3px #000;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
}
#sy-whatshelp .sywh-services a.email i {
background-color: #b92b27;
}
#sy-whatshelp .sywh-services a.instagram i {
background-color: #e4405f;
}
#sy-whatshelp .sywh-services a.messenger i {
background-color: #0084ff;
}
#sy-whatshelp .sywh-services a.whatsapp i {
background-color: #25d366;
}
#sy-whatshelp .sywh-services a.call i {
background-color: #ff6600;
}
a[data-tooltip] {
position: relative;
}
a[data-tooltip]::before,
a[data-tooltip]::after {
position: absolute;
display: none;
opacity: 0.85;
transition: all 0.3s ease-in-out;
}
a[data-tooltip]::before {
content: attr(data-tooltip);
background: #000;
color: #fff;
font-size: 13px;
padding: 7px 11px;
border-radius: 5px;
white-space: nowrap;
text-decoration: none;
}
a[data-tooltip]::after {
width: 0;
height: 0;
border: 6px solid transparent;
content: "";
}
a[data-tooltip]:hover::before,
a[data-tooltip]:hover::after {
display: block;
}
a.sywh-open-services[data-tooltip]::before,
a.sywh-open-services[data-tooltip]::after {
display: block;
}
a.data-tooltip-hide[data-tooltip]::before,
a.data-tooltip-hide[data-tooltip]::after {
display: none !important;
}
a.sywh-open-services[data-tooltip][data-placement="left"]::before {
top: 11px;
}
a[data-tooltip][data-placement="left"]::before {
top: -7px;
right: 100%;
line-height: normal;
margin-right: 10px;
}
a[data-tooltip][data-placement="left"]::after {
border-left-color: #000;
border-right: none;
top: 50%;
right: 100%;
margin-top: -6px;
margin-right: 4px;
}
a[data-tooltip][data-placement="right"]::before {
top: -7px;
left: 100%;
line-height: normal;
margin-left: 10px;
}
a[data-tooltip][data-placement="right"]::after {
border-right-color: #000;
border-left: none;
top: 50%;
left: 100%;
margin-top: -6px;
margin-left: 4px;
}
a[data-tooltip][data-placement="top"]::before {
bottom: 100%;
left: 0;
margin-bottom: 10px;
}
a[data-tooltip][data-placement="top"]::after {
border-top-color: #000;
border-bottom: none;
bottom: 100%;
left: 10px;
margin-bottom: 4px;
}
a[data-tooltip][data-placement="bottom"]::before {
top: 100%;
left: 0;
margin-top: 10px;
}
a[data-tooltip][data-placement="bottom"]::after {
border-bottom-color: #000;
border-top: none;
top: 100%;
left: 10px;
margin-top: 4px;
}
.cont{
border-radius: 50%;
border: 7px solid #fff;
background: #262626;
-webkit-filter: drop-shadow(5px 5px 5px #222 );
filter: drop-shadow(5px 5px 5px #222);
}
</style>
<body>
<div class="container">
<a href="deposit" rel="follow"><button class="buttonpc"> Deposit </button></a>
<a href="deposit/withdraw" rel="follow"><button class="buttonpc"> Withdraw </button></a>
<a href="https://direct.lc.chat/10755842/" rel="follow"><button class="buttonpc"> LiveChat </button></a>
</div>
<iframe src="https://www.jokerapp888g.net/" class="frames"></iframe>
<div class="fabOverlay"></div>
<div class="navi">
<div class="menus">
<a href="deposit" rel="follow">
<button class="button"> Deposit </button>
</a>
<a href="deposit/withdraw" rel="follow">
<button class="button"> Withdraw </button>
</a>
<a class="sywh-open-services" data-tooltip="Contact Us" data-placement="left"><button class="button "> Kontak </button></a>
<div id="sy-whatshelp">
<div class="sywh-services">
<a href="https://direct.lc.chat/10755842/" class="kontak" data-tooltip="Livechat" data-placement="left" target="_blank">
<img src="images/chat.png" width="55px" class="cont" >
</a>
<a href="https://t.me/NandaXAyara" class="kontak" data-tooltip="Telegram" data-placement="left" target="_blank">
<img src="images/tele.png" width="55px" class="cont" >
</a>
<a href="https://api.whatsapp.com/send?phone=6282281547445" class="kontak" data-tooltip="WhatsApp" data-placement="left" target="_blank">
<img src="images/wa.png" width="55px" class="cont" >
</a>
<a href="https://api.whatsapp.com/send?phone=855967315127" class="kontak" data-tooltip="WhatsApp" data-placement="left" target="_blank">
<img src="images/wa.png" width="55px" class="cont" >
</a>
</div>
</div>
</div>
</div>
<script>
jQuery(function ($) {
$('a.sywh-open-services').click(function () {
if ($('.sywh-services').hasClass('active')) {
$('.sywh-services').removeClass('active');
$('a.sywh-open-services i.fa-times').hide();
$('a.sywh-open-services i.fa-comments').show();
$('a.sywh-open-services').removeClass('data-tooltip-hide');
$('.sywh-services a:nth-child(1)').delay(0).fadeOut();
$('.sywh-services a:nth-child(2)').delay(100).fadeOut();
$('.sywh-services a:nth-child(3)').delay(200).fadeOut();
$('.sywh-services a:nth-child(4)').delay(300).fadeOut();
$('.sywh-services a:nth-child(5)').delay(400).fadeOut();
} else {
$('.sywh-services').addClass('active');
$('a.sywh-open-services i.fa-comments').hide();
$('a.sywh-open-services i.fa-times').show();
$('a.sywh-open-services').addClass('data-tooltip-hide');
$('.sywh-services a:nth-child(5)').delay(0).fadeIn();
$('.sywh-services a:nth-child(4)').delay(100).fadeIn();
$('.sywh-services a:nth-child(3)').delay(200).fadeIn();
$('.sywh-services a:nth-child(2)').delay(300).fadeIn();
$('.sywh-services a:nth-child(1)').delay(400).fadeIn();
}
});
});
</script>
</body>
</html>