<!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="9Jv6EGUFuG2XAHjbdqLHCFULiRGyVu8XPyNkbk4h">
    <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>Dakotaridge - play free Onlinegames and Games</title><meta name="description" content="Welcome to Dakotaridge, a website offering a collection of hundreds of fun and free HTML5 video games you can play from your web browser without requiring any mobile app downloads or other software downloads. Games range dozens of exciting categories to help you learn, enjoy a break, or challenge yourself to solve puzzles."><link rel="canonical" href="https://dakotaridge.org"/><meta property="og:title" content="Dakotaridge - play free Onlinegames and Games" /><meta property="og:description" content="Welcome to Dakotaridge, a website offering a collection of hundreds of fun and free HTML5 video games you can play from your web browser without requiring any mobile app downloads or other software downloads. Games range dozens of exciting categories to help you learn, enjoy a break, or challenge yourself to solve puzzles." /><meta property="og:image" content="https://dakotaridge.org/static-res/img/newsike/thumbnail.jpg?id=0ddb4da92cd291f13ead" /><meta name="twitter:title" content="Dakotaridge - play free Onlinegames and Games" /><meta name="twitter:description" content="Welcome to Dakotaridge, a website offering a collection of hundreds of fun and free HTML5 video games you can play from your web browser without requiring any mobile app downloads or other software downloads. Games range dozens of exciting categories to help you learn, enjoy a break, or challenge yourself to solve puzzles." /><meta name="twitter:image" content="https://dakotaridge.org/static-res/img/newsike/thumbnail.jpg?id=0ddb4da92cd291f13ead" /><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Dakotaridge - play free Onlinegames and Games","description":"Welcome to Dakotaridge, a website offering a collection of hundreds of fun and free HTML5 video games you can play from your web browser without requiring any mobile app downloads or other software downloads. Games range dozens of exciting categories to help you learn, enjoy a break, or challenge yourself to solve puzzles.","url":"https://dakotaridge.org","image":"https://dakotaridge.org/static-res/img/newsike/thumbnail.jpg?id=0ddb4da92cd291f13ead"}</script>
    <link rel="stylesheet" href="/static-res/css/newsike.css?id=5738d717131e79e2e0fb">
    
    <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.dakotaridge.org/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>
        
                    </head>
<body>
<div x-data="{&quot;show&quot;:true,&quot;style&quot;:&quot;success&quot;,&quot;message&quot;: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://dakotaridge.org" class="text-xl font-black tracking-wider text-white">
                        Dakotaridge
                    </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://dakotaridge.org/en/games/genres">
    Categories
</a>
                    <form
    class="inline-flex items-center w-72 mb-0"
    action="https://dakotaridge.org/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://dakotaridge.org">
    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://dakotaridge.org/en/games/genres">
    Categories
