<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="./css/styles.css" />
		<script type="text/javascript" src="js/rem.js" defer></script>
		<script type="module" src="js/script.js" defer></script>
		<meta name="keywords" content="Color Game App,Download Color Game,Color Game App Download,Color Game App Apk,Color Game Apk" />
		<meta name="description" content="Get the Casino Plus Color Game App APK and start playing instantly! Download now for endless fun, easy-to-use features, and chances to win big rewards." />
		<title>Get Casino Plus Color Game App: Download Now and Play!</title>
	</head>
	<body>
		<!-- WEB Container -->
		<div id="web-container">
			<div class="web-page-wrapper">
				<!-- WEB -->
				<div class="web">
					<!-- NAVIGATION -->
					<div class="nav-web">
						<img src="img/web-navbar.png" />
					</div>

					<div class="web-content">
						<!-- TOP CONTENT -->
						<div class="web-top-content">
							<div class="web-play-now">
								<div class="play_now event-button">
									<img src="img/web-playnow.png" data-event="PlayNow_click" alt="PLAY NOW BG" class="web-playnow_bg" id="event-button" />
								</div>
							</div>
							<div class="web-win-now">
								<div class="web-win-now-bigwin">
									<img src="img/web-lucky-draw.png" alt="Win Lucky Draw" />
								</div>
								<div class="web-win-now-morewins event-button">
									<img src="img/web-join-now.png" data-event="JoinNow_click" alt="Join Now" id="event-button" />
								</div>
							</div>
						</div>

						<!-- BOTTOM CONTENT -->
						<div class="web-bottom-content">
							<div class="web-bottom-content-item">
								<img src="img/web-colorgame-livehosting.png" alt="Color Game Live Hosting" />
							</div>
							<div class="web-bottom-content-item">
								<img src="img/web-colorgame-tvc.png" alt="Color Game First TVC Nationwide" />
							</div>
							<div class="web-bottom-content-item">
								<img src="img/web-colorgame-awardceremony.png" alt="Color Game Live Award Ceremony" />
							</div>
							<div class="web-bottom-content-item">
								<img src="img/web-colorgame-aldenhosting.png" alt="Color Game Alden's' First Hosting" />
							</div>
							<div class="web-bottom-content-item">
								<img src="img/web-colorgame-juliahosting.png" alt="Color Game Julia's First Hosting" />
							</div>
							<div class="web-bottom-content-item no-hover">
								<img src="img/web-colorgame-comingsoon.png" alt="Color Game Coming Soon" />
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="relative full-width">
				<!-- ALL RIGHT RESERVED -->
				<div class="web-footer">
					<div>
						<img src="img/web-pagcor-footer.png" alt="PAGCOR" />
					</div>
					<div>@2022-2025 CASINO PLUS ALL RIGHT RESERVED</div>
				</div>
				<!-- FOOTER -->
				<div class="web-footer-bg">
					<img src="img/web_footer_bg.png" />
				</div>
			</div>
		</div>

		<!-- H5 Container -->
		<div class="mobile-color-game-container">
			<!-- Main Banner -->
			<div class="relative">
				<img src="./img/color-game-banner.png" alt="Color Game Main Banner" class="full-width" />
				<div class="mobile-play-button" id="event-button" aria-label="Play Color Game" role="button" data-event="PlayNow_click"></div>
				<div class="mobile-hide-header"></div>
			</div>

			<!-- Content -->
			<div class="mobile-color-game-content">
				<!-- Online Event -->
				<div class="mobile-section-header">
					<img src="./img/calendar-icon.png" alt="Calendar Icon" class="mobile-section-header-icon" />
					<img src="./img/online-event.png" alt="Online Event" class="mobile-section-header-title" />
				</div>

				<div>
					<img src="./img/online-event-banner-one.png" alt="Online Event Banner One" class="full-width" />
					<div class="mobile-online-event-grid relative">
						<div class="mobile-join-now-button" id="event-button" aria-label="Join Color Game" data-event="JoinNow_click" role="button"></div>
						<img src="./img/online-event-banner-two.png" alt="Online Event Banner Two" />
						<img src="./img/online-event-banner-three.png" alt="Online Event Banner Three" />
					</div>
				</div>

				<!-- Milestone -->
				<div class="mobile-section-header">
					<img src="./img/milestone-icon.png" alt="Milestone Icon" class="mobile-section-header-icon" />
					<img src="./img/milestone.png" alt="Milestone" class="mobile-section-header-title" />
				</div>

				<div class="mobile-timeline-container" id="mobile-timeline-container">
					<!-- loadTimeline() -->
				</div>
			</div>

			<!-- Footer -->
			<div class="mobile-color-game-footer">
				<img src="./img/footer-casino-plus.png" alt="Footer Casino Plus" />
				<img src="./img/footer-pagcor.png" alt="Footer Pagcor" />
			</div>
		</div>
	</body>
</html>
