<!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="HBMrudmKAQ6nq0D9bHKZ1P28DJbY4U02Z3iA0NUV">
    <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>Free Online Games - Juliebranyan</title><meta name="description" content="Juliebranyan to get instant unlimited access to online games free of any malware, without downloading or installing anything on your machine!"><link rel="canonical" href="https://juliebranyan.com"/><meta property="og:title" content="Free Online Games - Juliebranyan" /><meta property="og:description" content="Juliebranyan to get instant unlimited access to online games free of any malware, without downloading or installing anything on your machine!" /><meta property="og:image" content="https://juliebranyan.com/static-res/img/newsike/thumbnail.jpg?id=0ddb4da92cd291f13ead" /><meta name="twitter:title" content="Free Online Games - Juliebranyan" /><meta name="twitter:description" content="Juliebranyan to get instant unlimited access to online games free of any malware, without downloading or installing anything on your machine!" /><meta name="twitter:image" content="https://juliebranyan.com/static-res/img/newsike/thumbnail.jpg?id=0ddb4da92cd291f13ead" /><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Free Online Games - Juliebranyan","description":"Juliebranyan to get instant unlimited access to online games free of any malware, without downloading or installing anything on your machine!","url":"https://juliebranyan.com","image":"https://juliebranyan.com/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.juliebranyan.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>
        
                    </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://juliebranyan.com" class="text-xl font-black tracking-wider text-white">
                        Juliebranyan
                    </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://juliebranyan.com/en/games/genres">
    Categories
</a>
                    <form
    class="inline-flex items-center w-72 mb-0"
    action="https://juliebranyan.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://juliebranyan.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://juliebranyan.com/en/games/genres">
    Categories
</a>
            <form
    class="inline-flex items-center w-72 mb-0"
    action="https://juliebranyan.com/en/games/search"
    target="_top"
>
    <input
        aria-label="keyword"
        type="text"
        name="keyword"
        class="ml-4 sm:ml-0 mt-2 sm:mt-0 w-full text-base pl-4 py-[7px] font-bold rounded-[30px] bg-green-100/75 border-transparent border-solid-x"
        placeholder="Search"
    />
</form>
        </div>
    </div>
