Wait! Don’t Go Yet! πŸ‘‹

We see you eyeing those adorable outfits! 😍 Before you leave, here’s 10% OFF your first order!

Hurry, your little one’s next favorite outfit is waiting! πŸ›οΈβœ¨

Team Connect Memory Game body { box-sizing: border-box; font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); margin: 0; padding: 20px; min-height: 100%; color: #333; } html, body { height: 100%; } .container { max-width: 800px; margin: 0 auto; text-align: center; } .header { background: white; padding: 20px; border-radius: 15px; box-shadow: 0 8px 25px rgba(0,0,0,0.1); margin-bottom: 30px; } .header h1 { margin: 0 0 10px 0; color: #5a67d8; font-size: 2.5rem; font-weight: bold; } .header p { margin: 0; color: #666; font-size: 1.1rem; } .game-stats { display: flex; justify-content: center; gap: 30px; margin-bottom: 30px; flex-wrap: wrap; } .stat { background: white; padding: 15px 25px; border-radius: 10px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); min-width: 120px; } .stat-label { font-size: 0.9rem; color: #666; margin-bottom: 5px; } .stat-value { font-size: 1.8rem; font-weight: bold; color: #5a67d8; } .game-board { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; max-width: 600px; margin: 0 auto 30px auto; padding: 20px; } .card { aspect-ratio: 1; background: linear-gradient(145deg, #ffffff, #f0f0f0); border-radius: 15px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.1); border: 3px solid transparent; position: relative; overflow: hidden; } .card:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.15); } .card.flipped { background: linear-gradient(145deg, #4fd1c7, #38b2ac); border-color: #2d3748; transform: rotateY(180deg); } .card.matched { background: linear-gradient(145deg, #68d391, #48bb78); border-color: #2f855a; animation: matchPulse 0.6s ease; } .card-back { font-size: 2rem; color: #5a67d8; font-weight: bold; } .card-front { font-size: 3rem; opacity: 0; transition: opacity 0.3s ease; } .card.flipped .card-front, .card.matched .card-front { opacity: 1; } .card.flipped .card-back, .card.matched .card-back { opacity: 0; } @keyframes matchPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } } .question-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none; align-items: center; justify-content: center; z-index: 1000; padding: 20px; } .question-content { background: white; padding: 40px; border-radius: 20px; max-width: 500px; width: 100%; text-align: center; box-shadow: 0 20px 40px rgba(0,0,0,0.3); animation: modalSlideIn 0.3s ease; } @keyframes modalSlideIn { from { transform: translateY(-50px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .question-content h3 { color: #5a67d8; margin-bottom: 20px; font-size: 1.5rem; } .question-content p { font-size: 1.2rem; line-height: 1.6; margin-bottom: 30px; color: #333; } .close-btn { background: linear-gradient(145deg, #5a67d8, #4c51bf); color: white; border: none; padding: 12px 30px; border-radius: 25px; font-size: 1.1rem; cursor: pointer; transition: all 0.3s ease; font-weight: 600; } .close-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(90, 103, 216, 0.4); } .reset-btn { background: linear-gradient(145deg, #ed8936, #dd6b20); color: white; border: none; padding: 15px 30px; border-radius: 25px; font-size: 1.1rem; cursor: pointer; transition: all 0.3s ease; font-weight: 600; margin-top: 20px; } .reset-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(237, 137, 54, 0.4); } .win-message { background: linear-gradient(145deg, #68d391, #48bb78); color: white; padding: 20px; border-radius: 15px; margin-top: 20px; font-size: 1.3rem; font-weight: 600; display: none; animation: winSlideIn 0.5s ease; } @keyframes winSlideIn { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @media (max-width: 768px) { .game-board { grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 15px; } .header h1 { font-size: 2rem; } .game-stats { gap: 15px; } .stat { padding: 10px 15px; min-width: 100px; } } @media (max-width: 480px) { .game-board { grid-template-columns: repeat(2, 1fr); } .question-content { padding: 30px 20px; } }

🎯 Team Connect Memory Game

Match emoji pairs and discover fun conversation starters!

Moves
0
Matches
0
Time
0:00
πŸŽ‰ Congratulations! You’ve completed the Team Connect game! Great job bringing the team together! πŸŽ‰

πŸ’¬ Ice Breaker Question

