
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Page Title -->
    <title>Free Online Games | Play Now On vkprogramming.com</title>

    <meta name="description"
        content="On allGames you can play free online games at school or at home. allGames has the best online game selection and offers the most fun experience to play alone or with friends. We support mobile and desktop games.">
    <meta name="keywords"
        content="1000 free games to play , free online games no downloads, gun games, clash royale online, online pc games, bgames, free games no downloads, computer games online, phase 10 online, dead zed, clash of vikings">
    <meta property="og:locale" content="en_US">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Online Games on allGames — Let's play">
    <meta property="og:url" content="https://thomgames.com/">
    <meta property="og:description"
        content="On allGames you can play free online games at school or at home. allGames has the best online game selection and offers the most fun experience to play alone or with friends. We support mobile and desktop games.">
    <meta property="og:image" content="/assets/img/logo2.png" />
    <meta property="og:site_name" content="allGames">

    <link rel="icon" href="/assets/img/favicon2.png">
    <!-- Bootstrap CSS cdn Link -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- BoxIcon CSS cdn Link -->
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
    <!-- Custom CSS File -->
    <link rel="stylesheet" href="/assets/css/style.css">
    <!-- FontAwesome CSS Cdn link -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />

    <meta name="google-site-verification" content="g1dtBVd4sg2L8NGg2oy880nYfdK2lLqEHqsFCUbqtZs" />

    

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-NK28MMRYY8"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());
        gtag('config', 'G-NK28MMRYY8');
    </script>

    <script type="text/javascript">
        (function (c, l, a, r, i, t, y) {
            c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };
            t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
            y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
        })(window, document, "clarity", "script", "ok0yfmykt8");
    </script>



<!-- <script async custom-element="amp-auto-ads"
src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
</script> -->

<!-- POP style css -->
    <style>
    
    .popup-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        display: flex;
        opacity: 0;
        align-items: center;
        justify-content: center;
        background-color: rgba(0, 0, 0, 0.4);
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        z-index: 1000;
        pointer-events: none;
    }
    
    .popup-content {
        position: relative;
        height: auto;
        border: 1px solid #888;
        color: #fff;
        border-radius: 5px;
        margin: 0 auto;
        width: 600px;
        padding: 10px;
        position: absolute;
        pointer-events: auto;
        z-index: 1001;
    }
    
    .popup {
        align-items: center;
    }
    
    .close-popup {
        outline: none;
        background-color: #ffffff;
        border: 1px solid #000;
        border-radius: 20%;
        color: #000;
        cursor: pointer;
        font-family: arial;
        font-size: 25px;
        font-weight: 700;
        height: 30px;
        line-height: 25px;
        margin-bottom: 10px;
        position: relative;
        text-align: center;
        width: 30px;
        z-index: 1003;
    }
    
    .bottom-ad {
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 50;
        text-align: center;
        background-color: transparent;
        color: white;
        padding: 10px 16px 0px 16px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        display: none;
        animation: slideUp 0.5s ease-out forwards;
    }
    
    .close_ub {
        background-color: #ffffff;
        padding: 0 5px;
        position: absolute;
        top: -20px;
        left: 0;
        color: #000;
        font-weight: bold;
        font-size: 20px;
        border-top-right-radius: 8px;
        cursor: pointer;
    }

            @media screen and (max-width: 640px) {
            .popup-content {
                width: 350px;
            }
        }

        @media screen and (max-width: 470px) {
            .popup-content {
                width: 100%;
            }
        }

    </style>
    

   <style>
    .more_games_button_area .custom-button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background-color: #ffffff;
        color: #0c0c0c;
        border: 2px solid #0c0c0c;
        border-radius: 30px; /* Rounded edges similar to the example */
        padding: 10px 20px;
        font-family: Arial, sans-serif;
        font-size: 16px;
        font-weight: bold;
        text-decoration: none;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
        transition: background-color 0.3s ease;
        cursor: pointer;
    }
    
    .icon-close, .icon-link, .button-text {
        margin-right: 8px;
    }
    
    .icon-close {
        font-size: 18px;
        color: #0c0c0c;
    }
    
    .icon-link svg {
        fill: #0c0c0c;
        width: 20px;
        height: 20px;
    }
    
    .button-text {
        color: #0c0c0c;
    }
    
    /* Hover effect */
    .more_games_button_area .custom-button:hover {
        background-color: #f0f0f0;
        color: #0c0c0c;
    }
    
    </style>
    
    <style>
        /* Container for the section */
    .game-selection-section {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #f9f9f9;
        padding: 20px;
        border-radius: 12px;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        max-width: 300px;
        margin: 0 auto;
        font-family: Arial, sans-serif;
    }
    
    /* Prompt text styling */
    .selection-prompt {
        font-size: 16px;
        color: #7d7d7d;
        text-align: center;
        margin-bottom: 20px;
    }
    
    /* Button group styling */
    .button-group {
        display: flex;
        gap: 10px;
    }
    
    /* Button styling */
    .game-button {
        background-color: #4285f4;
        color: #ffffff;
        border: none;
        border-radius: 20px;
        padding: 10px 20px;
        font-size: 14px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }
    
    /* Hover effect */
    .game-button:hover {
        background-color: #3367d6;
    }
    
    </style>

</head>

<body>
    <!-- <amp-auto-ads type="adsense"
    data-ad-client="ca-pub-1615420563101212">
            </amp-auto-ads> -->
    <!-- Header -->
      
    <!-- pop ad -->
    <div class="popup-overlay" id="popupOverlay">
        <div class="popup-content">
          <button class="close-popup" onclick="closePopup()">x</button>
          <div style="text-align: center" class="adslot">
                    <!-- popup ad -->
                    <ins class="adsbygoogle"
            style="display:block"
            data-ad-client="ca-pub-4835959329501112"
            data-ad-slot="7375610877"
            data-ad-format="auto"
            data-full-width-responsive="true"></ins>
        <script>
            (adsbygoogle = window.adsbygoogle || []).push({});
        </script>
        </div>
        </div>
    </div>
    <!-- end popup -->
 	
    <div style="text-align: center" class="adslot">
        <!-- popup ad -->
        <ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-4835959329501112"
data-ad-slot="7375610877"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
    <header class="header">
        <nav class="navbar navbar-expand-lg" >
            <div class="container">

                <a class="navbar-brand" href="/">
                    <img src="/assets/img/logo2.png" width="200" alt="logo" class="img-fluid" draggable="false">
                </a>

                <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas"
                    data-bs-target="#offcanvasExample">
                    <span>
                        <i class="fa-solid fa-bars-staggered"></i>
                    </span>
                </button>

                <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasExample"
                    aria-labelledby="offcanvasExampleLabel">
                    <div class="offcanvas-header justify-content-end">
                        <button type="button" data-bs-dismiss="offcanvas"><i class="fa-solid fa-xmark"></i></button>
                    </div>
                    <div class="offcanvas-body">
                        <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
                            <li class="nav-item">
                                <a class="nav-link" href="/">Home</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/contact-us">Contact Us</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/about-us">About Us</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/privacy-policy">Privacy Policy</a>
                            </li>
                        </ul>
                        <form class="d-flex form_area d-lg-block d-none" role="search">
                            <div class="search_icon">
                                <button type="button" class="search_button" data-bs-toggle="modal"
                                    data-bs-target="#exampleModal">
                                    <svg width="14" height="14" viewBox="0 0 14 14" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                            d="M6.22222 1.55556C3.64489 1.55556 1.55556 3.64489 1.55556 6.22222C1.55556 8.79955 3.64489 10.8889 6.22222 10.8889C8.79955 10.8889 10.8889 8.79955 10.8889 6.22222C10.8889 3.64489 8.79955 1.55556 6.22222 1.55556ZM0 6.22222C0 2.78578 2.78578 0 6.22222 0C9.65866 0 12.4444 2.78578 12.4444 6.22222C12.4444 7.66011 11.9567 8.98408 11.1377 10.0377L13.7722 12.6722C14.0759 12.976 14.0759 13.4685 13.7722 13.7722C13.4685 14.0759 12.976 14.0759 12.6722 13.7722L10.0377 11.1377C8.98408 11.9567 7.66011 12.4444 6.22222 12.4444C2.78578 12.4444 0 9.65866 0 6.22222Z"
                                            fill="#fff" />
                                    </svg>
                                </button>
                            </div>
                        </form>
                    </div>
                </div>

                <!-- Modal -->
                <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
                    aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal_input_box">
                                <form action="/search">
                                    <input type="text" name="s" id="offcanvas_search_input"
                                        placeholder="Type and press enter" autocomplete="off">
                                    <div class="search_input_icon">
                                        <i class="bx bx-search bx-rotate-90"></i>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </nav>
    </header>