</a>
            <form
    class="inline-flex items-center w-72 mb-0"
    action="https://dakotaridge.org/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>
                        <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://dakotaridge.org/en/games/viking-workout"   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/ac1805c2be7a431b84f547e641c88edd.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">
            Viking Workout
        </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://dakotaridge.org/en/games/trz-battleship"   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/7e5f17f6b84c451a9f545ea8d358e750-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">
            TRZ Battleship
        </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://dakotaridge.org/en/games/fairy-dress-up-games-for-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/db1d3df7beb14a81b89625d3fbf2831c-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">
            Fairy Dress Up Games for 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://dakotaridge.org/en/games/head-sports-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/5ec8cd46282f4ce18e1b852023562bf7-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">
            Head Sports 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://dakotaridge.org/en/games/easter-rabbit-style"   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/0756ac485e5d48809a4fa2cb2dcde108-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">
            Easter Rabbit Style
        </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://dakotaridge.org/en/games/slenderman-must-die-industrial-waste"   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/7dd3f8ae927741789157f25e3f5a0235-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">
            Slenderman Must Die Industrial Waste
        </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://dakotaridge.org/en/games/the-maze"   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/53589f4b249b489da42ca52dc70f1ad8-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 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://dakotaridge.org/en/games/fashion-show-dress-up"   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/6b0ed855052a449493d7de3f55263d05-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">
            Fashion Show Dress Up
        </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://dakotaridge.org/en/games/fg-ludo"   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/daf0e2fee49d46848145391825c45831-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">
            FG Ludo
        </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://dakotaridge.org/en/games/roller-coaster-cave"   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/a20ef93b0b5148bb863abe76631ff7d7-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">
            Roller Coaster Cave
        </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://dakotaridge.org/en/games/shoot-balls"   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/2d46c846afb54c9e80ea951fd515b759-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">
            Shoot Balls
        </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://dakotaridge.org/en/games/food-grinder"   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/6877b47487e14df1a7d94d8dc2f789e0.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 Grinder
        </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://dakotaridge.org/en/games/fruits-mahjong"   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/e578871f5a384ef69d049b7fed56e881-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 Mahjong
        </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://dakotaridge.org/en/games/fall-of-guyz-rocket-hero"   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/2c5997c25cf140cab3e0bd1a01d7ac7f-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">
            Fall of Guyz Rocket Hero
        </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://dakotaridge.org/en/games/beauties-pregnant-bffs"   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/e7edfc0340a24ac291ea05a974fab49e.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">
            Beauties Pregnant Bffs
        </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://dakotaridge.org/en/games/white-party-surprise"   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/c9a594a5a07147bdbad8abe727a43b2e-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">
            White Party Surprise
        </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://dakotaridge.org/en/games/city-ambulance-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/d38a3d33b5724c7ba939191d00bdf798-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">
            City Ambulance 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://dakotaridge.org/en/games/army-of-soldiers-worlds-war"   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/3b3ff8e45dab4daf872468fcbdb35a60-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">
            Army of Soldiers Worlds War
        </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://dakotaridge.org/en/games/rublox-space-farm"   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/1ee0c2327efe4eddbb3335370186f1ac-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">
            Rublox Space Farm
        </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://dakotaridge.org/en/games/noise-of-bones"   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/002e0d2014d24895b02d72fe9c86de87-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">
            Noise Of Bones
        </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://dakotaridge.org/en/games/sweet-candy"   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/fcdbea5311f4464782c23dbb6521cedb-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
        </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://dakotaridge.org/en/games/armored-blasters-i"   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/5ad38d7f3f4e436fab899ba41107495e-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">
            Armored Blasters I
        </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://dakotaridge.org/en/games/dangerous-turn"   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/3c91d4406d2845a5aa5e5c2705764ba4-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 Turn
        </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://dakotaridge.org/en/games/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/ab92841951cd43469ae90736cc2b84a1-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">
            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://dakotaridge.org/en/games/exotic-princess-makeup"   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/2bca3d45c02f49eaa56139d3b220bfc8.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">
            Exotic Princess Makeup
        </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://dakotaridge.org/en/games/concept-car-stunt"   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/6084312c03d2435fa0de6fab0f1250a1-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">
            Concept Car Stunt
        </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://dakotaridge.org/en/games/paper-fold-online"   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/b414d56841534988be1082aafe144b27-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">
            Paper Fold Online
        </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://dakotaridge.org/en/games/dice-push"   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/a89d3fe9148344c9b4d2fb966eb41319-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">
            Dice Push
        </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://dakotaridge.org/en/games/super-soccer-noggins"   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/e9020d1fa4bd48d6ad5da5c6981faa0c-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">
            Super Soccer Noggins
        </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://dakotaridge.org/en/games/room-escape-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/1062a915ba6043e1b3da8466acc59c4f-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">
            Room Escape 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://dakotaridge.org/en/games/last-tank-attack"   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/9660e2626e8b45188246ade7e2489e5e-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">
            Last Tank Attack
        </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://dakotaridge.org/en/games/jewel-aquarium"   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/d23b3327f5304120afd196d9bc595d70.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">
            Jewel Aquarium
        </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://dakotaridge.org/en/games/fill-the-battery"   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/cd66494ac9014c3691b711b63a340638-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">
            Fill The Battery
        </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://dakotaridge.org/en/games/sneak-out-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/55ff6d345dae466b9584e5422dc64c58-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">
            Sneak Out 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://dakotaridge.org/en/games/word-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/3f312a2aa90e44c699cc746b75b51c24-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">
            Word 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://dakotaridge.org/en/games/doll-house-cake-cooking"   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/5ad0619427744ecbbd511ef980babbe6.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">
            Doll House Cake Cooking
        </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://dakotaridge.org/en/games/spaceshooter"   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/813ba62b04564bf69607d5b88117e047-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">
            SpaceShooter
        </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://dakotaridge.org/en/games/candy-land-alphabet-letters"   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/33a4c2457d424242954a6ea71844b2b4-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">
            Candy Land Alphabet Letters
        </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://dakotaridge.org/en/games/whack-em-all"   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/7c84118b8df24c44b5c23c76bbc8cadf-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">
            Whack em All 
        </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://dakotaridge.org/en/games/chicken-climbing"   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/379fa310f92144a7a607cd81769caf17-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">
            Chicken Climbing
        </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://dakotaridge.org/en/games/clear-the-lot"   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/3457bfc7b62247a090a2dbdc3e1cb6dc-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">
            Clear The Lot
        </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://dakotaridge.org/en/games/carpenter"   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/fe97bb0a44af4fefbe7f9ae33712a41f-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">
            Carpenter
        </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://dakotaridge.org/en/games/color-snake"   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/7f7958c96d784bd1b46b087ba4b8f449-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">
            Color Snake
        </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://dakotaridge.org/en/games/little-princess-magical-tale"   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/084e0195fcbc44499230443a2b5dd276-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">
            Little Princess Magical Tale
        </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://dakotaridge.org/en/games/drive-hills"   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/a51341b5cf784fca9ab910a7454903c6-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">
            Drive Hills
        </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://dakotaridge.org/en/games/uphill-jeep-driving"   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/3a74566772f446ebb5056edde543e946-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">
            Uphill Jeep Driving
        </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://dakotaridge.org/en/games/among-escape"   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/a9577c1788344add966d2968f0468f7b-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">
            Among escape
        </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://dakotaridge.org/en/games/pick-up-rush"   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/c160bece497e4d378db5e6eb71b66255-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">
            Pick Up Rush
        </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">
                &laquo; Previous
            </span>
        
        
                    <a href="http://dakotaridge.org?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 &raquo;
            </a>
            </nav>

            </div>
                            <div class="flex flex-wrap justify-center pb-4 gap-4">
                                    <a href="https://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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://dakotaridge.org/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 &amp; Connect Games
    </div>
</a>
                                    <a href="https://dakotaridge.org/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://dakotaridge.org/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 &amp; Driving Games
    </div>
</a>
                                    <a href="https://dakotaridge.org/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://dakotaridge.org/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>
            
                
            <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://dakotaridge.org" title="Home">Home</a>
                    </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://dakotaridge.org/page/dmca" title="DMCA">DMCA</a>
                        </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://dakotaridge.org/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://dakotaridge.org/page/terms-and-conditions" title="Terms And Conditions">Terms And Conditions</a>
                        </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://dakotaridge.org/page/cookie-agreement" title="Cookie Agreement">Cookie Agreement</a>
                        </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://dakotaridge.org/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://dakotaridge.org/page/about-us" title="About Us">About Us</a>
                            </li>
                                                    <li class="mt-2">
                                <a target="_blank" href="https://dakotaridge.org/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://dakotaridge.org" class="text-xl font-bold tracking-wider text-primary-500">
                    Dakotaridge
                </a>

                <p class="mt-2 text-base text-gray-600 sm:text-justify text-center leading-7">
                    Welcome to Dakotaridge, a website offering a collection of hundreds of fun and free HTML5 video games you can play from your web browser without requiring any mobile app downloads or other software downloads. Games range dozens of exciting categories to help you learn, enjoy a break, or challenge yourself to solve puzzles.
                    <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 Dakotaridge. 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">&#8203;</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&#039;re using an ad blocker
                            </div>
                            <div class="mt-2">
                                <p class="text-sm text-gray-500">
                                    Without advertising income, we can&#039;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>