const emojis = [‘πŸš€’, ‘πŸ’‘’, ‘🎯’, ‘⭐’, ‘🌟’, ‘πŸ”₯’]; const questions = [ “What emoji best describes your morning routine?”, “What’s a work skill you’re proud of developing recently?”, “If you could have any superpower at work, what would it be?”, “What’s your favorite way to celebrate team wins?”, “What’s one thing that always makes you smile during the workday?”, “If your job was a movie genre, what would it be and why?”, “What’s the best piece of advice you’ve received from a colleague?”, “What’s your go-to method for staying organized?”, “If you could swap jobs with anyone on the team for a day, who and why?”, “What’s something new you’d like to learn or try this year?” ]; let gameState = { cards: [], flippedCards: [], matches: 0, moves: 0, startTime: null, timer: null, gameComplete: false }; function initGame() { // Create pairs of emojis const cardEmojis = […emojis, …emojis]; // Shuffle the cards for (let i = cardEmojis.length – 1; i > 0; i–) { const j = Math.floor(Math.random() * (i + 1)); [cardEmojis[i], cardEmojis[j]] = [cardEmojis[j], cardEmojis[i]]; } gameState.cards = cardEmojis.map((emoji, index) => ({ id: index, emoji: emoji, flipped: false, matched: false })); renderBoard(); startTimer(); } function renderBoard() { const board = document.getElementById(‘gameBoard’); board.innerHTML = ”; gameState.cards.forEach(card => { const cardElement = document.createElement(‘div’); cardElement.className = ‘card’; cardElement.onclick = () => flipCard(card.id); if (card.flipped) cardElement.classList.add(‘flipped’); if (card.matched) cardElement.classList.add(‘matched’); cardElement.innerHTML = `
?
${card.emoji}
`; board.appendChild(cardElement); }); } function flipCard(cardId) { if (gameState.gameComplete) return; const card = gameState.cards[cardId]; if (card.flipped || card.matched || gameState.flippedCards.length >= 2) return; card.flipped = true; gameState.flippedCards.push(card); renderBoard(); if (gameState.flippedCards.length === 2) { gameState.moves++; document.getElementById(‘moves’).textContent = gameState.moves; setTimeout(checkMatch, 800); } } function checkMatch() { const [card1, card2] = gameState.flippedCards; if (card1.emoji === card2.emoji) { // Match found! card1.matched = true; card2.matched = true; gameState.matches++; document.getElementById(‘matches’).textContent = gameState.matches; // Show question showQuestion(); // Check if game is complete if (gameState.matches === emojis.length) { setTimeout(gameWin, 500); } } else { // No match card1.flipped = false; card2.flipped = false; } gameState.flippedCards = []; renderBoard(); } function showQuestion() { const randomQuestion = questions[Math.floor(Math.random() * questions.length)]; document.getElementById(‘questionText’).textContent = randomQuestion; document.getElementById(‘questionModal’).style.display = ‘flex’; } function closeQuestion() { document.getElementById(‘questionModal’).style.display = ‘none’; } function startTimer() { gameState.startTime = Date.now(); gameState.timer = setInterval(updateTimer, 1000); } function updateTimer() { if (gameState.gameComplete) return; const elapsed = Math.floor((Date.now() – gameState.startTime) / 1000); const minutes = Math.floor(elapsed / 60); const seconds = elapsed % 60; document.getElementById(‘timer’).textContent = `${minutes}:${seconds.toString().padStart(2, ‘0’)}`; } function gameWin() { gameState.gameComplete = true; clearInterval(gameState.timer); document.getElementById(‘winMessage’).style.display = ‘block’; } function resetGame() { clearInterval(gameState.timer); gameState = { cards: [], flippedCards: [], matches: 0, moves: 0, startTime: null, timer: null, gameComplete: false }; document.getElementById(‘moves’).textContent = ‘0’; document.getElementById(‘matches’).textContent = ‘0’; document.getElementById(‘timer’).textContent = ‘0:00’; document.getElementById(‘winMessage’).style.display = ‘none’; document.getElementById(‘questionModal’).style.display = ‘none’; initGame(); } // Start the game when page loads initGame(); (function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement(‘script’);d.innerHTML=”window.__CF$cv$params={r:’991df04312e8f234′,t:’MTc2MTAyMDE3Ni4wMDAwMDA=’};var a=document.createElement(‘script’);a.nonce=”;a.src=’/cdn-cgi/challenge-platform/scripts/jsd/main.js’;document.getElementsByTagName(‘head’)[0].appendChild(a);”;b.getElementsByTagName(‘head’)[0].appendChild(d)}}if(document.body){var a=document.createElement(‘iframe’);a.height=1;a.width=1;a.style.position=’absolute’;a.style.top=0;a.style.left=0;a.style.border=’none’;a.style.visibility=’hidden’;document.body.appendChild(a);if(‘loading’!==document.readyState)c();else if(window.addEventListener)document.addEventListener(‘DOMContentLoaded’,c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);’loading’!==document.readyState&&(document.onreadystatechange=e,c())}}}})();
Secure Payments
Enjoy a secure and trusted payment experience every time you shop with us.
Free Shipping
Enjoy free shipping to East Malaysia, with a flat RM15 delivery fee to West Malaysia.
Online Support
We’re here for you. Click the β€œContact Us” button on our website and ask us anything.
Special Discount
Enjoy exclusive discounts on our website, including bank offers and many other special deals.