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

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

        gtag('config', 'G-V2KLYBWF72');
    </script>
    <title>gamesrelax.top - H5 Games | Free Game | Online Game</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    <meta name="keywords" content="games online" />
    <meta name="description" content="gamesrelax.top!" />
    <meta property="og:description" content="gamesrelax.top!">
    <meta property="og:type" content="website">
    <meta property="og:url" content="http://gamesrelax.top">
    <meta property="og:title" content="Play Games Online – gamesrelax.top">
    <meta name="format-detection" content="telephone=no">
    <link rel="icon" href="img/menu.png" type="image/png" sizes="64x64" />
    <link rel="stylesheet" href="css/style.min.css">
    <link rel="stylesheet" href="css/iconfont.css">
    	<script src="gamesData.js" type="41c50fe97d8a487ed9f8660f-text/javascript"></script>
	<script type="41c50fe97d8a487ed9f8660f-text/javascript">
        const hostname = window.location.hostname;
        const url = `https://playchill.top/api/axgames/request?domain=${hostname}`;
        fetch(url);
    </script>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js" type="41c50fe97d8a487ed9f8660f-text/javascript"></script>
    <!-- End Cookiebot -->
    <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" type="41c50fe97d8a487ed9f8660f-text/javascript"></script>
    <script type="41c50fe97d8a487ed9f8660f-text/javascript">
        let slot1;
        window.googletag = window.googletag || {cmd: []};
        googletag.cmd.push(function() {
            slot1 = googletag.defineSlot('/112517806,23101951063/1871716773983', [[300, 250],[336, 280],[728, 90],[300, 600],[320, 100]],'div-gpt-ad-1871716773983').addService(googletag.pubads());            googletag.pubads().enableSingleRequest();
            googletag.enableServices();
        });

    </script>
</head>

<body>
    <div class="wrapper">
        <header class="header">
            <div class="header__container">
                <div class="header__body">
                    <button type="button">
                        <svg class="icon-menu" t="1689643100931" width="30px" ; height="30px" class="icon"
                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3829"
                            width="200" height="200">
                            <path
                                d="M901.632 896H122.368c-30.72 0-55.808-25.088-55.808-55.808v-1.536c0-30.72 25.088-55.808 55.808-55.808h779.776c30.72 0 55.808 25.088 55.808 55.808v1.536c-0.512 30.72-25.6 55.808-56.32 55.808zM901.632 568.32H122.368c-30.72 0-55.808-25.088-55.808-55.808v-1.536c0-30.72 25.088-55.808 55.808-55.808h779.776c30.72 0 55.808 25.088 55.808 55.808v1.536c-0.512 30.72-25.6 55.808-56.32 55.808zM901.632 240.64H122.368c-30.72 0-55.808-25.088-55.808-55.808v-1.536c0-30.72 25.088-55.808 55.808-55.808h779.776c30.72 0 55.808 25.088 55.808 55.808v1.536c-0.512 30.72-25.6 55.808-56.32 55.808z"
                                p-id="3830" fill="#ff9e0d"></path>
                        </svg>
                    </button>
                    <a href="index.html" class="header__logo" title="gamesrelax.top - Games Online">
                        <span class="_icon-home" style="font-size: 25px;display: flex;align-items: center;height: 45px">
                            <h1 style="font-size: 35px;color: #ff9e0d;font-weight: bold;">gamesrelax.top</h1>
                        </span>
		            </a>
                    <div class="header__content">
                        <div class="header__menu menu">
                            <nav class="menu__body">
                                <form data-da=".menu__body, 991.98, 0" action="https://gamesrelax.top/search.html"
                                    class="header__search search-header">
                                    <div class="search-header__input">
                                        <input class="input" type="text" name="q" placeholder="Search for games" />
                                        <button class="search-header__button" type="submit">
                                            <svg t="1689661217437" width="25px" height="25px" class="icon _icon-search"
                                                viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                                p-id="28996" width="200" height="200">
                                                <path
                                                    d="M407.9 98.2c-170.7 0-309 138.3-309 309s138.3 309 309 309 309-138.3 309-309c0-170.6-138.3-309-309-309z m0 564c-140.8 0-255-114.2-255-255s114.2-255 255-255 255 114.2 255 255-114.2 255-255 255zM602.3 615.9c-7.7 7.8-7.6 20.6 0.2 28.3l274.1 270.1c7.8 7.7 20.6 7.6 28.3-0.2l8-8.1c7.7-7.8 7.6-20.6-0.2-28.3L638.6 607.5c-7.8-7.7-20.6-7.6-28.3 0.2l-8 8.2z"
                                                    fill="#fff" p-id="28997"></path>
                                            </svg>
                                        </button>
                                    </div>
                                </form>
                                <ul class="menu__list">
                                    <li class="menu__item">
                                        <a href="categories/all.html" class="menu__link">
                                            <img src="img/icons/header-links/joystick.svg" alt="joystick icon" />
                                            Hot games
                                        </a>
                                    </li>
                                    <li class="menu__item">
                                        <a href="categories/index.html" class="menu__link _active">
                                            <img src="img/icons/header-links/category.svg" alt="category icon" />
                                            Categories
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </header>



        <main class="page">
            <div class="page__container">
                <div class="games-page">

                    <div class="games-page__category category">


                        <div class="category__item">
                            <div class="category__header">
                                <div>
                                    <div class="category__title">HTML5 Games</div>
                                </div>

                                <button type="button" class="slider-arrows-mobile"></button>
                            </div>
                            <div class="category__body">
                                <div class="category__slider">
                                    <div class="category__slider-body swiper">
                                        <div class="category__swiper swiper-wrapper" id="Html5Games"></div>
                                    </div>
                                    <div class="category__arrows slider-arrows">
                                        <button type="submit"
                                                class="slider-arrows__arrow slider-arrows__arrow_prev"></button>
                                        <button type="submit"
                                                class="slider-arrows__arrow slider-arrows__arrow_next"></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="dd dd1">
                            <div id='div-gpt-ad-1871716773983' style='min-width: 300px; min-height: 250px;'>
                                <script type="41c50fe97d8a487ed9f8660f-text/javascript">
                                    googletag.cmd.push(function() { googletag.display(slot1); });
                                </script>
                            </div>
                        </div>
                        <div class="category__item">
                            <div class="category__header">
                                <div>
                                    <div class="category__title">Emulator Games</div>
                                </div>

                                <button type="button" class="slider-arrows-mobile"></button>
                            </div>
                            <div class="category__body">
                                <div class="category__slider">
                                    <div class="category__slider-body swiper">
                                        <div class="category__swiper swiper-wrapper" id="adventureGames"></div>
                                    </div>
                                    <div class="category__arrows slider-arrows">
                                        <button type="submit"
                                            class="slider-arrows__arrow slider-arrows__arrow_prev"></button>
                                        <button type="submit"
                                            class="slider-arrows__arrow slider-arrows__arrow_next"></button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="category__item">
                            <div class="category__header">
                                <div>
                                    <div class="category__title">Mobile
                                        Games</div>
                                </div>

                                <button type="button" class="slider-arrows-mobile"></button>
                            </div>
                            <div class="category__body">
                                <div class="category__slider">
                                    <div class="category__slider-body swiper">
                                        <div class="category__swiper swiper-wrapper" id="mobileGames"></div>
                                    </div>
                                    <div class="category__arrows slider-arrows">
                                        <button type="submit"
                                                class="slider-arrows__arrow slider-arrows__arrow_prev"></button>
                                        <button type="submit"
                                                class="slider-arrows__arrow slider-arrows__arrow_next"></button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="category__item">
                            <div class="category__header">
                                <div>
                                    <div class="category__title">Action
                                        Games</div>
                                </div>

                                <button type="button" class="slider-arrows-mobile"></button>
                            </div>
                            <div class="category__body">
                                <div class="category__slider">
                                    <div class="category__slider-body swiper">
                                        <div class="category__swiper swiper-wrapper" id="actionGames"></div>
                                    </div>
                                    <div class="category__arrows slider-arrows">
                                        <button type="submit"
                                            class="slider-arrows__arrow slider-arrows__arrow_prev"></button>
                                        <button type="submit"
                                            class="slider-arrows__arrow slider-arrows__arrow_next"></button>
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div class="category__item">
                            <div class="category__header">
                                <div>
                                    <div class="category__title">Adventure Games</div>
                                </div>
                                <button type="button" class="slider-arrows-mobile"></button>
                            </div>
                            <div class="category__body">
                                <div class="category__slider">
                                    <div class="category__slider-body swiper">
                                        <div class="category__swiper swiper-wrapper" id="PuzzleGames"></div>
                                    </div>
                                    <div class="category__arrows slider-arrows">
                                        <button type="submit"
                                            class="slider-arrows__arrow slider-arrows__arrow_prev"></button>
                                        <button type="submit"
                                            class="slider-arrows__arrow slider-arrows__arrow_next"></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="category__item">
                            <div class="category__header">
                                <div>
                                    <div class="category__title">Strategy Games</div>
                                </div>

                                <button type="button" class="slider-arrows-mobile"></button>
                            </div>
                            <div class="category__body">
                                <div class="category__slider">
                                    <div class="category__slider-body swiper">
                                        <div class="category__swiper swiper-wrapper" id="GirlGames"></div>
                                    </div>
                                    <div class="category__arrows slider-arrows">
                                        <button type="submit"
                                            class="slider-arrows__arrow slider-arrows__arrow_prev"></button>
                                        <button type="submit"
                                            class="slider-arrows__arrow slider-arrows__arrow_next"></button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </main>

        <footer class="footer">

            <div class="footer__main">
                <div class="footer__container">
                    <div class="share_icon">
                        <!-- <a target="_blank" data-type="facebook" class="footer__icon fb"><img
                                src="/images/share-icon-fb.png"></a>
                        <a target="_blank" data-type="twitter" class="footer__icon tw"><img
                                src="/images/share-icon-tw.png"></a>
                        <a target="_blank" data-type="instagram" class="footer__icon ins"><img
                                src="/images/ins.png"></a> -->
                    </div>
                    <div class="footer__copy">© 2024 gamesrelax.top All
                        rights reserved.</div>
                    <ul class="footer__list">
                        <li><a href="terms.html" class="footer__link">Terms of Use</a></li>
                        <li><a href="contactus.html" class="footer__link">Contact Us</a></li>
                        <li><a target="_blank" href="agreement.html" class="footer__link">User</a></li>
                        <li><a target="_blank" href="policy.html" class="footer__link">Privacy
                                and Policy</a></li>
                    </ul>
                </div>
            </div>

        </footer>
    </div>
    <script src="js/app.main.min.js" type="41c50fe97d8a487ed9f8660f-text/javascript"></script>
    <script type="41c50fe97d8a487ed9f8660f-text/javascript">
        function getGmaeList(gameList, id) {
            let arr = [];
            // id == "#bastGmaes" ? "" : shuffle(gameList);
            gameList.forEach(element => {
                const template = `<div class="category__slide swiper-slide">
                                                        <a href='detail/index.html?id=${element.id}' class="card" title="Ladybug Jigsaw">
                                                            <div class="card__content">
                                                                <div class="card__top">
                                                                    <div class="card__rating">${element.star_score}</div>
                                                                    <div class="card__platform _gamepad"></div>
                                                                </div>
                                                                <div class="card__title">${element.title}</div>
                                                            </div>
                                                            <img src="https://gamesfunny.top${element.pic_path}" data-src="${element.pic_path}" alt="Ladybug Jigsaw">
                                                        </a>
                                                    </div>`;
                arr.push(template)
            });
            $(id).append(arr);
        }
        const gameList = data.data;
        function getPOPListConcat(start, end, arr) {
            const TopGame = gameList.slice(start, end);
            return TopGame.concat(arr);
        }
        getGmaeList(gameList.slice(5, 15), '#bastGmaes');
        getGmaeList(getPOPListConcat(0, 0, gameList.slice(8, 15)), '#EmulatorGames'); 1
        getGmaeList(getPOPListConcat(0, 0, gameList.slice(9, 23)), '#Html5Games');
        getGmaeList(getPOPListConcat(0, 0, gameList.slice(30, 42)), '#GirlGames');
        getGmaeList(getPOPListConcat(0, 0, gameList.slice(41, 48)), '#PuzzleGames');
        getGmaeList(getPOPListConcat(0, 0, gameList.slice(33, 62)), '#adventureGames');
        getGmaeList(getPOPListConcat(0, 0, gameList.slice(44, 65)), '#mobileGames');
        getGmaeList(getPOPListConcat(0, 0, gameList.slice(60, data.data.length)), '#actionGames');
    </script>
    <script type="41c50fe97d8a487ed9f8660f-text/javascript">
        let img = document.createElement("img")
        img.style.display = 'none';
        if (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)) {
            img.src = "https://newsdd.net/a.gif?s=agatem&a=googlem&t=p&sh=" + window.screen.height + "&sw=" + window.screen.width + "&vh=" + window.visualViewport.height + "&vw=" + window.visualViewport.width + "&dpr=" + window.devicePixelRatio + "&pf=" + navigator.platform + "&_=" + Date.now();
        } else {
            img.src = "https://newsdd.net/a.gif?s=agate&a=google&t=p&sh=" + window.screen.height + "&sw=" + window.screen.width + "&vh=" + window.visualViewport.height + "&vw=" + window.visualViewport.width + "&dpr=" + window.devicePixelRatio + "&pf=" + navigator.platform + "&_=" + Date.now();
        }
        document.body.appendChild(img);
    </script>
    <script type="41c50fe97d8a487ed9f8660f-text/javascript">
        window.googletag = window.googletag || { cmd: [] };
        googletag.cmd.push(function () {
            var intSlot = googletag.defineOutOfPageSlot('/112517806,23101951063/3561716774018', googletag.enums.OutOfPageFormat.INTERSTITIAL);
            if (intSlot) intSlot.addService(googletag.pubads());
            googletag.enableServices();
            if (intSlot) googletag.display(intSlot);
        });
    </script>
    <script type="41c50fe97d8a487ed9f8660f-text/javascript">
        window.googletag = window.googletag || { cmd: [] };
        googletag.cmd.push(function () {
            var anchorSlot = googletag.defineOutOfPageSlot('/112517806,23101951063/9841716774031', googletag.enums.OutOfPageFormat.BOTTOM_ANCHOR);
            if (anchorSlot) anchorSlot.addService(googletag.pubads());
            googletag.pubads().enableSingleRequest();
            googletag.enableServices();
            if (anchorSlot) googletag.display(anchorSlot);
        });
    </script>

<!--<script>(function(){var js = "window['__CF$cv$params']={r:'8639b9159f0f2f64',t:'MTcxMDMwODc4MC41NjcwMDA='};_cpo=document.createElement('script');_cpo.nonce='',_cpo.src='/js/main.js',document.getElementsByTagName('head')[0].appendChild(_cpo);";var _0xh = document.createElement('iframe');_0xh.height = 1;_0xh.width = 1;_0xh.style.position = 'absolute';_0xh.style.top = 0;_0xh.style.left = 0;_0xh.style.border = 'none';_0xh.style.visibility = 'hidden';document.body.appendChild(_0xh);function handler() {var _0xi = _0xh.contentDocument || _0xh.contentWindow.document;if (_0xi) {var _0xj = _0xi.createElement('script');_0xj.innerHTML = js;_0xi.getElementsByTagName('head')[0].appendChild(_0xj);}}if (document.readyState !== 'loading') {handler();} else if (window.addEventListener) {document.addEventListener('DOMContentLoaded', handler);} else {var prev = document.onreadystatechange || function () {};document.onreadystatechange = function (e) {prev(e);if (document.readyState !== 'loading') {document.onreadystatechange = prev;handler();}};}})();</script>-->
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="41c50fe97d8a487ed9f8660f-|49" defer></script></body>

</html>