</nav>
                    <main>
        <div>
                        <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://juliebranyan.com/en/games/multi-levels-car-parking-game"   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/6060c1623bdf40af9eb6f535a2b74afb-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">
            Multi Levels Car Parking Game 
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://juliebranyan.com/en/games/car-arena-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/5b51b43fa3414fb68edc868d10c8e4c0-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">
            Car Arena 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://juliebranyan.com/en/games/night-car-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/26249c2fed1341fd97f9b58b4386d475-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">
            Night Car 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://juliebranyan.com/en/games/funny-match-card"   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/295541aca4544c7da1ce8a12a6c51411-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">
            Funny Match Card
        </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://juliebranyan.com/en/games/baby-taylor-in-the-airport"   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/f24b04a2753249b6bd79b8701ca03f25-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">
            Baby Taylor In The Airport
        </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://juliebranyan.com/en/games/homer-city-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/d382068440d142039ff57ec59d471a9b-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">
            Homer City 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://juliebranyan.com/en/games/adorable-puppies-in-cars-match-3"   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/91bbead2d93a45a182e5ec1e8d1a6d41-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">
            Adorable Puppies In Cars Match 3
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://juliebranyan.com/en/games/extreme-car-battle-demolition-derby-car-2k20"   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/d8e1db32a63640fa8f17291a34687171-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 Car Battle Demolition Derby Car 2k20
        </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://juliebranyan.com/en/games/police-cars-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/b7452b84574a468885018e8c534f9e6d-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Police Cars 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://juliebranyan.com/en/games/impossible-bike-track-adventure-2k20"   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/bf51a2c2e9b04e94931113b069c00d1f-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">
            Impossible Bike Track Adventure 2k20
        </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://juliebranyan.com/en/games/sea-fishing"   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/76e2e49c639444e3a4587c8dbbcba54c-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">
            Sea Fishing
        </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://juliebranyan.com/en/games/hide-and-seek-numbers"   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/faec2912f8da467aa148d2ab0240e8d7-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">
            Hide and Seek Numbers
        </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://juliebranyan.com/en/games/city-cycle-rickshaw-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/601f81914f854fd8b542f1cdfc1b3a50-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 Cycle Rickshaw 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://juliebranyan.com/en/games/endless-toy-car-racing-2k20"   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/cc204429c8ff4ded8395d3fee7a5149a-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 Toy Car Racing 2k20
        </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://juliebranyan.com/en/games/collect-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/e74bfbf96f4c4478a5b143b95ccd057e-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">
            Collect 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://juliebranyan.com/en/games/count-holiday-cards"   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/c0d9224d51304bacb9c2fe51eb5fa6f9-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">
            Count Holiday Cards
        </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://juliebranyan.com/en/games/double-gun"   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/8c8a8aff410a4b82af0021748f95adf0-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">
            Double Gun
        </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://juliebranyan.com/en/games/running-pumpkin"   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/66617f9fdcbc44d7bd5c3bb503935813-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">
            Running Pumpkin
        </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://juliebranyan.com/en/games/scientist-runner"   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/6ef6407715a64b039f1aba83b646dd02-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">
            Scientist Runner
        </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://juliebranyan.com/en/games/trump-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/c4e9e84687b346c2a05648dbc0988420-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">
            Trump 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://juliebranyan.com/en/games/parking-car"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/5eb4dc6e0a6a4ba0811f51e0f0324a00-512x512.jpeg" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/h8AAvMB+NzmkbcAAAAASUVORK5CYII="/>
        <div class="px-0.5 opacity-0 group-hover:opacity-100 w-full text-center text-white font-bold text-sm absolute bottom-1.5 z-10 transform duration-300">
            Parking Car
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://juliebranyan.com/en/games/mr-smith-pics-words-learning-game-for-children"   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/2f253dc0c6e840b88b50e51f66e50001-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">
            Mr Smith - Pics &amp; Words Learning Game for Children
        </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://juliebranyan.com/en/games/poop-clicker"   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/65649fd42b1544e28cab8080851216fe-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">
            Poop Clicker 
        </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://juliebranyan.com/en/games/ramp-car-stunts-racing-extreme-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/c9ea8218477f4e6b886397c1c3597dae-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">
            Ramp Car Stunts Racing Extreme 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://juliebranyan.com/en/games/ludo-king-offline"   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/bba130a14df043cdb2062dd51469b8ed-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">
            ludo king offline
        </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://juliebranyan.com/en/games/police-multi-level-car-parking"   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/82e9ecb1699444e6b8d8526cb0e57907-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 Multi Level Car Parking 
        </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://juliebranyan.com/en/games/crazy-clash-merge-defense"   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/5d18f5ca70b84425ae1c47da932c1614-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">
            Crazy Clash - Merge Defense
        </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://juliebranyan.com/en/games/sniper-3d-assassin-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/7790f7558b11439f955505094342f23e-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">
             Sniper 3D Assassin 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://juliebranyan.com/en/games/family-tree-emoji"   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/305d51c608084ddcaf30e02658a737aa-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">
            Family Tree Emoji
        </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://juliebranyan.com/en/games/puzzle-box-brain-fun"   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/437d49c1c14c475a919fa7d275f6756d-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">
            Puzzle Box Brain Fun
        </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://juliebranyan.com/en/games/zombie-arena-2-fury-road"   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/6bdeacb49a324925829f9bed83cd6d96-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">
            Zombie Arena 2 Fury Road
        </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://juliebranyan.com/en/games/moto-stunt-biker"   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/5d16acb60d484c31bad407e7415c057e-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">
            Moto Stunt Biker
        </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://juliebranyan.com/en/games/ride-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/c0068272f661463d961ffd7998769cf5-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">
            Ride 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://juliebranyan.com/en/games/stickman-leave-prison"   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/5c1d43932d9a4c38bd730149b35cf5c5-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">
            Stickman Leave Prison
        </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://juliebranyan.com/en/games/forest-village-getaway-episode"   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/c1c2320c5de5478e9239768d98237b6f.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">
            Forest Village Getaway Episode 
        </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://juliebranyan.com/en/games/mandala-pages"   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/9f07c46c587447bc9cd3e1f8273aabbf-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">
             Mandala Pages
        </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://juliebranyan.com/en/games/pet-connect-match"   rel="noopener"  class="group relative">
        <img class="lazyload object-cover rounded-2xl shadow-md group-hover:scale-105 transform duration-300  w-[149px] h-[149px] lg:w-[204px] lg:h-[204px] " data-src="https://img.gamedistribution.com/b4bbd6b806ef47fc990e8564014fae09-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">
            Pet Connect Match
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://juliebranyan.com/en/games/quicknum"   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/b2116b0f015946eb8e457e41991589bf.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">
            quicknum
        </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://juliebranyan.com/en/games/soccer-2018-face-art"   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/1c2c6a2a4dcb40f79e9295c9428ce69d-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">
            SOCCER 2018 FACE ART
        </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://juliebranyan.com/en/games/pocket-car-master"   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/399d2e124bb148dd91204811dcf088ec-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">
            Pocket Car Master
        </div>
        <div class="opacity-0 group-hover:opacity-100 rounded-b-2xl group-hover:scale-105 w-full h-full absolute bottom-0 transform duration-300" style="background: linear-gradient(#0000 25%,#0000004d)">
        </div>
    </a>
                            <a  href="https://juliebranyan.com/en/games/gotiaio"   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/3933cdd6a8e24a1aa59b96c10cd69229-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">
            Gotiaio
        </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://juliebranyan.com/en/games/cute-coloring-games"   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/886d9afd6dde42678c87c7d2c22851c3-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">
            Cute Coloring Games
        </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://juliebranyan.com/en/games/princess-tailor-shop"   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/038a8771896a455498656a1dc1917cff-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">
            Princess Tailor Shop 
        </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://juliebranyan.com/en/games/dragon-island"   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/1a7f01b72f8241ce825e443c2309c1ff-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">
             Dragon Island
        </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://juliebranyan.com/en/games/portal-td-tower-defense"   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/0b92f0895516474a897b7f27c5d2e4dd-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">
            Portal TD - Tower Defense
        </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://juliebranyan.com/en/games/blockup"   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/83f67be9512a422eb44d5eb948ad295e.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">
            BlockUP
        </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://juliebranyan.com/en/games/tower-defense-d"   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/7f27295d85f24a16b0a9eb5df0f94fb1-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">
            Tower Defense D
        </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://juliebranyan.com/en/games/kogama-parkourwood"   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/bb5718809b65498c99dd983b6b3c3a8e.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">
            KOGAMA ParkourWood
        </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://juliebranyan.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 &raquo;
            </a>
            </nav>

            </div>
                            <div class="flex flex-wrap justify-center pb-4 gap-4">
                                    <a href="https://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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 &amp; Driving Games
    </div>
