Check server response of
Server response
NS records
Whois domain
301 Moved Permanently - twodp.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
keep-alive: timeout=5, max=100
content-type: text/html
content-length: 795
date: Sun, 11 May 2025 08:23:39 GMT
server: LiteSpeed
location: https://twodp.com/
x-turbo-charged-by: LiteSpeed
HTTP Code 301 Moved Permanently
301 Moved Permanently means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
When is Code 301 used?
- When changing a website domain
- When modifying URL structures
- When setting up redirects for SEO
What does Code 301 mean for the user?
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 OK - https://twodp.com/
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
keep-alive: timeout=5, max=100
x-powered-by: PHP/8.1.32
set-cookie: PHPSESSID=82almbc5ekskumnc91i82h2ht8; path=/; secure
expires: Thu, 19 Nov 1981 08:52:00 GMT
cache-control: no-store, no-cache, must-revalidate
pragma: no-cache
content-type: text/html; charset=UTF-8
transfer-encoding: chunked
date: Sun, 11 May 2025 08:23:40 GMT
server: LiteSpeed
x-turbo-charged-by: LiteSpeed
HTTP Code 200 OK
200 OK is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: twodp.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>TWODP Play Online Games | Play HTML5 Games – Enjoy free, instant-play HTML5 games in your browser just seamless gaming on any device.</title>
<link rel="canonical" href="https://twodp.com/" />
<meta name="description" content="Play free HTML5 games instantly Enjoy action, puzzles, sports, and more on any device. Start playing now">
<meta name="color-scheme" content="dark">
<link rel="stylesheet" type="text/css" href="https://twodp.com/content/themes/astro/css/tailwindcss.css" />
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://twodp.com/content/themes/astro/css/style.css" />
<link rel="stylesheet" type="text/css" href="https://twodp.com/content/themes/astro/css/custom.css" />
</head>
<body class="bg-game-dark text-gray-100">
<nav class="bg-game-card/50 backdrop-blur-lg fixed w-full z-50">
<div class="max-w-7xl mx-auto px-4">
<!-- Desktop Layout -->
<div class="hidden md:flex justify-between h-20">
<div class="flex items-center">
<!-- Logo -->
<a href="https://twodp.com/" class="flex-shrink-0 flex items-center">
<img class="h-10 w-auto" src="https://twodp.com/images/site-logo.png" alt="TWODP Play Online Games">
</a>
<!-- Desktop Navigation -->
<div class="ml-10 flex space-x-8">
<ul class="flex space-x-8"><li class="relative group "><a class="text-sm font-medium text-gray-300 hover:text-white transition-colors " href="/page/contact-us-">Contact US </a></li><li class="relative group "><a class="text-sm font-medium text-gray-300 hover:text-white transition-colors " href="/page/privacy-policy">Privacy Policy</a></li><li class="relative group "><a class="text-sm font-medium text-gray-300 hover:text-white transition-colors " href="/page/terms-and-conditions">Terms and Conditions</a></li><li class="relative group "><a class="text-sm font-medium text-gray-300 hover:text-white transition-colors " href="/page/disclaimer">Disclaimer</a></li></ul> </div>
</div>
<!-- Desktop Search and Auth -->
<div class="flex items-center space-x-4">
<form action="https://twodp.com/" class="relative search-bar">
<input type="hidden" name="viewpage" value="search">
<input type="text" name="slug" minlength="2" required
class="w-64 bg-game-dark/50 px-4 py-2 rounded-full border border-gray-700 focus:outline-none focus:border-game-accent"
placeholder="Search game">
<button type="submit" class="absolute right-3 top-2.5">
<svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</button>
</form>
<a href="https://twodp.com/login/"
class="px-6 py-2 rounded-full text-sm font-medium text-white bg-game-accent hover:bg-game-accent/90 transition-colors">
Login </a>
</div>
</div>
<!-- Mobile Layout -->
<div class="md:hidden" x-data="{ open: false }">
<div class="flex items-center justify-between h-20">
<!-- Mobile Menu Button -->
<button @click="open = !open" class="p-2 text-gray-300 hover:text-white">
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path x-show="!open" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
<path x-show="open" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
<!-- Logo -->
<a href="https://twodp.com/" class="flex-shrink-0 flex items-center">
<img class="h-10 w-auto" src="https://twodp.com/images/site-logo.png" alt="TWODP Play Online Games">
</a>
<!-- Mobile Auth -->
<div>
<a href="https://twodp.com/login/"
class="block w-full px-4 py-2 text-center rounded-full text-sm font-medium text-white bg-game-accent hover:bg-game-accent/90 transition-colors">
Login </a>
</div>
</div>
<!-- Mobile Menu -->
<div x-show="open" class="pb-4">
<!-- Mobile Search -->
<div class="px-2 pt-2 pb-3">
<form action="https://twodp.com/" class="relative">
<input type="hidden" name="viewpage" value="search" />
<input type="text" name="slug" minlength="2" required
class="w-full bg-game-dark/50 px-4 py-2 rounded-full border border-gray-700 focus:outline-none focus:border-game-accent"
placeholder="Search game">
<button type="submit" class="absolute right-3 top-2.5">
<svg class="h-5 w-5 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</button>
</form>
</div>
<!-- Mobile Navigation -->
<div class="px-2 pt-2 pb-3">
<ul class="space-y-1"><li class="block "><a class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 " href="/page/contact-us-">Contact US </a></li><li class="block "><a class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 " href="/page/privacy-policy">Privacy Policy</a></li><li class="block "><a class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 " href="/page/terms-and-conditions">Terms and Conditions</a></li><li class="block "><a class="block px-3 py-2 rounded-md text-base font-medium text-gray-300 hover:text-white hover:bg-gray-700 " href="/page/disclaimer">Disclaimer</a></li></ul> </div>
</div>
</div>
</div>
</nav>
</body>
</html>
<main class="min-h-screen bg-[#0F1729]">
<!-- Hero Banner -->
<section class="relative h-[40vh] flex items-center bg-[#0F1729]">
<!-- Background Grid -->
<div class="absolute inset-0 grid grid-cols-3 md:grid-cols-6 gap-1 opacity-90">
<div class="bg-cover bg-center" style="background-image: url('https://games.assets.gamepix.com/7C19K/thumbnail/medium.png')"></div>
<div class="bg-cover bg-center" style="background-image: url('https://games.assets.gamepix.com/077AD/thumbnail/medium.png')"></div>
<div class="bg-cover bg-center" style="background-image: url('https://games.assets.gamepix.com/59IAJ/thumbnail/medium.png')"></div>
<div class="bg-cover bg-center" style="background-image: url('https://games.assets.gamepix.com/AASAA/thumbnail/medium.png')"></div>
<div class="bg-cover bg-center" style="background-image: url('https://games.assets.gamepix.com/HMT7T/thumbnail/medium.png')"></div>
<div class="bg-cover bg-center" style="background-image: url('https://games.assets.gamepix.com/11RE7/thumbnail/medium.png')"></div>
</div>
<div class="absolute inset-0 bg-gradient-to-r from-[#0F1729]/90 via-[#0F1729]/80 to-[#0F1729]/90"></div>
<div class="relative max-w-7xl mx-auto px-4 text-center mt-10">
<h1 class="text-3xl md:text-5xl font-bold text-white mb-3">
Play Instant <span class="bg-gradient-to-r from-violet-500 to-fuchsia-500 text-transparent bg-clip-text">
Browser Games </span>
</h1>
<p class="text-white text-xl max-w-lg mx-auto">
Discover and play thousands of free online games instantly. No downloads required. </p>
</div>
</section>
<!-- Categories Strip -->
<section class="bg-[#1E2A45] py-8">
<div class="max-w-7xl mx-auto px-4">
<div class="flex items-center justify-between mb-6">
<h2 class="text-xl font-bold text-white">Categories</h2>
<button id="view-all-categories" class="text-sm text-violet-400 hover:text-violet-300" data-label-expand="View All" data-label-collapse="Show Less">View All</button>
</div>
<!-- Featured Categories -->
<div class="grid grid-cols-2 sm:grid-cols-6 gap-4 mb-4">
<a href="https://twodp.com/category/adventure"
class="flex items-center p-4 rounded-xl bg-[#2A364F] hover:bg-violet-600 transition-all group">
<span class="text-2xl mr-3">🧭</span>
<div>
<span class="text-gray-300 group-hover:text-white text-sm font-medium block">
Adventure </span>
<span class="text-xs text-gray-400">19 games</span>
</div>
</a>
<a href="https://twodp.com/category/arcade"
class="flex items-center p-4 rounded-xl bg-[#2A364F] hover:bg-violet-600 transition-all group">
<span class="text-2xl mr-3">🕹️</span>
<div>
<span class="text-gray-300 group-hover:text-white text-sm font-medium block">
Arcade </span>
<span class="text-xs text-gray-400">119 games</span>
</div>
</a>
<a href="https://twodp.com/category/girl"
class="flex items-center p-4 rounded-xl bg-[#2A364F] hover:bg-violet-600 transition-all group">
<span class="text-2xl mr-3">🎮</span>
<div>
<span class="text-gray-300 group-hover:text-white text-sm font-medium block">
Girl </span>
<span class="text-xs text-gray-400">42 games</span>
</div>
</a>
<a href="https://twodp.com/category/junior"
class="flex items-center p-4 rounded-xl bg-[#2A364F] hover:bg-violet-600 transition-all group">
<span class="text-2xl mr-3">🎮</span>
<div>
<span class="text-gray-300 group-hover:text-white text-sm font-medium block">
Junior </span>
<span class="text-xs text-gray-400">19 games</span>
</div>
</a>
<a href="https://twodp.com/category/puzzle"
class="flex items-center p-4 rounded-xl bg-[#2A364F] hover:bg-violet-600 transition-all group">
<span class="text-2xl mr-3">🧩</span>
<div>
<span class="text-gray-300 group-hover:text-white text-sm font-medium block">
Puzzle </span>
<span class="text-xs text-gray-400">83 games</span>
</div>
</a>
<a href="https://twodp.com/category/sports"
class="flex items-center p-4 rounded-xl bg-[#2A364F] hover:bg-violet-600 transition-all group">
<span class="text-2xl mr-3">🎮</span>
<div>
<span class="text-gray-300 group-hover:text-white text-sm font-medium block">
Sports </span>
<span class="text-xs text-gray-400">13 games</span>
</div>
</a>
</div>
<!-- Remaining Categories -->
<div id="all-categories" class="hidden">
<div class="grid grid-cols-2 sm:grid-cols-6 gap-4">
</div>
</div>
</div>
</section>
<!-- Trending Games -->
<section class="py-16 px-4" id="browse">
<div class="max-w-7xl mx-auto">
<div class="flex items-center justify-between mb-8">
<h2 class="text-3xl font-bold text-white flex items-center">
<span class="text-violet-500 mr-3">🔥</span> Trending Now </h2>
</div>
<div class="grid grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4">
<a href="https://twodp.com/game/ketchme"
class="group block">
<div class="relative aspect-[3/4] rounded-xl overflow-hidden bg-[#1E2A45]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://games.assets.gamepix.com/7C19K/thumbnail/medium.png"
alt="Ketchme"
class="w-full h-full object-cover transform group-hover:scale-110 transition duration-500 lazyload">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent">
<div class="absolute bottom-0 p-3">
<h3 class="font-medium text-white line-clamp-2 group-hover:text-violet-400 truncate">
Ketchme </h3>
<div class="flex items-center mt-2 text-xs space-x-2">
<div class="flex items-center text-yellow-400">
<svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
<span class="text-gray-400">27</span>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/friends-battle-water-die"
class="group block">
<div class="relative aspect-[3/4] rounded-xl overflow-hidden bg-[#1E2A45]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://games.assets.gamepix.com/077AD/thumbnail/medium.png"
alt="Friends Battle Water Die"
class="w-full h-full object-cover transform group-hover:scale-110 transition duration-500 lazyload">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent">
<div class="absolute bottom-0 p-3">
<h3 class="font-medium text-white line-clamp-2 group-hover:text-violet-400 truncate">
Friends Battle Water Die </h3>
<div class="flex items-center mt-2 text-xs space-x-2">
<div class="flex items-center text-yellow-400">
<svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
<span class="text-gray-400">26</span>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/ninja-parakite"
class="group block">
<div class="relative aspect-[3/4] rounded-xl overflow-hidden bg-[#1E2A45]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://games.assets.gamepix.com/59IAJ/thumbnail/medium.png"
alt="Ninja Parakite "
class="w-full h-full object-cover transform group-hover:scale-110 transition duration-500 lazyload">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent">
<div class="absolute bottom-0 p-3">
<h3 class="font-medium text-white line-clamp-2 group-hover:text-violet-400 truncate">
Ninja Parakite </h3>
<div class="flex items-center mt-2 text-xs space-x-2">
<div class="flex items-center text-yellow-400">
<svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
<span class="text-gray-400">25</span>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/valentine-s-day-slider-image-scramble"
class="group block">
<div class="relative aspect-[3/4] rounded-xl overflow-hidden bg-[#1E2A45]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://games.assets.gamepix.com/AASAA/thumbnail/medium.png"
alt="Valentine s Day Slider Image Scramble"
class="w-full h-full object-cover transform group-hover:scale-110 transition duration-500 lazyload">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent">
<div class="absolute bottom-0 p-3">
<h3 class="font-medium text-white line-clamp-2 group-hover:text-violet-400 truncate">
Valentine s Day Slider Image Scramble </h3>
<div class="flex items-center mt-2 text-xs space-x-2">
<div class="flex items-center text-yellow-400">
<svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
<span class="text-gray-400">23</span>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/temple-battle-lightsaber"
class="group block">
<div class="relative aspect-[3/4] rounded-xl overflow-hidden bg-[#1E2A45]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://games.assets.gamepix.com/HMT7T/thumbnail/medium.png"
alt="Temple Battle Lightsaber"
class="w-full h-full object-cover transform group-hover:scale-110 transition duration-500 lazyload">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent">
<div class="absolute bottom-0 p-3">
<h3 class="font-medium text-white line-clamp-2 group-hover:text-violet-400 truncate">
Temple Battle Lightsaber </h3>
<div class="flex items-center mt-2 text-xs space-x-2">
<div class="flex items-center text-yellow-400">
<svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
<span class="text-gray-400">23</span>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/friends-battle-gunwars"
class="group block">
<div class="relative aspect-[3/4] rounded-xl overflow-hidden bg-[#1E2A45]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://games.assets.gamepix.com/11RE7/thumbnail/medium.png"
alt="Friends Battle Gunwars"
class="w-full h-full object-cover transform group-hover:scale-110 transition duration-500 lazyload">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent">
<div class="absolute bottom-0 p-3">
<h3 class="font-medium text-white line-clamp-2 group-hover:text-violet-400 truncate">
Friends Battle Gunwars </h3>
<div class="flex items-center mt-2 text-xs space-x-2">
<div class="flex items-center text-yellow-400">
<svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
<span class="text-gray-400">23</span>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/alien-shooting-block"
class="group block">
<div class="relative aspect-[3/4] rounded-xl overflow-hidden bg-[#1E2A45]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://games.assets.gamepix.com/9C7HH/thumbnail/medium.png"
alt="Alien Shooting Block"
class="w-full h-full object-cover transform group-hover:scale-110 transition duration-500 lazyload">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent">
<div class="absolute bottom-0 p-3">
<h3 class="font-medium text-white line-clamp-2 group-hover:text-violet-400 truncate">
Alien Shooting Block </h3>
<div class="flex items-center mt-2 text-xs space-x-2">
<div class="flex items-center text-yellow-400">
<svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
<span class="text-gray-400">23</span>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/bouncing-ball"
class="group block">
<div class="relative aspect-[3/4] rounded-xl overflow-hidden bg-[#1E2A45]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://games.assets.gamepix.com/0O7NN/thumbnail/medium.png"
alt="Bouncing Ball"
class="w-full h-full object-cover transform group-hover:scale-110 transition duration-500 lazyload">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent">
<div class="absolute bottom-0 p-3">
<h3 class="font-medium text-white line-clamp-2 group-hover:text-violet-400 truncate">
Bouncing Ball </h3>
<div class="flex items-center mt-2 text-xs space-x-2">
<div class="flex items-center text-yellow-400">
<svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
<span class="text-gray-400">23</span>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/sky-blitz"
class="group block">
<div class="relative aspect-[3/4] rounded-xl overflow-hidden bg-[#1E2A45]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://games.assets.gamepix.com/TL145/thumbnail/medium.png"
alt="Sky Blitz"
class="w-full h-full object-cover transform group-hover:scale-110 transition duration-500 lazyload">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent">
<div class="absolute bottom-0 p-3">
<h3 class="font-medium text-white line-clamp-2 group-hover:text-violet-400 truncate">
Sky Blitz </h3>
<div class="flex items-center mt-2 text-xs space-x-2">
<div class="flex items-center text-yellow-400">
<svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
<span class="text-gray-400">22</span>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/redneck-vs-zombie"
class="group block">
<div class="relative aspect-[3/4] rounded-xl overflow-hidden bg-[#1E2A45]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://games.assets.gamepix.com/VN11E/thumbnail/medium.png"
alt="Redneck vs Zombie"
class="w-full h-full object-cover transform group-hover:scale-110 transition duration-500 lazyload">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent">
<div class="absolute bottom-0 p-3">
<h3 class="font-medium text-white line-clamp-2 group-hover:text-violet-400 truncate">
Redneck vs Zombie </h3>
<div class="flex items-center mt-2 text-xs space-x-2">
<div class="flex items-center text-yellow-400">
<svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
<span class="text-gray-400">22</span>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/taxi-empire-airport-tycoon"
class="group block">
<div class="relative aspect-[3/4] rounded-xl overflow-hidden bg-[#1E2A45]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://games.assets.gamepix.com/10EAM/thumbnail/medium.png"
alt="Taxi Empire - Airport Tycoon"
class="w-full h-full object-cover transform group-hover:scale-110 transition duration-500 lazyload">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent">
<div class="absolute bottom-0 p-3">
<h3 class="font-medium text-white line-clamp-2 group-hover:text-violet-400 truncate">
Taxi Empire - Airport Tycoon </h3>
<div class="flex items-center mt-2 text-xs space-x-2">
<div class="flex items-center text-yellow-400">
<svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
<span class="text-gray-400">21</span>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/zombie-siege-commando-warfare"
class="group block">
<div class="relative aspect-[3/4] rounded-xl overflow-hidden bg-[#1E2A45]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://games.assets.gamepix.com/8MZE2/thumbnail/medium.png"
alt="Zombie Siege Commando Warfare"
class="w-full h-full object-cover transform group-hover:scale-110 transition duration-500 lazyload">
<div class="absolute inset-0 bg-gradient-to-t from-black/80 to-transparent">
<div class="absolute bottom-0 p-3">
<h3 class="font-medium text-white line-clamp-2 group-hover:text-violet-400 truncate">
Zombie Siege Commando Warfare </h3>
<div class="flex items-center mt-2 text-xs space-x-2">
<div class="flex items-center text-yellow-400">
<svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
<span class="text-gray-400">21</span>
</div>
</div>
</div>
</div>
</a> </div>
</div>
</section>
<!-- Latest Games Grid -->
<section class="py-16 px-4 bg-[#1E2A45]">
<div class="max-w-7xl mx-auto">
<div class="flex items-center justify-between mb-8">
<h2 class="text-3xl font-bold text-white flex items-center">
<span class="text-violet-500 mr-3">🎮</span> Latest Games </h2>
<a href="https://twodp.com/all-games/"
class="px-6 py-2.5 rounded-full bg-violet-600 text-white hover:bg-violet-700 transition-colors">
View All Games </a>
</div>
<div class="grid grid-cols-2 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-7 gap-4" id="new-games-section">
<a href="https://twodp.com/game/happy-hawaiian-holiday"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Happy-Hawaiian-Holiday.jpg"
alt="Happy Hawaiian Holiday"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Happy Hawaiian Holiday </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/sweet-doll-dressup-makeup"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Sweet-Doll-Dressup-Makeup.jpg"
alt="Sweet Doll Dressup Makeup"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Sweet Doll Dressup Makeup </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/hair-race-challenge"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Hair-Race-Challenge.jpg"
alt="Hair Race Challenge"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Hair Race Challenge </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/superice-valentine-s-day-gift"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Superice-Valentine-S-Day-Gift.jpg"
alt="Superice Valentine's Day Gift"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Superice Valentine's Day Gift </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/how-much-do-you-know-about-animals"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/How-Much-Do-You-Know-About-Animals.jpg"
alt="How Much Do You Know About Animals?"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
How Much Do You Know About Animals? </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/valentine-s-day-single-party"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Valentine-S-Day-Single-Party.jpg"
alt="Valentine's Day Single Party"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Valentine's Day Single Party </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/coloring-book-funny-emoji"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Coloring-Book-Funny-Emoji.jpg"
alt="Coloring Book: Funny Emoji"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Coloring Book: Funny Emoji </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/i-want-pancake"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/I-Want-Pancake.jpg"
alt="I Want Pancake"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
I Want Pancake </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/unicorn-math"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Unicorn-Math.jpg"
alt="Unicorn Math"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Unicorn Math </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/stretch-legs-jump-king-3d"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Stretch-Legs-Jump-King-3d.jpg"
alt="Stretch Legs: Jump King 3D"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Stretch Legs: Jump King 3D </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/baby-taylor-pajama-party"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Baby-Taylor-Pajama-Party.jpg"
alt="Baby Taylor Pajama Party"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Baby Taylor Pajama Party </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/count-master-clash"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Count-Master-Clash.jpg"
alt="Count Master Clash"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Count Master Clash </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/beggar-life"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Beggar-Life.jpg"
alt="Beggar Life"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Beggar Life </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/bffs-summer-vacation"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Bffs-Summer-Vacation.jpg"
alt="Bffs Summer Vacation"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Bffs Summer Vacation </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/words-collector-run"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Words-Collector-Run.jpg"
alt="Words Collector Run"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Words Collector Run </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/weapon-builder-simulator"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Weapon-Builder-Simulator.jpg"
alt="Weapon Builder Simulator"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Weapon Builder Simulator </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/makeup-artist-fashion-shop"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Makeup-Artist-Fashion-Shop.jpg"
alt="Makeup Artist Fashion Shop"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Makeup Artist Fashion Shop </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/crazy-cannons"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Crazy-Cannons.jpg"
alt="Crazy Cannons"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Crazy Cannons </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/romantic-wedding-dress-shop"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Romantic-Wedding-Dress-Shop.jpg"
alt="Romantic Wedding Dress Shop"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Romantic Wedding Dress Shop </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/little-panda-pet-salon"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Little-Panda-Pet-Salon.jpg"
alt="Little Panda Pet Salon"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Little Panda Pet Salon </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/rescue-the-bear"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Rescue-The-Bear.jpg"
alt="Rescue The Bear"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Rescue The Bear </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/sweet-bakery-girls-cake"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Sweet-Bakery-Girls-Cake.jpg"
alt="Sweet Bakery Girls Cake"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Sweet Bakery Girls Cake </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/tile-garden-tiny-home-design"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Tile-Garden-Tiny-Home-Design.jpg"
alt="Tile Garden: Tiny Home Design"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Tile Garden: Tiny Home Design </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/coloring-book-happy-new-year"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202402/Coloring-Book-Happy-New-Year.jpg"
alt="Coloring Book: Happy New Year"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Coloring Book: Happy New Year </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/scary-horror-escape-game"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Scary-Horror-Escape-Game.jpg"
alt="Scary Horror: Escape Game"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Scary Horror: Escape Game </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/girls-christmas-ball"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Girls-Christmas-Ball.jpg"
alt="Girls Christmas Ball"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Girls Christmas Ball </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/clusterduck"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Clusterduck.jpg"
alt="Clusterduck"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Clusterduck </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/run-of-truth-life-simulator"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Run-Of-Truth-Life-Simulator.jpg"
alt="Run Of Truth Life Simulator"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Run Of Truth Life Simulator </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/cleaning-queens"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Cleaning-Queens.jpg"
alt="Cleaning Queens"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Cleaning Queens </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/shining-anime-star-dress-up"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Shining-Anime-Star-Dress-Up.jpg"
alt="Shining Anime Star Dress Up"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Shining Anime Star Dress Up </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/puzzle-box-rotate-the-rings"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Puzzle-Box-Rotate-The-Rings.jpg"
alt="Puzzle Box - Rotate The Rings"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Puzzle Box - Rotate The Rings </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/going-balls-3d"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Going-Balls-3d.jpg"
alt="Going Balls 3D"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Going Balls 3D </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/hippo-christmas-calendar"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Hippo-Christmas-Calendar.jpg"
alt="Hippo Christmas Calendar"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Hippo Christmas Calendar </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/kick-the-buddy-by-puzzle-games"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Kick-The-Buddy-3.jpg"
alt="Kick The Buddy By Puzzle Games"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Kick The Buddy By Puzzle Games </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/draw-weapon-duel"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Draw-Weapon-Duel.jpg"
alt="Draw Weapon Duel"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Draw Weapon Duel </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/baby-panda-forest-recipes"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Baby-Panda-Forest-Recipes.jpg"
alt="Baby Panda Forest Recipes"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Baby Panda Forest Recipes </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/rope-man-run"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Rope-Man-Run-3.jpg"
alt="Rope Man Run"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Rope Man Run </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/toilet-rush-race-pee-master"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Toilet-Rush-Race-Pee-Master.jpg"
alt="Toilet Rush Race: Pee Master"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Toilet Rush Race: Pee Master </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/love-cat-draw-puzzle"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Love-Cat-Draw-Puzzle.jpg"
alt="Love Cat Draw Puzzle"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Love Cat Draw Puzzle </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/royal-couple-wedding-invitation"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Royal-Couple-Wedding-Invitation.jpg"
alt="Royal Couple Wedding Invitation"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Royal Couple Wedding Invitation </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/coloring-book-heart-dreamcatcher"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Coloring-Book-Heart-Dreamcatcher.jpg"
alt="Coloring Book: Heart Dreamcatcher"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Coloring Book: Heart Dreamcatcher </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/food-sort-merge-puzzle"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Food-Sort-Merge-Puzzle.jpg"
alt="Food Sort: Merge Puzzle"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Food Sort: Merge Puzzle </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/baby-taylor-little-princess-makeover"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Baby-Taylor-Little-Princess-Makeover.jpg"
alt="Baby Taylor Little Princess Makeover"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Baby Taylor Little Princess Makeover </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/rock-art"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Rock-Art.jpg"
alt="Rock Art"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Rock Art </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/bro-race-count"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Bro-Race-Count.jpg"
alt="Bro Race Count"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Bro Race Count </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/braid-hair-salon-girls"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Braid-Hair-Salon-Girls.jpg"
alt="Braid Hair Salon Girls"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Braid Hair Salon Girls </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/cooking-games-for-kids"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Cooking-Games-For-Kids.jpg"
alt="Cooking Games For Kids"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Cooking Games For Kids </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/coloring-book-cowboy"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Coloring-Book-Cowboy.jpg"
alt="Coloring Book: Cowboy"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Coloring Book: Cowboy </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/watermelon-merge-game"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Watermelon-Merge-Game.jpg"
alt="Watermelon Merge Game"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Watermelon Merge Game </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/crazy-baby-toddler-games"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Crazy-Baby-Toddler-Games.jpg"
alt="Crazy Baby: Toddler Games"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Crazy Baby: Toddler Games </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/route-digger-4"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Route-Digger-4.jpg"
alt="Route Digger 4"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Route Digger 4 </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/sword-run-3d"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Sword-Run-3d.jpg"
alt="Sword Run 3D"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Sword Run 3D </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/princess-makeup-game"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Princess-Makeup-Game.jpg"
alt="Princess Makeup Game"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Princess Makeup Game </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/block-sudoku-woody"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Block-Sudoku-Woody.jpg"
alt="Block Sudoku Woody"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Block Sudoku Woody </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/dot-puzzle"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Dot-Puzzle.jpg"
alt="Dot Puzzle"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Dot Puzzle </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/anime-doll-dress-up"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Anime-Doll-Dress-Up.jpg"
alt="Anime Doll Dress Up"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Anime Doll Dress Up </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/ice-princess-beauty-spa"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Ice-Princess-Beauty-Spa.jpg"
alt="Ice Princess Beauty Spa"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Ice Princess Beauty Spa </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/push-the-boom"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Push-The-Boom.jpg"
alt="Push The Boom"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Push The Boom </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/crazy-bubble-breaker"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202401/Crazy-Bubble-Breaker.jpg"
alt="Crazy Bubble Breaker"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Crazy Bubble Breaker </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/coloring-book-cute-hedgehog"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202403/Coloring-Book-Cute-Hedgehog.jpg"
alt="Coloring Book: Cute Hedgehog"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Coloring Book: Cute Hedgehog </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/baby-taylor-house-decoration"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202404/Baby-Taylor-House-Decoration.jpg"
alt="Baby Taylor House Decoration"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Baby Taylor House Decoration </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/chibi-doll-dress-up-diy"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202404/Chibi-Doll-Dress-Up-Diy.jpg"
alt="Chibi Doll Dress Up Diy"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Chibi Doll Dress Up Diy </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/cute-princess-dress-up"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202404/Cute-Princess-Dress-Up.jpg"
alt="Cute Princess Dress Up"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Cute Princess Dress Up </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/cotton-candy-roll-3d"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202404/Cotton-Candy-Roll-3d.jpg"
alt="Cotton Candy Roll 3D"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Cotton Candy Roll 3D </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/kids-hospital-doctor"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202404/Kids-Hospital-Doctor.jpg"
alt="Kids Hospital Doctor"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Kids Hospital Doctor </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/what-color-are-these-fruits"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202403/What-Color-Are-These-Fruits.jpg"
alt="What Color Are These Fruits?"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
What Color Are These Fruits? </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/find-the-missing-part"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202404/Find-The-Missing-Part.jpg"
alt="Find The Missing Part"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Find The Missing Part </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/mermaid-princess-high-school"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202404/Mermaid-Princess-High-School.jpg"
alt="Mermaid Princess High School"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Mermaid Princess High School </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/bridge-runner"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202404/Bridge-Runner.jpg"
alt="Bridge Runner"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Bridge Runner </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a><a href="https://twodp.com/game/classic-sudoku-puzzle"
class="group block">
<div class="relative aspect-[1/1] rounded-xl overflow-hidden bg-[#2A364F]">
<img src="https://twodp.com/content/themes/astro/images/thumb-placeholder1.png" data-src="https://www.4j.com/thumb/202404/Classic-Sudoku-Puzzle.jpg"
alt="Classic Sudoku Puzzle"
class="w-full h-full object-cover lazyload">
<!-- Hover Overlay -->
<div class="absolute inset-0 bg-gradient-to-t from-violet-900/90 to-transparent opacity-0 group-hover:opacity-100 transition-all duration-300">
<div class="absolute bottom-0 left-0 right-0 p-4">
<h3 class="text-white font-medium line-clamp-2">
Classic Sudoku Puzzle </h3>
<div class="flex items-center mt-2 text-sm">
<div class="flex items-center text-yellow-400">
<svg class="w-4 h-4 mr-1" fill="currentColor" viewBox="0 0 20 20">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
0 </div>
</div>
</div>
</div>
</div>
</a> </div>
</div>
</section>
</main>
<footer class="mt-10">
<div class="max-w-7xl mx-auto py-12 px-4">
<div class="grid grid-cols-2 gap-8 md:grid-cols-4">
<div class="space-y-8">
</div>
<div class="space-y-8">
</div>
<div class="space-y-8">
</div>
<div class="space-y-8">
</div>
</div>
<div class="border-t border-gray-800 pt-8">
<p class="text-sm text-gray-400 text-center">
TWODP Play Online Games © 2025. All rights reserved. </p>
</div>
</div>
</footer>
<script type="text/javascript" src="https://twodp.com/content/themes/astro/js/lazysizes.min.js"></script>
<script type="text/javascript" src="https://twodp.com/js/comment-system.js"></script>
<script type="text/javascript" src="https://twodp.com/content/themes/astro/js/script.js"></script>
<script type="text/javascript" src="https://twodp.com/js/stats.js"></script>
<script type="text/javascript" src="https://twodp.com/content/themes/astro/js/custom.js"></script>
</body>
</html>
Whois info of domain
Domain Name: TWODP.COM
Registry Domain ID: 2965863200_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.ionos.com
Registrar URL: http://www.ionos.com
Updated Date: 2025-03-15T21:06:46Z
Creation Date: 2025-03-10T13:16:30Z
Registry Expiry Date: 2026-03-10T13:16:30Z
Registrar: IONOS SE
Registrar IANA ID: 83
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +1.6105601459
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Name Server: DNS1.NAMECHEAPHOSTING.COM
Name Server: DNS2.NAMECHEAPHOSTING.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-11T08:23:25Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass