CINXE.COM
Cool & Fun Friv Games Online | Peterec
<!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="HkXvX0uKyldEU6bkgAnlM8urr8XDJOPaSjTdsaOI"> <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>Cool & Fun Friv Games Online | Peterec</title><meta name="description" content="Peterec - Free Games, you can play for free, a lot popular games for Android."><link rel="canonical" href="https://peterec.com"/><meta property="og:title" content="Cool & Fun Friv Games Online | Peterec" /><meta property="og:description" content="Peterec - Free Games, you can play for free, a lot popular games for Android." /><meta property="og:image" content="https://peterec.com/static-res/img/newsike/thumbnail.jpg?id=0ddb4da92cd291f13ead" /><meta name="twitter:title" content="Cool & Fun Friv Games Online | Peterec" /><meta name="twitter:description" content="Peterec - Free Games, you can play for free, a lot popular games for Android." /><meta name="twitter:image" content="https://peterec.com/static-res/img/newsike/thumbnail.jpg?id=0ddb4da92cd291f13ead" /><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Cool & Fun Friv Games Online | Peterec","description":"Peterec - Free Games, you can play for free, a lot popular games for Android.","url":"https://peterec.com","image":"https://peterec.com/static-res/img/newsike/thumbnail.jpg?id=0ddb4da92cd291f13ead"}</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.peterec.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"> <!-- Google tag (gtag.js) --> <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> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5240180246042932" crossorigin="anonymous"></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"> <!-- Primary Navigation Menu --> <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"> <!-- Logo --> <div class="flex-shrink-0 flex items-center"> <a href="https://peterec.com" class="text-xl font-black tracking-wider text-white"> Peterec </a> </div> <!-- Navigation Links --> <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://peterec.com/en/games/genres"> Categories </a> <form class="inline-flex items-center w-72 mb-0" action="https://peterec.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> <!-- Hamburger --> <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> <!-- Responsive Navigation Menu --> <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://peterec.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://peterec.com/en/games/genres"> Categories </a> <form class="inline-flex items-center w-72 mb-0" action="https://peterec.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> <div class="text-center text-center my-0 sm:my-1 " > <ins class="adsbygoogle adsense " data-ad-client="ca-pub-5240180246042932" style="display:block" data-ad-format="auto" data-ad-slot="9667766790" data-full-width-responsive="true" data-adtest="off" > </ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <main> <div> <div id="recent-games-header" class="text-center font-bold mt-4 text-xl">Recently played</div> <div id="recent-games-container" class="flex flex-wrap justify-center py-4 gap-4"></div> <div id="popular-games-header" class="text-center font-bold text-xl">Popular Games</div> <div class="flex flex-wrap justify-center py-4 gap-4"> <a href="https://peterec.com/en/games/underwater-bubble-shooter" 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/d5be2c82fed04551aa050d1a5c934d85-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"> Underwater Bubble Shooter </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://peterec.com/en/games/toy-cars-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/d970ff16c6dd4a32930796e11cde557d-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"> Toy Cars 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://peterec.com/en/games/mf-dark-forest" 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/c8ff44e0a2424563bc34da4847ba2742-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"> MF Dark Forest </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://peterec.com/en/games/monster-high-gigi-grant-charisma-dressup" 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/5331f97bc7124cf0a1103fbdfeadece7-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"> Monster High GiGi Grant Charisma Dressup </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://peterec.com/en/games/monster-truck-dirt-rally" 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/86e59addc57f43c393a459da7cd9429d-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"> Monster Truck Dirt Rally </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://peterec.com/en/games/christmas-trucks-hidden-bells" 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/0569ca79da2e4206b56e524ff0ec2400-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"> Christmas Trucks Hidden Bells </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://peterec.com/en/games/apocalypse-truck" 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/388bbd2c45d1461ab9df1f3913ff320c-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"> Apocalypse Truck </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://peterec.com/en/games/devil-bubble-shooter" 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/4e79a949c57943368b931b241e5df48c-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"> Devil Bubble Shooter </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://peterec.com/en/games/east-princess-through-the-ages" 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/9ff0d0d4f7aa4674a31caaf4e92e0849-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"> East Princess Through the Ages </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://peterec.com/en/games/survival-race" 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/e8b4d3409ea24911a9bedee6f72703ff.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"> Survival Race </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://peterec.com/en/games/bubble-shooter-golden-football" 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/52dd80d0826c423088a360fbfd72b664-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"> Bubble Shooter Golden Football </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://peterec.com/en/games/tanksio" 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/3ff36109439a45deb394f501b7b43560-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"> Tanks.io </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://peterec.com/en/games/hockey-challenge-3d" 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/9613c9deffed4f899531e595c4cb9434-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"> Hockey Challenge 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://peterec.com/en/games/toys-mahjong-connect" 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/7bf7e80a4567488eae5958135c452baa-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"> Toys Mahjong Connect </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://peterec.com/en/games/dark-rider" 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/80cfab467cb24940b8903f1dd56472b2-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"> Dark Rider </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://peterec.com/en/games/wedding-battle-classic-vs-modern" 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/d94887f8d3364f9b997bf0e0ebfe7afd-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"> Wedding battle Classic vs Modern </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://peterec.com/en/games/bff-witchy-transformation" 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/1472e4824df5421a9a29d6e2c48d628c-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"> Bff Witchy Transformation </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://peterec.com/en/games/smoothie-maker" 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/443ea2368a95436d93e39df6f7a065d7-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"> Smoothie Maker </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://peterec.com/en/games/endless-tunnel" 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/0a9d64ab961d44c492509108d7f31cf4-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"> Endless Tunnel </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://peterec.com/en/games/instadiva-nikke-photoshoot-and-date-night" 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/d0c8ad4e26144ca3b72115bfb07a6b0e-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"> Instadiva Nikke Photoshoot And Date Night </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://peterec.com/en/games/buddy-jigsaw-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/4ebac831e3e8435eb3dbf89d50147a69-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"> Buddy Jigsaw 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://peterec.com/en/games/vegas-city-highway-bus-parking-simulator" 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/61ff67a5ef4e4fab9b4b842967bdb0d5-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"> Vegas City Highway Bus Parking Simulator </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://peterec.com/en/games/minion-wedding-hairstyles" 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/60fe66cba44f40ffa9f6355829123d90.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"> Minion Wedding Hairstyles </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://peterec.com/en/games/fruits-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/e797e4c7bc1f42379da01bd40812db1c-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"> Fruits 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://peterec.com/en/games/brick-out-challenge" 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/8857b75db8f141bd865469e8299b4733-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"> Brick Out Challenge </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://peterec.com/en/games/stack-the-burger" 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/1d6cc4281cab4bc8bf92617c18d9c6d9-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"> Stack The Burger </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://peterec.com/en/games/moto-beach-ride" 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/80aac92ccb03433fa011fd54c2a403d8-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"> Moto Beach Ride </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://peterec.com/en/games/spot-5-differences-camping" 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/3d5a24ed66714d27bb0fdf7f008b3422-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"> Spot 5 Differences Camping </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://peterec.com/en/games/residence-of-evil" 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/8438c9d949794196a47ca8bd99190015-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"> Residence Of Evil </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://peterec.com/en/games/creative-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/082538b5e84c417c81dfff57cbb8cb3f-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"> Creative 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://peterec.com/en/games/mahjong-pretty-manga-girls" 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/efac1fd7137644549e29786caf90de49-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"> Mahjong Pretty Manga Girls </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://peterec.com/en/games/letter-writers" 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/ddf3d5794da141eb8a211e196daa1c8c-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"> Letter Writers </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://peterec.com/en/games/stickman-police-vs-gangsters-street-fight" 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/d707d6950c144dbab23cd23778315233-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"> Stickman Police VS Gangsters Street Fight </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://peterec.com/en/games/yeezy-sisters-fashion" 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/e7a93bfd96f646aca6742c50d78a72e4-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"> Yeezy Sisters Fashion </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://peterec.com/en/games/hidden-snowflakes-in-plow-trucks" 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/055ea80acd9f4abfb988ac3d6b5cca1b-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"> Hidden Snowflakes in Plow Trucks </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://peterec.com/en/games/dangerous-danny" 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/06064d1612da40a2aa1d8261e267cd84-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"> Dangerous Danny </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://peterec.com/en/games/aztec-cubes-treasure" 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/9559280390714c1285ab2eace8492660-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"> Aztec Cubes Treasure </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://peterec.com/en/games/halloween-bubble-shooter" 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/77f19c21dda1480cb63444ff8e8eaaf3-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 Bubble Shooter </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://peterec.com/en/games/royal-wedding-ceremony" 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/21e04385e73f4d81b0c1e45762312f75.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"> Royal Wedding Ceremony </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://peterec.com/en/games/big-city-taxi-simulator-2020" 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/3692d5ac42a742c9af28d531e69a7412-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"> Big City Taxi Simulator 2020 </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://peterec.com/en/games/pipe-flow" 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/7a2fb571bab94637ae264f956dbfe534-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"> Pipe Flow </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://peterec.com/en/games/green-diamond" 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/24721bcfb04642519e7c34f4c45114ba-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"> Green Diamond </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://peterec.com/en/games/extreme-airhockey" 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/6f2705df9f39465a9f668f925b1a2204-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"> Extreme Airhockey </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://peterec.com/en/games/aunt-mary-solitaire" 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/a47fbdb007544552b51ee746e648d8ad.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"> Aunt Mary Solitaire </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://peterec.com/en/games/emoji-link" 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/31f1caa6acab4160888ef72766c6a351-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"> Emoji Link </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://peterec.com/en/games/pregnant-princesses-fashion-outfits" 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/df32d29dfc224a38b1ad7d0b7665aa92.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"> Pregnant Princesses Fashion Outfits </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://peterec.com/en/games/police-motorbike-race-simulator-3d" 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/415c344da63b4a748c9b79bdc7c08b88-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 MotorBike Race Simulator 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://peterec.com/en/games/motor-model-dressup" 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/3cd03882d1f84507b8c48afef7653b99-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"> Motor Model Dressup </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="mb-4 flex-center"> <nav role="navigation" aria-label="Pagination Navigation" class="flex justify-between"> <span class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-300 cursor-default leading-5 rounded-md"> « Previous </span> <a href="http://peterec.com?page=2" rel="next" class="relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 leading-5 rounded-md hover:text-gray-500 focus:outline-none focus:ring ring-gray-300 focus:border-blue-300 active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150"> Next » </a> </nav> </div> <div class="flex flex-wrap justify-center pb-4 gap-4"> <a href="https://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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> <a href="https://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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://peterec.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> </div> <div class="text-center mt-3 " > <ins class="adsbygoogle adsense h-ad3 " data-ad-client="ca-pub-5240180246042932" style="display:block" data-ad-format="auto" data-ad-slot="9667766790" data-full-width-responsive="true" data-adtest="off" > </ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <script> const keyRecentGames = 'recentGames'; try { const keyRecentGamesStorage = JSON.parse(localStorage.getItem(keyRecentGames) || '[]'); if(keyRecentGamesStorage.length === 0) { document.getElementById('recent-games-header').style.display = 'none'; document.getElementById('recent-games-container').style.display = 'none'; document.getElementById('popular-games-header').style.display = 'none'; } const recentGamesContainer = document.getElementById('recent-games-container'); keyRecentGamesStorage.forEach(game => { const gameElement = document.createElement('a'); gameElement['href'] = `/en/games/${game.s}`; gameElement['rel'] = "noopener"; gameElement.classList.add('group', 'relative'); gameElement.innerHTML = ` <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300 w-[94px] h-[94px]" data-src="${game.i}" 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"> ${game.n} </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> `; recentGamesContainer.appendChild(gameElement); }); } catch (e) { console.error('Failed to load recent games:', e); } </script> </div> </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://peterec.com" title="Home">Home</a> </li> <li class="mt-2"> <a target="_blank" href="https://peterec.com/page/dmca" title="DMCA">DMCA</a> </li> <li class="mt-2"> <a target="_blank" href="https://peterec.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://peterec.com/page/terms-and-conditions" title="Terms And Conditions">Terms And Conditions</a> </li> <li class="mt-2"> <a target="_blank" href="https://peterec.com/page/cookie-agreement" title="Cookie Agreement">Cookie Agreement</a> </li> <li class="mt-2"> <a target="_blank" href="https://peterec.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://peterec.com/page/about-us" title="About Us">About Us</a> </li> <li class="mt-2"> <a target="_blank" href="https://peterec.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://peterec.com" class="text-xl font-bold tracking-wider text-primary-500"> Peterec </a> <p class="mt-2 text-base text-gray-600 sm:text-justify text-center leading-7"> Peterec - Free Games, you can play for free, a lot popular games for Android. <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"> 漏 2024 Peterec. 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>