</a>
                                    <a href="https://juliebranyan.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 &amp; Connect Games
    </div>
</a>
                                    <a href="https://juliebranyan.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://juliebranyan.com/en/games/genres/puzzle" rel="noopener" class="group relative w-[314px] lg:w-[204px]">
    <div class="flex items-center justify-center text-center rounded-2xl bg-white shadow-md group-hover:scale-105 transform duration-300 font-bold uppercase h-[94px]">
        Puzzle Games
    </div>
</a>
                                    <a href="https://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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://juliebranyan.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>
                            </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://juliebranyan.com" title="Home">Home</a>
                    </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://juliebranyan.com/page/dmca" title="DMCA">DMCA</a>
                        </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://juliebranyan.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://juliebranyan.com/page/terms-and-conditions" title="Terms And Conditions">Terms And Conditions</a>
                        </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://juliebranyan.com/page/cookie-agreement" title="Cookie Agreement">Cookie Agreement</a>
                        </li>
                                            <li class="mt-2">
                            <a target="_blank" href="https://juliebranyan.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://juliebranyan.com/page/about-us" title="About Us">About Us</a>
                            </li>
                                                    <li class="mt-2">
                                <a target="_blank" href="https://juliebranyan.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://juliebranyan.com" class="text-xl font-bold tracking-wider text-primary-500">
                    Juliebranyan
                </a>

                <p class="mt-2 text-base text-gray-600 sm:text-justify text-center leading-7">
                    Juliebranyan to get instant unlimited access to online games free of any malware, without downloading or installing anything on your machine!
                    <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 Juliebranyan. 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>
