Color Sort Mania - free online game

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="BvwlfmDmoUC8mw6hGKTayb3tNi3ZNrLwnAPHi1pV"> <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"> <meta name="msvalidate.01" content="77BC9EC2757BFFD6B08AB6E9830867E2" /> <meta name="msvalidate.01" content="8F0A17F8B7EE136DC522E193ADA44AC2" /> <meta name="msvalidate.01" content="81E0B92D870F20A5A81469EF8E834B59" /> <meta name="msvalidate.01" content="B3D56BE8396E01BC4B5FF1FADDBFEBAC" /> <meta name="msvalidate.01" content="6CF243145B598540D3EBE639EC0CED69" /> <meta name="msvalidate.01" content="5FE75E29938FE1D0DD54BAD2B25C99E4" /> <meta name="msvalidate.01" content="A20920FE8B2693A844693CA7B2DA0341" /> <meta name="msvalidate.01" content="443527962984ED6113E71C2E1C1E6FCC" /> <meta name="msvalidate.01" content="58D49F2458FE6C8E642907D29D522720" /> <meta name="msvalidate.01" content="851D73C3284A97030F2B09FDECBB3AD4" /> <meta name="msvalidate.01" content="A656B1E6BC13BAE9D5A8773D01104738" /> <meta name="msvalidate.01" content="61789A989A2520E21E638DD047CB7332" /> <meta name="msvalidate.01" content="B7C6A3E0D04CC5BA0C608C9520F3D00B" /> <meta name="msvalidate.01" content="F48263C70EDE1DC309187238F96CCE3F" /> <meta name="msvalidate.01" content="0EE0DAA2E0981DF931A252C15FCBCA2C" /> <meta name="msvalidate.01" content="0A07E3A82E7C0D9F9D9C345659EDB9DE" /> <meta name="msvalidate.01" content="131BBB629297ACBB160173ED53395845" /> <meta name="msvalidate.01" content="05555D8659A1D65F7D0E2EBA014AF981" /> <meta name="msvalidate.01" content="78AC6224A015A61918E531E916DD44FA" /> <meta name="msvalidate.01" content="7D606D72FCE39D630B7985DE1F0361B1" /> <meta name="msvalidate.01" content="EF3C401C6A614F8D465A9341CBFC5090" /> <meta name="msvalidate.01" content="EB952236EB778B9340696B13F7353A3D" /> <meta name="msvalidate.01" content="897AEDC10475FB0295F82A4210D64590" /> <meta name="msvalidate.01" content="F430E75F1EF116C6EFA24DE7CB3E0BC9" /> <meta name="msvalidate.01" content="F7B3BD2FE69072BCCE4126B9CC5045CB" /> <meta name="msvalidate.01" content="98EF95AD212ADD48C878F21B193AB8E4" /> <meta name="msvalidate.01" content="7C25DA74C8FF5FAB142FC70204BB07A6" /> <meta name="msvalidate.01" content="1D0E1105D459663D83517C7646FC097D" /> <meta name="msvalidate.01" content="81D4616A768B982EB9CE2018AECAE8F6" /> <meta name="msvalidate.01" content="8A3522EFAF15FC4FDF3B35078C516DB7" /> <meta name="msvalidate.01" content="5D38CFA2B20914936FDB97E2B9FB39C6" /> <meta name="msvalidate.01" content="3BC91AA62DFB93BBB6AF0F324F83B879" /> <meta name="msvalidate.01" content="EF8A373ACF36FCC9C576F7E17BDC0ED0" /> <meta name="msvalidate.01" content="8C25C1EC562A320C4E886F6FBD551AA0" /> <meta name="msvalidate.01" content="4BA3D4BEDFCBDE8D855A5D67FB70ECAD" /> <meta name="msvalidate.01" content="E10CD32B036CAFEE4E0BAF11165F6D14" /> <meta name="msvalidate.01" content="E97FE2DDBEBEE0B3AB82D7D7499D54B0" /> <meta name="msvalidate.01" content="895A1ECBF4F65AB03AB7449235C31DA7" /> <meta name="msvalidate.01" content="F03D9D95ECB8E1D15F5DF466E55DC2EF" /> <meta name="msvalidate.01" content="10D1437BF96D7A042B768C9F7731BAB4" /> <meta name="msvalidate.01" content="7ED6C9C1C31D32B7B13F91DFB3BCB4F7" /> <meta name="msvalidate.01" content="37AF4033FCDC8814D80B3347D8DCFD61" /> <meta name="msvalidate.01" content="14828660C6B43D54B71B032573D1DCC6" /> <meta name="msvalidate.01" content="968272C9D1F17F43A36BEF900C379237" /> <meta name="msvalidate.01" content="752B68F93142732EAB7CCB7A5D776D16" /> <meta name="msvalidate.01" content="B1A99BDD7D6156B30A78E68F365C9F83" /> <meta name="msvalidate.01" content="6C25E85F718295037CD6F2B882C55F0C" /> <meta name="msvalidate.01" content="5C7D771CAF9E1D204A650ACD0E1CCC27" /> <meta name="msvalidate.01" content="0A33808F913B3177D30C05FFEA18A778" /> <meta name="msvalidate.01" content="6A58B74EB884C7D4DFF37B085C2EF641" /> <meta name="msvalidate.01" content="0154F0B163EC39E2C00077A555BB712F" /> <meta name="msvalidate.01" content="78D17C560AC7BBDC345D966938135AD5" /> <meta name="msvalidate.01" content="9DD6BD390FBB5FCE73E03376DF6923C2" /> <meta name="msvalidate.01" content="2BBC0BE30006807810C289BDF64CFF11" /> <meta name="msvalidate.01" content="6EB50B0564B4A30C435A67724D547579" /> <meta name='ir-site-verification-token' value='529231765' /> <meta name='impact-site-verification' value='34bab047-b19c-4a2d-83b9-4e7b91954a89'> <title>Color Sort Mania - free online game | Jerseygamers</title><meta name="description" content="Play Color Sort Mania at Jerseygamers. You can find more free games like Color Sort Mania on Jerseygamers."><link rel="canonical" href="https://jerseygamers.com/en/games/color-sort-mania"/><meta property="og:title" content="Color Sort Mania - free online game | Jerseygamers" /><meta property="og:description" content="Play Color Sort Mania at Jerseygamers. You can find more free games like Color Sort Mania on Jerseygamers." /><meta property="og:image" content="https://img.gamedistribution.com/614e38c2129e4915afb9902c3238d350-512x512.jpg" /><meta name="twitter:title" content="Color Sort Mania - free online game | Jerseygamers" /><meta name="twitter:description" content="Play Color Sort Mania at Jerseygamers. You can find more free games like Color Sort Mania on Jerseygamers." /><meta name="twitter:image" content="https://img.gamedistribution.com/614e38c2129e4915afb9902c3238d350-512x512.jpg" /><script type="application/ld+json">{"@context":"https://schema.org","@type":"AggregateRating","name":"Color Sort Mania - free online game | Jerseygamers","description":"Play Color Sort Mania at Jerseygamers. You can find more free games like Color Sort Mania on Jerseygamers.","image":"https://img.gamedistribution.com/614e38c2129e4915afb9902c3238d350-512x512.jpg","itemReviewed":{"name":"Color Sort Mania","@type":"MediaObject"},"ratingValue":4,"ratingCount":129}</script> <link rel="stylesheet" href="/static-res/css/newsike.css?id=3dec9ad9859d5f7df554"> <script src="/static-res/js/newsike.js?id=7f363cc5445f1191888e" defer></script> <script src="/static-res/js/alpine.js?id=aa67474ee4ce14dc980f" defer></script> <link rel="preconnect" href="https://www.googletagmanager.com" /> <link rel="dns-prefetch" href="https://www.googletagmanager.com" /> <link rel="alternate" type="application/rss+xml" href="https://api.jerseygamers.com/v1/rss"> <link rel="apple-touch-icon" sizes="57x57" href="/static-res/img/newsike/apple-icon-57x57.png?id=7f2dd0f19fc9423ccae5" /> <link rel="apple-touch-icon" sizes="60x60" href="/static-res/img/newsike/apple-icon-60x60.png?id=0bd5f84ce8093a295d08" /> <link rel="apple-touch-icon" sizes="72x72" href="/static-res/img/newsike/apple-icon-72x72.png?id=fed97a82d99287329aa1" /> <link rel="apple-touch-icon" sizes="76x76" href="/static-res/img/newsike/apple-icon-76x76.png?id=8dd2b4bd97e42ce4bb48" /> <link rel="apple-touch-icon" sizes="114x114" href="/static-res/img/newsike/apple-icon-114x114.png?id=e1350d22e08f3a9a98ee" /> <link rel="apple-touch-icon" sizes="120x120" href="/static-res/img/newsike/apple-icon-120x120.png?id=c8f79402edc377935736" /> <link rel="apple-touch-icon" sizes="144x144" href="/static-res/img/newsike/apple-icon-144x144.png?id=e103a4bdcfdaedd66ae6" /> <link rel="apple-touch-icon" sizes="152x152" href="/static-res/img/newsike/apple-icon-152x152.png?id=026787d9b01866dc2ecb" /> <link rel="apple-touch-icon" sizes="180x180" href="/static-res/img/newsike/apple-icon-180x180.png?id=ac5d8669f9fac00716da" /> <link rel="icon" type="image/png" sizes="192x192" href="/static-res/img/newsike/android-icon-192x192.png?id=8de180f7a159494d7e57" /> <link rel="icon" type="image/png" sizes="32x32" href="/static-res/img/newsike/favicon-32x32.png?id=39a6afc44c6afe88283c" /> <link rel="icon" type="image/png" sizes="96x96" href="/static-res/img/newsike/favicon-96x96.png?id=98b4072dae559862b5fc" /> <link rel="icon" type="image/png" sizes="16x16" href="/static-res/img/newsike/favicon-16x16.png?id=a43a5a3c7de4d329262b" /> <link rel="manifest" href="/static-res/img/newsike/manifest.json?id=6d0a109cbc6d45f4e64b"> <meta name="msapplication-TileImage" content="/static-res/img/newsike/ms-icon-144x144.png?id=e103a4bdcfdaedd66ae6" /> <meta name="msapplication-TileColor" content="#ffffff" /> <meta name="theme-color" content="#ffffff" /> <meta http-equiv="x-ua-compatible" content="ie=edge">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-54725HQVMF"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-54725HQVMF'); </script> </head> <body> <div x-data="{"show":true,"style":"success","message":null}" :class="{ 'bg-indigo-500': style == 'success', 'bg-red-700': style == 'danger', 'bg-gray-500': style != 'success' && style != 'danger' }" style="display: none;" x-show="show && message" x-init=" document.addEventListener('banner-message', event => { style = event.detail.style; message = event.detail.message; show = true; }); "> <div class="max-w-screen-xl mx-auto py-2 px-3 sm:px-6 lg:px-8"> <div class="flex items-center justify-between flex-wrap"> <div class="w-0 flex-1 flex items-center min-w-0"> <span class="flex p-2 rounded-lg" :class="{ 'bg-indigo-600': style == 'success', 'bg-red-600': style == 'danger' }"> <svg x-show="style == 'success'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <svg x-show="style == 'danger'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <svg x-show="style != 'success' && style != 'danger'" class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> </span> <p class="ml-3 font-medium text-sm text-white truncate" x-text="message"></p> </div> <div class="flex-shrink-0 sm:ml-3"> <button type="button" class="-mr-1 flex p-2 rounded-md focus:outline-none sm:-mr-2 transition" :class="{ 'hover:bg-indigo-600 focus:bg-indigo-600': style == 'success', 'hover:bg-red-600 focus:bg-red-600': style == 'danger' }" aria-label="Dismiss" x-on:click="show = false"> <svg class="h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> </div> </div> </div> <div class="min-h-screen bg-green-300"> <nav x-data="{ open: false }" class="sticky top-0 z-40 w-full backdrop-blur flex-none transition-colors duration-500 lg:z-50 lg:border-b border-slate-50/[0.06] supports-backdrop-blur:bg-white/95 bg-green-900/75">  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="flex justify-between h-[60px]"> <div class="flex">  <div class="flex-shrink-0 flex items-center"> <a href="https://jerseygamers.com" class="text-xl font-black tracking-wider text-white"> Jerseygamers </a> </div>  <div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex"> <a class="inline-flex items-center px-1 pt-1 border-b-2 border-transparent text-sm font-medium leading-5 text-gray-500 hover:text-gray-700 hover:border-gray-300 focus:outline-none focus:text-gray-700 focus:border-gray-300 transition text-white !text-base !hover:text-gray-100 hover:!text-gray-100 !font-bold" href="https://jerseygamers.com/en/games/genres"> Categories </a> <form class="inline-flex items-center w-72 mb-0" action="https://jerseygamers.com/en/games/search" target="_top" > <input aria-label="keyword" type="text" name="keyword" class="ml-4 sm:ml-0 mt-2 sm:mt-0 w-full text-base pl-4 py-[7px] font-bold rounded-[30px] bg-green-100/75 border-transparent border-solid-x" placeholder="Search" /> </form> </div> </div>  <div class="-mr-2 flex items-center sm:hidden"> <button @click="open = ! open" aria-label="menu" class="inline-flex items-center justify-center p-2 rounded-md text-white hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition"> <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24"> <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" /> <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" /> </svg> </button> </div> </div> </div>  <div :class="{'block': open, 'hidden': ! open}" class="hidden sm:hidden"> <div class="pt-2 pb-3 space-y-1"> <a class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition text-white !font-bold" href="https://jerseygamers.com"> Home </a> <a class="block pl-3 pr-4 py-2 border-l-4 border-transparent text-base font-medium text-gray-600 hover:text-gray-800 hover:bg-gray-50 hover:border-gray-300 focus:outline-none focus:text-gray-800 focus:bg-gray-50 focus:border-gray-300 transition text-white !font-bold" href="https://jerseygamers.com/en/games/genres"> Categories </a> <form class="inline-flex items-center w-72 mb-0" action="https://jerseygamers.com/en/games/search" target="_top" > <input aria-label="keyword" type="text" name="keyword" class="ml-4 sm:ml-0 mt-2 sm:mt-0 w-full text-base pl-4 py-[7px] font-bold rounded-[30px] bg-green-100/75 border-transparent border-solid-x" placeholder="Search" /> </form> </div> </div> </nav> <main> <div class="w-full flex flex-row items-start"> <div class="flex-shrink-0 hidden sm:flex flex-wrap justify-center gap-4 p-4 w-2/12"> <a href="https://jerseygamers.com/en/games/classic-trucks-puzzle" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/a9f6ffac6a0e417097fe858135ed1da3-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Classic Trucks Puzzle </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/box-puzzle" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/14d28c8474344e9a8789087f07da44ae-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Box Puzzle </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/jumping-together" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/8f18f6bde03b45b2b6e615231ae5d80c-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Jumping Together </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/bus-collect" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/99f5b2c35eec4f67ab74980ef9e4de8c-512x512.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Bus Collect </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/monster-match" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/510d417516874bee975251678ca54fa0-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Monster Match </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/snowman-2020-puzzle" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/e1452fc838184224aaa0c96c8936d6ce-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Snowman 2020 Puzzle </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/happy-halloween-2020-puzzle" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/0470d2b6f47d40c481a3c5aa7a93493e-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Happy Halloween 2020 Puzzle </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/sudoku-hawaii" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/ae5e6af263e84ae3840b9e5160fef9eb.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Sudoku Hawaii </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/line-side" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/24e9abe333124136ade4aa5d1c29b6d0-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Line Side </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/summer-beach-differences" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/9c5dbae9b2174ea3904e2b0c8a6e1ada-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Summer Beach Differences </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/sweet-puzzle-time" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/15ef2bd2722749e597e94c6bb951efb6-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Sweet Puzzle Time </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/valentine-sweet-lover-puzzle" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/c60df7549acd4a6d8bf2ce047fc7d373-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Valentine Sweet Lover Puzzle </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/sudoku-blocks" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/cefdee07fa214ae0b94da28b7f9d4058-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Sudoku Blocks </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/color-maze" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/3c8b433fc995458d81bb901e6653cc10-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Color Maze </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/colors-game" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/30f135d4cd6640a8ab2291da6c356008-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Colors Game </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/blocky-gun-paintball-3" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/b24072767d454114be088dac33df1508-512x384.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Blocky Gun Paintball 3 </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/snake-blockade" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/78bf0a934be94c41a32220426ee0233a-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Snake Blockade </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/blind-boat-shooting-master" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/e3e48cef6a944b66a3b9a63e906f573f-512x512.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Blind Boat Shooting Master </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/match-the-shapes" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/319f741e66364b68a892da5950d4b5b2-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Match The Shapes </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/woodoku" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/9ed0d4b243484a6cb2456068085e0aa2-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Woodoku </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/elemental-blocks-collapse" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/9079f9bb6aee48a282974c6ec7379f40-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Elemental Blocks Collapse </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/parking-car" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/5eb4dc6e0a6a4ba0811f51e0f0324a00-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Parking Car </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/nom-nom-yum" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/6ddc9081f0db4b09908be03b282d21ad-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Nom Nom Yum </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/lipuzz-water-sort-puzzle" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/e91a77432b204af5aa1383da63f90835-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Lipuzz Water Sort Puzzle </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/cartoon-police-car-slide" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/5c83489ebae9440da9bbf18d00c4d422-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Cartoon Police Car Slide </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/spooky-sort-it" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/4a57ff992e844866be9a73d82d6bb61d-512x512.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Spooky Sort It </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> </div> <div class="mt-0 lg:mt-4 mb-4 flex flex-col items-center"> <div class="w-full mb-4 shadow-xl"> <div id="game-container" class="flex flex-col landscape:flex-row items-start"> <button id="btn-exit" class="hidden w-5 h-5 bg-green-900 text-white text-sm">X</button> <iframe id="iframe-game" allowfullscreen="" width="100%" height="485px" src="https://html5.gamedistribution.com/614e38c2129e4915afb9902c3238d350/?gd_sdk_referrer_url=https://gamedistribution.com/games/shadow-fighter/"></iframe> </div> <div class="bg-white py-2 pl-4 pr-3 flex items-center justify-between"> <div class="flex items-center gap-3"> <img class="lazyload object-cover rounded-md" style="width: 30px; height: 30px;" data-src="https://img.gamedistribution.com/614e38c2129e4915afb9902c3238d350-512x512.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="font-semibold text-lg"> Color Sort Mania </div> </div> <button id="btn-fullscreen" class="p-1"> <svg class="" focusable="false" aria-hidden="true" viewBox="0 0 24 24" width="25" height="25"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V8C2 8.55228 2.44772 9 3 9C3.55228 9 4 8.55228 4 8V5.41421L7.79289 9.20711C8.18342 9.59763 8.81658 9.59763 9.20711 9.20711C9.59763 8.81658 9.59763 8.18342 9.20711 7.79289L5.41421 4H8C8.55228 4 9 3.55228 9 3C9 2.44772 8.55228 2 8 2H4ZM16 2C15.4477 2 15 2.44772 15 3C15 3.55228 15.4477 4 16 4H18.5858L14.7929 7.79289C14.4024 8.18342 14.4024 8.81658 14.7929 9.20711C15.1834 9.59763 15.8166 9.59763 16.2071 9.20711L20 5.41421V8C20 8.55228 20.4477 9 21 9C21.5523 9 22 8.55228 22 8V4C22 2.89543 21.1046 2 20 2H16ZM16 20L18.5858 20L14.7929 16.2071C14.4024 15.8166 14.4024 15.1834 14.7929 14.7929C15.1834 14.4024 15.8166 14.4024 16.2071 14.7929L20 18.5858V16C20 15.4477 20.4477 15 21 15C21.5523 15 22 15.4477 22 16V20C22 21.1046 21.1046 22 20 22L16 22C15.4477 22 15 21.5523 15 21C15 20.4477 15.4477 20 16 20ZM4 18.5858L7.79289 14.7929C8.18342 14.4024 8.81658 14.4024 9.20711 14.7929C9.59763 15.1834 9.59763 15.8166 9.20711 16.2071L5.41421 20H8C8.55228 20 9 20.4477 9 21C9 21.5523 8.55228 22 8 22H4C2.89543 22 2 21.1046 2 20V16C2 15.4477 2.44772 15 3 15C3.55228 15 4 15.4477 4 16L4 18.5858Z"></path></svg> </button> </div> </div> <div class="flex flex-wrap justify-center gap-4 mb-4"> <a href="https://jerseygamers.com/en/games/tow-trucks-memory" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/ec039b2409b843f0a46ad705cafb008d-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Tow Trucks Memory </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/halloween-tetriz" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/5e031cb2ca9b419d823253070c71439b-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Halloween Tetriz </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/2021-uk-porsche-911-turbo-s-puzzle" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/5b75df84973841538df9d9a1b8a4a33c-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> 2021 UK Porsche 911 Turbo S Puzzle </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/muffins-memory-match" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/49e41b1e04474f10a3a39d7d35ece5b2-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Muffins Memory Match </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/frog-jump" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/26df5fed92714044be799d28e92c06c1-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Frog Jump </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/police-cars-memory" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/e81358879a9147a0a235e5a8d0337f5e-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Police Cars Memory </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/merge-fish" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/bffac8aeba6644ddabf4e5c8059e680f-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Merge Fish </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/dr-dice" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/0e9a8f7ea8034d3599f6e57f05718799-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Dr Dice </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/candy-super-lines" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/bf18529a9f154a0e959bd5bfb3a974e7-512x384.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Candy Super Lines </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/construction-trucks-hidden" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/f0dabdbd1e174d79b501994031fd2350-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Construction Trucks Hidden </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/futoshiki" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/73cf325d890b42e0941d2b4a8878e857-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Futoshiki </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/the-night-of-the-witches-jigsaw" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/7af6d9062e924136991c09fcf574df15-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> The Night Of The Witches Jigsaw </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/click-line-pop" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/5bcc2c414f6b4b9cb1191262657ac994-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Click Line Pop </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/pixel-soldier-memory" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/5d982768c1f34ecead85487759f6a968-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Pixel Soldier Memory </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/cartoon-halloween-slide-puzzle" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/372e3678463e4e409dd53d2938678bbc-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Cartoon Halloween Slide Puzzle </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/words-swipe" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/4d495393a3a14221b871593ce4e34cd5-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Words Swipe </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> </div> <div class="flex flex-wrap justify-center pb-4 gap-4"> <a href="https://jerseygamers.com/en/games/genres/racing-driving" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Racing & Driving Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/match-3" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Match-3 Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/dress-up" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Dress-up Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/merge" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Merge Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/battle" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Battle Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/cards" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Cards Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/educational" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Educational Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/basketball" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Basketball Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/care" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Care Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/strategy" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Strategy Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/sports" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Sports Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/quiz" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Quiz Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/bubble-shooter" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Bubble Shooter Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/io" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> .IO Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/cooking" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Cooking Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/puzzle" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Puzzle Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/boardgames" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Boardgames Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/agility" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Agility Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/shooter" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Shooter Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/football" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Football Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/simulation" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Simulation Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/mahjong-connect" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Mahjong & Connect Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/adventure" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Adventure Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/casual" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Casual Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/art" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Art Games </div> </a> <a href="https://jerseygamers.com/en/games/genres/jigsaw" rel="noopener" class="group relative w-[314px] lg:w-[204px]"> <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]"> Jigsaw Games </div> </a> </div> <div class="my-2 w-full shadow-xl bg-white px-5 py-5"> <ol class="breadcrumb !font-bold uppercase"> <li> <a href="https://jerseygamers.com" title="Jerseygamers">Jerseygamers</a> </li> <li> <img class="w-3 h-3" width="12" height="12" src="/static-res/img/breadcrumb.svg?id=eb2f7b3aeb7710ce75a4" alt="breadcrumb Puzzle Games"/> <a href="https://jerseygamers.com/en/games/genres/puzzle" title="Puzzle Games">Puzzle Games</a> </li> <li> <img class="w-3 h-3" width="12" height="12" src="/static-res/img/breadcrumb.svg?id=eb2f7b3aeb7710ce75a4" alt="breadcrumb Color Sort Mania"/> <a href="#" title="Color Sort Mania">Color Sort Mania</a> </li> </ol> <div class="mt-5 prose lg:prose-xl"> <h2>Color Sort Mania</h2> <div>Forget about everyday life and indulge in a simple world where sorting is an art. Put the bubbles in the most strategic flask and enjoy when everything falls into place.<br /> </div> <h3>Play Color Sort Mania: How to Win</h3> <div>Click on the flasks you want to move the bubbles on top between them. Make sure all bubbles of the same color are in one flask to pass the level. Use the power-ups in case you get stuck or don't know how to proceed.<br /> </div> <h3>Game Play Highlights</h3> <div>Endless<br /> 7 difficulties<br /> 3 power ups<br /> 10 different colors<br /> </div> <h3>Which category does this game belong to within the gaming world?</h3> <div>The appropriate genre classification for this game is Puzzle.</div> <h3>Does the game involve any blood imagery or content?</h3> <div>Yes, there is violent imagery involving blood in Color Sort Mania.</div> <h3>Which specific game creation tool was used to develop this game?</h3> <div>The game uses Javascript game development library like Cocos or Construct 3.</div> <h3>Which developer studio made this game?</h3> <div>The organization that created this game is Inlogic Software.</div> <h3>Is this game mobile-friendly?</h3> <div>Color Sort Mania is accessible on mobile devices like smartphones and tablets.</div> <h3>What gender audience is this game aimed at?</h3> <div>Male & Female players would enjoy this game the most.</div> <h3>Which keywords are most relevant to the game's genre?</h3> <div>Labels or categories used to tag this game are bubble, color, sorting.</div> <h3>Are there any scenes in the game that depict cruelty?</h3> <div>Yes, there are acts of cruelty in Color Sort Mania.</div> <h3>Is the game safe for children to play?</h3> <div>No, the content of Color Sort Mania is not appropriate for children.</div> </div> </div> </div> <div class="flex-shrink-0 hidden sm:flex flex-wrap justify-center gap-4 p-4 w-2/12"> <a href="https://jerseygamers.com/en/games/memory-match-jungle-animals" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/821b7f8328774022b48473a8a18ae183-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Memory Match Jungle Animals </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/blocksss" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/24b45f0d68f84e3fba4c9215384a5b13-512x512.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Blocksss </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/invasion-crush" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/22c4a887511a4c71a245c9feb322b045-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Invasion Crush </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/cute-animals-pairs-game" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/6d9ef6f3e892481c860b9b96d925b1c8-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Cute Animals Pairs Game </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/painting-vintage-cars-jigsaw-puzzle-2" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/4ff54fc9391845d78d59467bff0d5cc4-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Painting Vintage Cars Jigsaw Puzzle 2 </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/text-talk" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/446ebdc3a4f9449db46859a15d502ae9-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Text Talk </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/kids-little-broccoli" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/9c5c1e70db674dab8608c5c4df6ff0ad-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Kids Little Broccoli </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/halloween-words-search" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/17f59b95bf924d32b3f519bf06563666-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Halloween Words Search </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/findergarten-christmas" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/89a17738fdc94bddacec0c35c8f17563-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Findergarten Christmas </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/match-fun-3d" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/c924b1d568ab40529e71d08b866c78fc-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Match Fun 3D </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/cute-kitty-jigsaw" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/eef50bca614c4fcfa4752d798bf43f8a-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Cute Kitty Jigsaw </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/magical-jigsaw" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/ac3e7b4fc98941a188b7acf47cac0c39-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Magical Jigsaw </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/halloween-sudoku" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/342e46d427fd44f394281c48c7ba27ea-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Halloween Sudoku </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/classic-slide-puzzle" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/31edf1260d2c4497a56c32250d462249-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Classic Slide Puzzle </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/f1-slide" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/6dde292dbb5e474ba5c568b89744b05e-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> F1 Slide </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/farm-tiles-harvest" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/7cc63d2cc7dd4167aca725036cb17b08-512x512.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Farm Tiles Harvest </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/super-sneakers-memory" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/8f723365d42445a8a413017b93e90041-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Super Sneakers Memory </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/cut-it-2" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/5eb3fe6f53ef4e77ace200601dd39fcf-512x384.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Cut It 2 </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/sweet-candy-hexa-puzzle" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/b00b197483df4122a5ffa06adf0cb1cf-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Sweet Candy Hexa Puzzle </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/merge-monsters-army" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/cc2b4029238d44dd884be0e8651bb99b-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Merge Monsters Army </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/happy-glass-puzzles-2" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/9f2122e725024a59a52e466eea56cf91-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Happy Glass Puzzles 2 </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/food-hidden-stars" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/e59baa804b75447fb35a3892d9b07348.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Food Hidden Stars </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/cute-penguin-puzzle" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/822a25063d1c43a4b554dc5c79a0cd4a-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Cute Penguin Puzzle </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/hexa" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/ab1984b4b1314e1dab545a34b62bce47-512x512.jpg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Hexa </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/mermaids-puzzle" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/5afa4c57a2d144619712d81668c17e49-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Mermaids Puzzle </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> <a href="https://jerseygamers.com/en/games/math-rockets-addition" rel="noopener" class="group relative"> <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px] " data-src="https://img.gamedistribution.com/cecf0cfd21794362afe6ec2346023154-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/> <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300"> Math Rockets Addition </div> <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)"> </div> </a> </div> </div> <script> const keyRecentGames = 'recentGames'; try { const keyRecentGamesLimit = 12; const keyRecentGamesStorage = JSON.parse(localStorage.getItem(keyRecentGames) || '[]'); const game = { s: 'color-sort-mania', n: 'Color Sort Mania', i: 'https://img.gamedistribution.com/614e38c2129e4915afb9902c3238d350-512x512.jpg', }; const recentGames = keyRecentGamesStorage.filter(item => item.s !== game.s).slice(0, keyRecentGamesLimit - 1); recentGames.unshift(game); localStorage.setItem(keyRecentGames, JSON.stringify(recentGames)); } catch (e) { localStorage.removeItem(keyRecentGames); } function toggleFullscreen() { document.getElementById('game-container').classList.toggle('fullscreen'); document.getElementById('btn-exit').classList.toggle('hidden'); document.getElementById('iframe-game').classList.toggle('h-full'); } document.getElementById('btn-fullscreen').addEventListener('click', function() { const iframe = document.getElementById('iframe-game'); if (iframe.requestFullscreen) { iframe.requestFullscreen(); } else if (iframe.mozRequestFullScreen) { iframe.mozRequestFullScreen(); } else if (iframe.webkitRequestFullscreen) { iframe.webkitRequestFullscreen(); } else if (iframe.msRequestFullscreen) { iframe.msRequestFullscreen(); } else { toggleFullscreen(); } }); document.getElementById('btn-exit').addEventListener('click', toggleFullscreen); </script> </main> <footer class=" bg-white "> <div class="container mx-auto px-5 flex flex-col pt-8 pb-5 text-center sm:text-left xl:px-10"> <div class="flex-wrap sm:flex"> <div class="sm:w-1/2 lg:w-1/5"> <div class="text-sm font-bold text-gray-600 uppercase">NAVIGATION</div> <ul class="mt-4"> <li class="mt-2"> <a href="https://jerseygamers.com" title="Home">Home</a> </li> <li class="mt-2"> <a target="_blank" href="https://jerseygamers.com/page/dmca" title="DMCA">DMCA</a> </li> <li class="mt-2"> <a target="_blank" href="https://jerseygamers.com/page/privacy-policy" title="Privacy Policy">Privacy Policy</a> </li> </ul> </div> <div class="mt-8 sm:w-1/2 sm:mt-0 lg:w-1/5 lg:mt-0"> <div class="text-sm font-bold text-gray-600 uppercase">DISCOVER</div> <ul class="mt-4"> <li class="mt-2"> <a target="_blank" href="https://jerseygamers.com/page/terms-and-conditions" title="Terms And Conditions">Terms And Conditions</a> </li> <li class="mt-2"> <a target="_blank" href="https://jerseygamers.com/page/cookie-agreement" title="Cookie Agreement">Cookie Agreement</a> </li> <li class="mt-2"> <a target="_blank" href="https://jerseygamers.com/page/contacts" title="Contacts">Contacts</a> </li> </ul> </div> <div class="mt-8 sm:w-1/2 sm:mt-12 lg:w-1/5 lg:mt-0"> <div class="text-sm font-bold text-gray-600 uppercase">CONTACT US</div> <ul class="mt-4"> <li> <a title="Email Contact Us" href="mailto:dinhthienvan1@gmail.com"> dinhthienvan1@gmail.com </a> </li> <li class="mt-2"> <a target="_blank" href="https://jerseygamers.com/page/about-us" title="About Us">About Us</a> </li> <li class="mt-2"> <a target="_blank" href="https://jerseygamers.com/page/disclaimer" title="Disclaimer">Disclaimer</a> </li> </ul> </div> <div class="mt-8 sm:w-1/2 lg:w-2/5 lg:mt-0 lg:pl-12"> <a href="https://jerseygamers.com" class="text-xl font-bold tracking-wider text-primary-500"> Jerseygamers </a> <p class="mt-2 text-base text-gray-600 sm:text-justify text-center leading-7"> Play thousands of cool online games without downloads and for free. Explore games of all genres for game lovers of all ages on Jerseygamers! <br /> </p> </div> </div> <div class="mt-3 flex items-center flex-col sm:flex-row sm:justify-between" > <p class="text-sm text-gray-600 flex-bas"> 漏 2025 Jerseygamers. All Rights Reserved. </p> </div> </div> </footer> </div> <div x-data="{ open: false }"> <button class="hidden px-4 py-2 text-white bg-blue-500 rounded select-none no-outline focus:shadow-outline" @click="open = true" id="adblock">adblock</button> <div class="fixed z-10 inset-0 overflow-y-auto" aria-labelledby="modal-title" role="dialog" aria-modal="true" x-show="open" style="display: none" id="aaaaa-modal"> <div class="flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0"> <div class="fixed inset-0 bg-gray-500 bg-opacity-95 transition-opacity" aria-hidden="true"></div> <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true"></span> <div class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:w-full"> <div class="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4"> <div class="sm:flex sm:items-start"> <div id="ic-warning" class="mx-auto flex-shrink-0 flex items-center justify-center h-12 w-12 rounded-full bg-red-100 sm:mx-0 sm:h-10 sm:w-10"> <svg class="h-6 w-6 text-red-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" /> </svg> </div> <div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"> <div class="text-lg leading-6 font-medium text-gray-900" id="modal-title"> We notice you're using an ad blocker </div> <div class="mt-2"> <p class="text-sm text-gray-500"> Without advertising income, we can't keep making this site awesome for you. </p> </div> </div> </div> </div> <div class="bg-gray-50 px-4 py-3 sm:px-6 flex-center"> <button onclick="location.reload();" type="button" class="w-full inline-flex justify-center rounded-md border border-transparent shadow-sm px-4 py-2 bg-red-600 text-base font-medium text-white hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"> I understand and have disabled ad blocking for this site </button> </div> </div> </div> </div> </div> </body> </html>

CINXE.COM

Color Sort Mania - free online game | Jerseygamers