Find Remix Examples and Templates

Use this online remix playground to view and fork remix example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!

dark-wind-ectfyf
dark-wind-ectfyf"> <head> <base href="/"> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="/cdn-cgi/apps/head/MDT8FVN289jAlASXwEbMRfrUlsk.js"></script><link rel="shortcut icon" type="image/x-icon" sizes="32x32" href="/Themes/Joker/Images/favicon.ico?v=20221227" /> <title>Joker Gaming</title> <script type="text/javascript"> window.mobilecheck = function () { var check = false; (function (a, b) { if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0, 4))) check = true })(navigator.userAgent || navigator.vendor || window.opera); return check || navigator.userAgent.match(/iPad/i) != null || navigator.userAgent.match(/android/i) != null; } if (window.mobilecheck()) { window.location.href = "/home"; } </script> <link href="/bundle/fns-css?v=eA4TtnSlFAmUumFzqRQW0PjkS1h0JvVfY_SQ23_43l41" rel="stylesheet"/> <script src="/bundle/fns-modernizr?v="></script> <script> localeMessages = {}; localeMessages.TimeLeft = 'Sisa Waktu'; localeMessages.NoCompetition = '暂无数据'; localeMessages.NoDataAvailable = 'Tidak ada data yang tersedia'; localeMessages.CompetitionClosed = 'Kompetisi telah ditutup'; localeMessages.PleaseSelect = '请选择'; localeMessages.WeApologize = "KAMI MEMOHON MAAF"; localeMessages.ForInfomation = "Untuk informasi"; localeMessages.SetNicknameSuccessfully = "设置成功"; localeMessages.PleaseLogin = "Silahkan masuk"; localeMessages.ConfirmedPassNotMatch = "Kata sandi yang dikonfirmasi tidak cocok"; localeMessages.CanNotPlayMoreThan = "你不能玩超过{0} 游戏"; localeMessages.LiveCasinoRetrieveFrom = "想要收回金额吗?"; localeMessages.PasswordHasBeenUpdated = "Kata laluan {0} telah dikemas kini"; localeMessages.ErrorOccurred = "Terjadi kesalahan, coba lagi nanti"; localeMessages.PopupBlocked = "Popup Blocker diaktifkan! Silakan tambahkan situs ini ke daftar pengecualian Anda, segarkan dan coba lagi"; localeMessages.Deposit = "Setoran"; localeMessages.FreeCredit = "免费金额"; localeMessages.DepositCredit = "Deposit Kredit"; localeMessages.DepositFreeBalance = "存款免费余额"; localeMessages.DepositFreeCredit = "Deposit Kredit Percuma"; localeMessages.CashOut = "Penarikan"; localeMessages.CashOutCredit = "Keluarkan Kredit"; localeMessages.CashOutFreeBalance = "提款免费余额"; localeMessages.CashOutFreeCredit = "Keluarkan Kredit Percuma"; localeMessages.FreeBalance = "免费余额"; localeMessages.Balance = "Saldo"; localeMessages.Credit = "Credit"; localeMessages.OldPasswordInValid = "旧密码不匹配"; localeMessages.OldPasswordCannotEmptyOrWhiteSpace = "Old Password cannot be empty or white space"; localeMessages.PasswordCannotEmptyOrWhiteSpace = "Password cannot be empty or white space"; localeMessages.PasswordMustBeLeastLength = "密码必须至少为8个字符,区分大小写,包含字符和数字,例如 abcd1234"; </script> <link href="//fonts.googleapis.com/css2?family=Prompt:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"> </head> <body data-image="/Themes/Joker/Images/bg/bkg_agree.jpg?v=20221227" data-base-url="/" data-publisher="Joker" data-display-currency="MYR" data-currency-code="MYR" data-point-rate="" data-username="" data-currency-denom="1" data-snowing-effect="false" class="scroll-to christmas game-select game-select list-games" data-id="" data-hash=""> <script type="text/javascript"> window.baseContentUrl = '/'; </script> <nav class="navbar-fns navbar navbar-default"> <div class="container"> <div class="navbar-header-feature"> <div class="navbar-header-login-logout"> <form action="/SignIn" id="form_login" method="post"> <div class="username-container "> <input autocomplete="new-password" data-val="true" data-val-required="The Username field is required." id="Username" name="Username" placeholder="Nama akaun" type="text" value="" /> </div> <div class="password-container"> <input autocomplete="new-password" data-val="true" data-val-required="The Password field is required." id="Password" name="Password" placeholder="Kata laluan" type="password" /> </div> <div class="login-button-container"> <input id="Action" name="Action" type="hidden" value="GameIndex" /> <input id="GameCode" name="GameCode" type="hidden" value="" /> <input type="submit" onclick="window.app.beforeLogin()" value="Masuk" /> </div> <div style="display:none;"> <div class="validation-summary-valid validation-summary" data-valmsg-summary="true"><ul><li style="display:none"></li> </ul></div> </div> </form> <div class="seperator"></div> <div class="language-selector nav navbar-nav navbar-right"> <a class="dropdown-toggle id" data-toggle="dropdown" href="#!" role="button" aria-expanded="false"> <span class="caret"></span> </a> <form action="/SetLanguage" class="form-horizontal" method="get" role="form"><input id="langtag" name="langtag" type="hidden" value="" /><input id="returnUrl" name="returnUrl" type="hidden" value="http://www.joker123.net/GameIndex" /> <div class="dropdown-menu"> <ul role="menu"> <li class="dropdown dropdown-submenu"> <a class="international-language dropdown-toggle en" data-value="en" href="javascript:void(0)"> English </a> </li> <li class="dropdown dropdown-submenu"> <a class="international-language dropdown-toggle zh" data-value="zh" href="javascript:void(0)"> 中文 </a> </li> <li class="dropdown dropdown-submenu"> <a class="international-language dropdown-toggle th" data-value="th" href="javascript:void(0)"> ไทย </a> </li> <li class="dropdown dropdown-submenu"> <a class="international-language dropdown-toggle id" data-value="id" href="javascript:void(0)"> Indonesia </a> </li> <li class="dropdown dropdown-submenu"> <a class="international-language dropdown-toggle ms" data-value="ms" href="javascript:void(0)"> Bahasa Melayu </a> </li> </ul> </div> </form> </div> </div> </div> <div class="navbar-navigation-fns" id="header"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="off-canvas" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/"> <img src="/Themes/Joker/Images/logo/logo-christmas-2022.png?v=20221227" alt="logo"> </a> </div> <div id="navbar" class="navbar-collapse collapse"> <div class="time" id="time"></div> <div class="navbar-header-announcement-wrapper"> </div> <div class="menu-wrapper"> <ul id="menu-main-menu" class="nav navbar-nav navbar-right"> <li class="menu-itemdropdown dropdown-hover"> <a class="dropdown-toggle " href="/"> Laman utama </a> </li> <li> <a class="dropdown-toggle active" href="/GameIndex"> Permainan </a> </li> <li> <a class="dropdown-toggle " href="/LiveCasino"> Permainan Live </a> </li> <li> <a class="dropdown-toggle " href="/Manual"> Manual </a> </li> <li> <a class="dropdown-toggle " href="/AboutUs"> Mengenai kami </a> </li> </ul> </div> </div> </div> </div> </nav> <div class="main GameIndex"> <div> <div style="position: relative; width: 100%; overflow: hidden;"> <div class="banner-container" style="position: relative; left: 50%; width: 5000px; text-align: center; margin-left: -2500px;"> <div class="banner-container"> <div id="jssor_game_banner" style="position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1920px; height: 186px; overflow: hidden; visibility: hidden;"> <!-- Loading Screen --> <div data-u="loading" style="position: absolute; top: 0px; left: 0px;"> <div style="filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;"></div> <div style="position:absolute;display:block;background:url('/Themes/Joker/Images/spin.gif?v=20221227') no-repeat center center;top:0px;left:0px;width:100%;height:100%;"></div> </div> <div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 1920px; height: 186px; overflow: hidden;"> <div data-p="263.25"> <img data-u="image" src="/Themes/Joker/Images/banner/banner_00/bkg_listgame.jpg?v=20221227" /> <img data-u="caption" data-t="0" style="position:absolute;top:79px;left:464px;width:281px;height:61px;z-index:0;" src="/Themes/Joker/Images/banner/banner_00/text_banner_list_id.png?v=20221227" /> <a href="#install-guide-android" class="popup-content android" data-effect="mfp-zoom-in"> <img data-u="caption" data-t="1" style="position:absolute;top:100px;left:749px;width:120px;height:39px;z-index:0;" src="/Themes/Joker/Images/banner/banner_00/android_id.png?v=20221227" /> </a> </div> </div> </div> </div> </div> </div> <div id="install-guide-android" class="install-guide-popup mfp-with-anim mfp-hide"> <div class="popup-close"></div> <div class="guide-title"> <h2 class="">Instal Panduan - 安卓手机</h2> </div> <div class="line-seperate"></div> <div class="guide-content tac-owl-carousel"> <div class="item"> <div class="guide-steps guide-step-1 guide-step-qr mg-top-20"> <div> <span class="step-title">Langkah 1 :</span> <span class="step-content">Pindai Kode QR atau buka Situs seluler</span> <img class="qr-image android-qr-code" style="display: none" src="" alt="title" /> </div> </div> <div class="guide-steps guide-step-2"> <div> <span class="step-title">Langkah 2 :</span> <span class="step-content">Ikuti instruksi</span> </div> </div> <div> <img class="margin-left margin-right half-img" src="/Themes/Joker/Images/Mobile/id/android/content_slide_01.jpg?v=20221227" alt="title" /> <img class="margin-right half-img" src="/Themes/Joker/Images/Mobile/id/android/content_slide_03.jpg?v=20221227" alt="title" /> <img class="margin-right half-img" src="/Themes/Joker/Images/Mobile/id/android/content_slide_04.jpg?v=20221227" alt="title" /> </div> </div> <div class="item"> <div class="guide-steps guide-step-2 mg-top-20"> <div> <span class="step-title">Langkah 2 (Terus) :</span> <span class="step-content">Ikuti instruksi</span> </div> </div> <div class="mg-top-20"> <img class="margin-left margin-right half-img" src="/Themes/Joker/Images/Mobile/id/android/content_slide_05.jpg?v=20221227" alt="title" /> <img class="margin-right half-img" src="/Themes/Joker/Images/Mobile/id/android/content_slide_06.jpg?v=20221227" alt="title" /> <img class="margin-right half-img" src="/Themes/Joker/Images/Mobile/id/android/content_slide_07.jpg?v=20221227" alt="title" /> </div> </div> </div> </div> </div> <div class="container text-center"> <div class="game-jackpot-container"> <span class="img-text-jackpot"></span> <img src="/Themes/Joker/Images/GameJackpot/bkg_jackpot.png?v=20221227" /> <div class="center-container"> <div class="jackpot-light-circle"></div> </div> <div class="jackpot"> <span class="jackpot-num" data-point="0">Pemuatan...</span> </div> <div class="star star-1"></div> <div class="star star-2"></div> <div class="star star-3"></div> <div class="star star-4"></div> <div class="star star-5"></div> </div> </div> <div class="container content-container game-container" id="game-container"> <div class="game-categories"> <ul id="game_category_with_more" class="category main-category-content" style="visibility: hidden;"> <li class="category-item main-category-item" data-bind="css: { 'active' : activeCategory() == 'All' }" data-category-key="All" data-category-popup="false" data-hash-name="All"> <a href="javascript:void(0)">Semua permainan</a> </li> <li class="category-item main-category-item" data-bind="css: { 'active' : activeCategory() == 'Slot' }" data-category-key="Slot" data-category-popup="false" data-hash-name="Slot"> <a href="javascript:void(0)">老虎机游戏</a> </li> <li class="category-item main-category-item" data-bind="css: { 'active' : activeCategory() == 'Bingo' }" data-category-key="Bingo" data-category-popup="false" data-hash-name="Bingo"> <a href="javascript:void(0)">Bingo</a> </li> <li class="category-item main-category-item" data-bind="css: { 'active' : activeCategory() == 'Fishing' }" data-category-key="Fishing" data-category-popup="false" data-hash-name="Fishing"> <a href="javascript:void(0)">Tangkap ikan</a> </li> <li class="category-item main-category-item" data-bind="css: { 'active' : activeCategory() == 'ECasino' }" data-category-key="ECasino" data-category-popup="false" data-hash-name="ECasino"> <a href="javascript:void(0)">E-Permainan</a> </li> <li class="category-item main-category-item" data-bind="css: { 'active' : activeCategory() == 'Funky' }" data-category-key="Funky" data-category-popup="false" data-hash-name="Funky"> <a href="javascript:void(0)">Funky</a> </li> <li id="more_category_container" class="dropdown dropdown-category-content"> <a class="dropdown-toggle" data-toggle="dropdown"> <span>More</span> <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="category-item dropdown-category-item" data-bind="css: { 'active' : activeCategory() == 'All' }" data-category-key="All" data-category-popup="false" data-hash-name="All"> <a href="javascript:void(0)">Semua permainan</a> </li> <li class="category-item dropdown-category-item" data-bind="css: { 'active' : activeCategory() == 'Slot' }" data-category-key="Slot" data-category-popup="false" data-hash-name="Slot"> <a href="javascript:void(0)">老虎机游戏</a> </li> <li class="category-item dropdown-category-item" data-bind="css: { 'active' : activeCategory() == 'Bingo' }" data-category-key="Bingo" data-category-popup="false" data-hash-name="Bingo"> <a href="javascript:void(0)">Bingo</a> </li> <li class="category-item dropdown-category-item" data-bind="css: { 'active' : activeCategory() == 'Fishing' }" data-category-key="Fishing" data-category-popup="false" data-hash-name="Fishing"> <a href="javascript:void(0)">Tangkap ikan</a> </li> <li class="category-item dropdown-category-item" data-bind="css: { 'active' : activeCategory() == 'ECasino' }" data-category-key="ECasino" data-category-popup="false" data-hash-name="ECasino"> <a href="javascript:void(0)">E-Permainan</a> </li> <li class="category-item dropdown-category-item" data-bind="css: { 'active' : activeCategory() == 'Funky' }" data-category-key="Funky" data-category-popup="false" data-hash-name="Funky"> <a href="javascript:void(0)">Funky</a> </li> </ul> </li> </ul> <ul class="toolbar"> <li> <div class="search-container"> <input name="search" class="search" placeholder="CARIAN" /> </div> </li> </ul> </div> <div class="index-game-select"> <div class="index-game-box mouse-down-s animated zoomIn " title="Fish World" data-game-name="Fish World" data-bind="css: { 'active-category' : (activeCategory() == 'FishWorld' || (activeCategory() == 'All' && 'FishWorld' != 'Fishing' && 'FishWorld' != 'Funky') ) && isActiveGames(&quot;Fish World&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/fishworld.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="FishWorld" data-game-code="FishWorld" data-jackpot-group="" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> </div> <div class="index-title">Fish World</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Roma Legacy" data-game-name="Roma Legacy" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Roma Legacy&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/romalegacygw.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="RomaLegacyGW" data-jackpot-group="HG" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag index-flag index-flag-new"> <span class="pre-img"></span> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="RomaLegacyGW" data-jackpot-group="HG"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Roma Legacy</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Qatar 2022" data-game-name="Qatar 2022" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Qatar 2022&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/soccerworldgw.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="SoccerWorldGW" data-jackpot-group="HG" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag index-flag index-flag-new"> <span class="pre-img"></span> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="SoccerWorldGW" data-jackpot-group="HG"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Qatar 2022</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Wealth God" data-game-name="Wealth God" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Wealth God&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/wealthgodgw.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="WealthGodGW" data-jackpot-group="HG" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag index-flag index-flag-new"> <span class="pre-img"></span> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="WealthGodGW" data-jackpot-group="HG"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Wealth God</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Fruit Paradise" data-game-name="Fruit Paradise" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Fruit Paradise&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/fruitparadisegw.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="FruitParadiseGW" data-jackpot-group="HG" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag index-flag index-flag-new"> <span class="pre-img"></span> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="FruitParadiseGW" data-jackpot-group="HG"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Fruit Paradise</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Buccaneer Deluxe" data-game-name="Buccaneer Deluxe" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Buccaneer Deluxe&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/buccaneerdeluxegw.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="BuccaneerDeluxeGW" data-jackpot-group="HG" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag index-flag index-flag-new"> <span class="pre-img"></span> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="BuccaneerDeluxeGW" data-jackpot-group="HG"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Buccaneer Deluxe</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Critter Mania Deluxe" data-game-name="Critter Mania Deluxe" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Critter Mania Deluxe&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/crittermaniadeluxegw.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="CrittermaniaDeluxeGW" data-jackpot-group="HG" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag index-flag index-flag-new"> <span class="pre-img"></span> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="CrittermaniaDeluxeGW" data-jackpot-group="HG"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Critter Mania Deluxe</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Sizzling Hot" data-game-name="Sizzling Hot" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Sizzling Hot&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/sizzlinghotgw.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="SizzlingHotGW" data-jackpot-group="" data-game-width="1105" data-game-height="737"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-title">Sizzling Hot</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Roma" data-game-name="Roma" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Roma&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/roma.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="Roma" data-jackpot-group="JPGrand" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="Roma" data-jackpot-group="JPGrand"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Roma</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Lucky Joker" data-game-name="Lucky Joker" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Lucky Joker&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/luckyjoker.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="LuckyJoker" data-jackpot-group="JPGrand" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="LuckyJoker" data-jackpot-group="JPGrand"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Lucky Joker</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Mayan Gems" data-game-name="Mayan Gems" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Mayan Gems&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/mayangems.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="MayanGems" data-jackpot-group="JPGrand" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="MayanGems" data-jackpot-group="JPGrand"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Mayan Gems</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Highway Kings" data-game-name="Highway Kings" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Highway Kings&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/highwaykings.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="HighwayKings" data-jackpot-group="JPGrand" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="HighwayKings" data-jackpot-group="JPGrand"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Highway Kings</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Dragon&#39;s Realm" data-game-name="Dragon&#39;s Realm" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Dragon&#39;s Realm&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/dragonsrealm.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="DragonsRealm" data-jackpot-group="JPGrand" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="DragonsRealm" data-jackpot-group="JPGrand"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Dragon&#39;s Realm</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Huga" data-game-name="Huga" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') || activeCategory() == 'Tournament' ) && isActiveGames(&quot;Huga&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/huga.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="Huga" data-jackpot-group="JPGrand" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="Huga" data-jackpot-group="JPGrand"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Huga</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Bushido Blade" data-game-name="Bushido Blade" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Bushido Blade&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/bushidobladegw.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="BushidoBladeGW" data-jackpot-group="HG" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="BushidoBladeGW" data-jackpot-group="HG"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Bushido Blade</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Hot Fruits" data-game-name="Hot Fruits" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Hot Fruits&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/hotfruitsgw.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="HotFruitsGW" data-jackpot-group="HG" data-game-width="1105" data-game-height="737"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="HotFruitsGW" data-jackpot-group="HG"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Hot Fruits</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Panther Moon" data-game-name="Panther Moon" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Panther Moon&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/panthermoon.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="PantherMoon" data-jackpot-group="JPGrand" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="PantherMoon" data-jackpot-group="JPGrand"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Panther Moon</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Lucky God" data-game-name="Lucky God" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Lucky God&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/godoffortune.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="GodOfFortune" data-jackpot-group="JPGrand" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="GodOfFortune" data-jackpot-group="JPGrand"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Lucky God</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Archer" data-game-name="Archer" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Archer&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/archer.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="Archer" data-jackpot-group="JPGrand" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="Archer" data-jackpot-group="JPGrand"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Archer</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Safari Heat" data-game-name="Safari Heat" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Safari Heat&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/safariheat.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="SafariHeat" data-jackpot-group="JPGrand" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="SafariHeat" data-jackpot-group="JPGrand"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Safari Heat</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Dolphin Reef" data-game-name="Dolphin Reef" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Dolphin Reef&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/dolphinreef.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="DolphinReef" data-jackpot-group="JPGrand" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div> <div class="index-flag "> </div> <div class="index-flag "> </div> <div class="img-cash-drop"></div> </div> <div class="index-jackpot jackpot" data-game-code="DolphinReef" data-jackpot-group="JPGrand"> <div class="jackpot-value-container"> <div data-point="0" class="jackpot-value"></div> </div> <div class="jackpot-background"></div> <div class="jackpot-coin"> </div> </div> <div class="index-title">Dolphin Reef</div> </div> <div class="index-game-box mouse-down-s animated zoomIn " title="Tiger&#39;s Lair" data-game-name="Tiger&#39;s Lair" data-bind="css: { 'active-category' : (activeCategory() == 'Slot' || (activeCategory() == 'All' && 'Slot' != 'Fishing' && 'Slot' != 'Funky') ) && isActiveGames(&quot;Tiger&#39;s Lair&quot;) == true }"> <div class="index-icon-container"> <div class="index-img-container"> <div class="index-img-wrapper"> <img draggable="false" src="//dl.erlangyao.com/images/desktop_65_1/landscape/tigerslair.png" alt="" /> </div> </div> <div class="index-background-p"> <div class="index-play-text mouse-down" data-category-key="Slot" data-game-code="TigersLair" data-jackpot-group="JPGrand" data-game-width="960" data-game-height="600"> <div class="play img-play-now"> <span class="text">Main</span> </div> <div class="play-demo img-play-now"> <span class="text">Demo</span> </div> </div> </div>
Find more examples or templates