<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> <meta name="description" content="Add games, live polls and Q&As to your remote meetings and events" /> <meta property="og:title" content="Games and activities for remote team building and virtual events" /> <meta property="og:description" content="Add games, live polls and Q&As to your remote meetings and events" /> <meta property="og:image" content="https://www.brightful.me/assets/home/img/hero-white.png" /> <meta property="og:url" content="https://www.brightful.me/play/" /> <meta name="twitter:card" content="https://www.brightful.me/assets/home/img/hero-white.png" /> <title>Games and activities for remote team building and virtual events</title> <link rel="icon" href="https://www.brightful.me/content/images/size/w256h256/2020/07/icon_83.5@2x.png" /> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" /> <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/play/less/games.css?v=4e645f7369" /> <link rel="icon" href="https://www.brightful.me/content/images/size/w256h256/2020/07/icon_83.5@2x.png" type="image/png"> <link rel="canonical" href="https://www.brightful.me/play/"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta property="og:site_name" content="Connect in a more meaningful way"> <meta property="og:type" content="website"> <meta property="og:title" content="Connect in a more meaningful way"> <meta property="og:url" content="https://www.brightful.me/play/"> <meta name="twitter:card" content="summary"> <meta name="twitter:title" content="Connect in a more meaningful way"> <meta name="twitter:url" content="https://www.brightful.me/play/"> <meta name="twitter:site" content="@brightfulhq"> <meta name="generator" content="Ghost 5.82"> <link rel="alternate" type="application/rss+xml" title="Connect in a more meaningful way" href=""> <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.37/umd/portal.min.js" data-i18n="false" data-ghost="https://www.brightful.me/" data-key="506ed75d49bc660befdedacbea" data-api="https://alvinhung.ghost.io/ghost/api/content/" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content,.gh-post-upgrade-cta { display: flex; flex-direction: column; align-items: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; text-align: center; width: 100%; color: #ffffff; font-size: 16px;} .gh-post-upgrade-cta-content { border-radius: 8px; padding: 40px 4vw;} .gh-post-upgrade-cta h2 { color: #ffffff; font-size: 28px; letter-spacing: -0.2px; margin: 0; padding: 0;} .gh-post-upgrade-cta p { margin: 20px 0 0; padding: 0;} .gh-post-upgrade-cta small { font-size: 16px; letter-spacing: -0.2px;} .gh-post-upgrade-cta a { color: #ffffff; cursor: pointer; font-weight: 500; box-shadow: none; text-decoration: underline;} .gh-post-upgrade-cta a:hover { color: #ffffff; opacity: 0.8; box-shadow: none; text-decoration: underline;} .gh-post-upgrade-cta a.gh-btn { display: block; background: #ffffff; text-decoration: none; margin: 28px 0 0; padding: 8px 18px; border-radius: 4px; font-size: 16px; font-weight: 600;} .gh-post-upgrade-cta a.gh-btn:hover { opacity: 0.92;}</style> <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/sodo-search.min.js" data-key="506ed75d49bc660befdedacbea" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.1/umd/main.css" data-sodo-search="https://alvinhung.ghost.io/" crossorigin="anonymous"></script> <link href="https://www.brightful.me/webmentions/receive/" rel="webmention"> <script defer src="/public/cards.min.js?v=4e645f7369"></script> <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=4e645f7369"> <script defer src="/public/member-attribution.min.js?v=4e645f7369"></script> <!-- Google Tag Manager --><script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "GTM-PTQVHFL");</script><!-- End Google Tag Manager --> <!-- Amplitude script --><script type="text/javascript">(function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script");r.type="text/javascript";r.integrity="sha384-xwN6OCSgIf1SF9jtD6pouaSwCvpobyV3lanBGQ1d33MwTxLarbQxUif0Slt0npCM";r.crossOrigin="anonymous";r.async=true;r.src="https://cdn.amplitude.com/libs/amplitude-8.3.0-min.gz.js";r.onload=function(){if(!e.amplitude.runQueuedFunctions){console.log("[Amplitude] Error: could not load SDK")}};var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i);function s(e,t){e.prototype[t]=function(){this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}}var o=function(){this._q=[];return this};var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"];for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[];return this};var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"];for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"];function v(e){function t(t){e[t]=function(){e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}}for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){e=(!e||e.length===0?"$default_instance":e).toLowerCase();if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e])}return n._iq[e]};e.amplitude=n})(window,document);</script><!-- End Amplitude script --> <!-- Convertize script --><script src="//pixel.convertize.io/8154.js" charset="UTF-8"></script><!-- End Convertize script --><style>:root {--ghost-accent-color: #15171A;}</style> <script src="https://www.brightful.me/assets/home/js/app.js?v=4e645f7369"></script> <script> initAmplitude(); identifyAmplitude("setOnce", "creationDate", new Date(Date.now()).toISOString()); identifyAmplitude("setOnce", "landingPage", location.pathname); </script></head> <body> <header class='header-version-2'> <div class='container'> <div class='row align-items-center'> <div class='col-4 col-sm-3 col-lg-2 col-xl-1 align-items-center'> <a href='/play/'> <img class='for-light mt-n1' src='https://www.brightful.me/assets/play/img/logo-dark.svg?v=4e645f7369' alt='Online Icebreaker Games for Remote Meetings and Remote Work' /> <img class='for-dark mt-n1' src='https://www.brightful.me/assets/play/img/logo-white.svg?v=4e645f7369' alt='Online Icebreaker Games for Remote Meetings and Remote Work' /> </a> </div> <div class='col-8 col-sm-9 col-lg-10 col-xl-11'> <button class='navbar-toggler' type='button' data-toggle='collapse' data-target='#navbarSupportedContent' aria-controls='navbarSupportedContent' aria-expanded='false' aria-label='Toggle navigation' > <img src='https://www.brightful.me/assets/play/img/menu-white.svg?v=4e645f7369' /> </button> <div class='mobile-head-button'> <a class='btn btn-sm btn-orange-stroke' onclick="onSelectedAction('hostAGame')" > TRY FOR FREE </a> <button class="btn btn-transparent pr-0 hide-lg" data-toggle="modal" data-target="#mobileNavModal"> <img src='https://www.brightful.me/assets/play/img/menu-white.svg?v=4e645f7369' /> </button> </div> <div class='collapse navbar-collapse' id='navbarSupportedContent'> <ul class='nav-block' id='navbarSupportedContent'> <li id='games-section-nav' class='tracking-nav-item active' > <a>Games</a> </li> <li id='live-polls-section-nav' class='tracking-nav-item'> <a>Live polls</a> </li> <li id='live-qna-section-nav' class='tracking-nav-item' > <a>Live Q&A</a> </li> <li><a href='/pricing/'>Pricing</a></li> <li> <a class='color-orange' onclick="onSelectedAction('login')">LOG IN</a> <a class='color-orange mr-3' data-toggle='modal' data-target='#joinAGameModal' >JOIN ROOM</a> <a class='btn btn-sm btn-orange margin-right-6' onclick="onSelectedAction('header')" > TRY FOR FREE </a> </li> </ul> </div> </div> </div> </div> <script> </script></header> <div class="hide-lg pt-2 pb-2 margin-top-60 align-right inside-1-line"> <button class="btn btn-transparent orange btn-md ml-auto mr-2 " onclick="onSelectedAction('login')"> Log In </button> <div class="verticle-diviver height-20"> </div> <button class="btn btn-transparent orange btn-md" data-toggle="modal" data-target="#joinAGameModal"> JOIN ROOM </button> </div> <div class="hero-banner"> <div class="container xs-pt-3"> <div class="row align-items-center"> <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6"> <h2 class="xs-mt-4">Interactive Games, Live Polls, and Q&A for <strong class="text-1 active">Webinars</strong> <strong class="text-2">Virtual Conferences</strong> <strong class="text-3">Video Calls</strong> </h2> <p class="paragraph mt-2"> Elevate your remote meetings or events with interactive features that keep your audience engaged and entertained. </p> <div class="btn-inline-group"> <button class="btn btn-orange btn-lg" onclick="onSelectedAction('hostAGame')"> GET STARTED FOR FREE </button> </div> <p class="note mt-3 hide-mobile hide-tablet"> <strong class="inside-1-line"> <span class="material-icons mr-1 mt-n1"> done </span> No credit card required </strong> </p> <div class="horizontal-d"> </div> <div class="logo-list-inside-hero-banner hide-mobile hide-tablet"> <strong>Trusted by teams at </strong> <div class="the-logos"> <img src="https://www.brightful.me/assets/play/img/logo/no-space/amazon.png?v=4e645f7369" alt="amazon"> <img src="https://www.brightful.me/assets/play/img/logo/no-space/pfizer.png?v=4e645f7369" alt="pfizer"> <img src="https://www.brightful.me/assets/play/img/logo/no-space/dropbox.png?v=4e645f7369" alt="dropbox"> <img src="https://www.brightful.me/assets/play/img/logo/no-space/paypal.png?v=4e645f7369" alt="paypal"> </div> </div> </div> <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6"> <div class="animations"> <lottie-player class="emoji-glasses" src="https://assets5.lottiefiles.com/packages/lf20_xXkYbs.json" background="transparent" speed="1" loop autoplay></lottie-player> <lottie-player class="emoji-winking" src="https://assets2.lottiefiles.com/packages/lf20_FyWhBU.json" background="transparent" speed="1" loop autoplay></lottie-player> <img class="hero" src="https://www.brightful.me/assets/play/img/hero-2023.png?v=4e645f7369" alt="Kick off your next meeting in style with a fun icebreaker game?" /> <img class="stars" src="https://www.brightful.me/assets/play/img/games-illustration/stars.png?v=4e645f7369" alt="Kick off your next meeting in style with a fun icebreaker game?" /> </div> </div> </div> </div> </div> <section class="meeting-tools"> <div class="container"> <div class="row"> <div class="col-md-12"> <h3 class="bold color-primary mt-2 mb-2 align-center text-xl lg-text-2xl"> Launch <strong>Brightful <img src="https://www.brightful.me/assets/play/img/no-downloads-needed-top-short-arrow.svg?v=4e645f7369" /></strong> with your browser on any device </h3> <p class="text-center color-dark-3">Continue to use the video conference tools you already know and love</p> <div class="d-flex justify-content-center"> <img src="https://www.brightful.me/assets/play/img/icon/tool-call/zoom.png?v=4e645f7369" /> <img src="https://www.brightful.me/assets/play/img/icon/tool-call/google-meet.png?v=4e645f7369" /> <img src="https://www.brightful.me/assets/play/img/icon/tool-call/team.png?v=4e645f7369" /> <img src="https://www.brightful.me/assets/play/img/icon/tool-call/gotomeeting.png?v=4e645f7369" /> <img src="https://www.brightful.me/assets/play/img/icon/tool-call/webexs-meeting.png?v=4e645f7369" /> <img src="https://www.brightful.me/assets/play/img/icon/tool-call/skype.png?v=4e645f7369" /> </div> </div> </div> </div> </section> <section class="parallax-content"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-3 hide-xs hide-mobile hide-tablet "> <div class="the-nav"> <ul> <li id="games-section-left-nav" class="active"> <strong>Games</strong> </li> <li id="live-polls-section-left-nav"> <strong>Live polls</strong> </li> <li id="live-qna-section-left-nav"> <strong>Live Q&A</strong> </li> </ul> </div> </div> <div class="col-lg-7 col-sm-12"> <div id="games-section" class="section"> <div class="headlines"> <h3 class="bold color-primary">Break the ice with fun games</h3> <p>Host Trivia to boost friendly competition or a drawing game to bring out participants’ creativity. We offer a huge catalog of games that get everyone talking.</p> </div> <div class="games-tab mt-4"> <nav class="hide-mobile hide-tablet"> <div class="nav nav-tabs brightful border-0 active-border" id="nav-tab" role="tablist"> <a class="cursor-pointer nav-link active" id="nav-draw-it-tab" data-toggle="tab" data-target="#nav-draw-it" role="tab" aria-controls="nav-draw-it" aria-selected="true">Draw It</a> <a class="cursor-pointer nav-link" id="nav-trivia-tab" data-toggle="tab" data-target="#nav-trivia" role="tab" aria-controls="nav-trivia" aria-selected="false">Trivia</a> <a class="cursor-pointer nav-link" id="nav-charades-tab" data-toggle="tab" data-target="#nav-charades" role="tab" aria-controls="nav-charades" aria-selected="false">Charades</a> <a class="cursor-pointer nav-link" id="nav-wyr-tab" data-toggle="tab" data-target="#nav-wyr" role="tab" aria-controls="nav-wyr" aria-selected="false">Would You Rather</a> <a class="cursor-pointer nav-link" id="nav-contact-tab" data-toggle="tab" data-target="#nav-more" role="tab" aria-controls="nav-contact" aria-selected="false">More</a> </div> </nav> <div class="tab-content mt-2 pt-3 -pb-3" id="nav-tabContent"> <div class="tab-pane fade show active" id="nav-draw-it" role="tabpanel" aria-labelledby="nav-draw-it-tab"> <div class="laptop-meeting-v2"> <img class="gif-demo" src="https://www.brightful.me/assets/play/img/gif-demo/draw-it.gif?v=4e645f7369" alt="trivia game"> <img class="laptop" src="https://www.brightful.me/assets/play/img/with-laptop/laptop-meeting-screen-no-mobile-frame-1.png?v=4e645f7369" alt="Play on your browsers - computer or phone"> </div> </div> <div class="tab-pane fade" id="nav-trivia" role="tabpanel" aria-labelledby="nav-trivia-tab"> <div class="laptop-meeting-v2"> <img class="gif-demo" src="https://www.brightful.me/assets/play/img/gif-demo/trivia.gif?v=4e645f7369" alt="trivia game"> <img class="laptop" src="https://www.brightful.me/assets/play/img/with-laptop/laptop-meeting-screen-no-mobile-frame-2.png?v=4e645f7369" alt="Play on your browsers - computer or phone"> </div> </div> <div class="tab-pane fade" id="nav-charades" role="tabpanel" aria-labelledby="nav-charades-tab"> <div class="laptop-meeting-v2"> <img class="gif-demo" src="https://www.brightful.me/assets/play/img/gif-demo/charades.gif?v=4e645f7369" alt="trivia game"> <img class="laptop" src="https://www.brightful.me/assets/play/img/with-laptop/laptop-meeting-screen-no-mobile-frame-3.png?v=4e645f7369" alt="Play on your browsers - computer or phone"> </div> </div> <div class="tab-pane fade" id="nav-wyr" role="tabpanel" aria-labelledby="nav-wyr-tab"> <div class="laptop-meeting-v2"> <img class="gif-demo" src="https://www.brightful.me/assets/play/img/gif-demo/would-u-rather.gif?v=4e645f7369" alt="trivia game"> <img class="laptop" src="https://www.brightful.me/assets/play/img/with-laptop/laptop-meeting-screen-no-mobile-frame-4.png?v=4e645f7369" alt="Play on your browsers - computer or phone"> </div> </div> <div class="tab-pane fade " id="nav-more" role="tabpanel" aria-labelledby="nav-contact-more"> <div class="animate-games-list-box"> <div> <div class="image-container"> <img class="image-1" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/poll.svg?v=4e645f7369" /> <img class="image-2" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/funny-or-not.svg?v=4e645f7369" /> <img class="image-1" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/yes-or-no.svg?v=4e645f7369" /> <img class="image-2" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/werewolf-game.svg?v=4e645f7369" /> <img class="image-1" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/spot-my-lie.svg?v=4e645f7369" /> <img class="image-2" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/rummy.svg?v=4e645f7369" /> <img class="image-1" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/q-of-the-day.svg?v=4e645f7369" /> <img class="image-2" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/one-to-hundred.svg?v=4e645f7369" /> <img class="image-1" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/mimic.svg?v=4e645f7369" /> <img class="image-2" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/heart.svg?v=4e645f7369" /> <img class="image-1" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/guided-meditation.svg?v=4e645f7369" /> <img class="image-2" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/gin-rummy.svg?v=4e645f7369" /> <img class="image-1" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/draw-and-tell.svg?v=4e645f7369" /> <img class="image-2" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/describe-it.svg?v=4e645f7369" /> <img class="image-1" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/charades.svg?v=4e645f7369" /> <img class="image-2" src="https://www.brightful.me/assets/play/img/games-icons/v2/square/gin-rummy.svg?v=4e645f7369" /> </div> </div> </div> </div> </div> </div> <div class="row mt-5 pt-5 pb-5 align-items-center mobile-center hide-mobile hide-tablet"> <div class="col-md-5"> <img class="width-full xs-mb-12 xs-50p-width sm-50p-width md-width-full" alt="Create your own content " src="https://www.brightful.me/assets/play/img/customized-games.svg?v=4e645f7369" /> </div> <div class="col-md-7 "> <div class="headlines"> <h5 class="heading color-primary bold mobile-center sm-mt-3 xs-mt-3">Create your own content</h5> <p class="mobile-center">Play Charades with words from your industry, or even make a Trivia quiz based on your company's Wiki. Customize our games to suit your needs and make them truly your own. </p> </div> </div> </div> <div class="d-flex hide-desktop important mb-5 mt-5 align-items-center"> <img class="w-25" src="https://www.brightful.me/assets/play/img/icon/colorful/settings.svg?v=4e645f7369" /> <h5 class="heading mb-0">Your can customize our games with your own content!</h5> </div> <div class="d-block hide-desktop important mb-5 mt-5"> <button class="btn btn-orange-stroke" onclick="onSelectedAction('hostAGame')"> try for free </button> </div> </div> <div id="live-polls-section" class="section"> <div class="headlines"> <h3 class="bold color-primary">Get instant feedback and insights</h3> <p>Looking to capture your audience's thoughts on-the-spot? Elevate your event experience with live polls. Get instant feedback and make informed decisions to keep your audience engaged and satisfied.</p> </div> <div class="games-tab mt-4"> <nav class="hide-mobile hide-tablet"> <div class="nav nav-tabs brightful border-0 active-border" id="nav-tab-event-tool" role="tablist"> <a class="cursor-pointer nav-link active" id="nav-multiple-choices-tab" data-toggle="tab" data-target="#nav-multiple-choices" role="tab" aria-controls="nav-multiple-choices" aria-selected="true">Multiple Choices</a> <a class="cursor-pointer nav-link" id="nav-word-cloud-tab" data-toggle="tab" data-target="#nav-word-cloud" role="tab" aria-controls="nav-word-cloud" aria-selected="false">Word Cloud</a> <a class="cursor-pointer nav-link" id="nav-rating-tab" data-toggle="tab" data-target="#nav-rating" role="tab" aria-controls="nav-rating" aria-selected="false">Rating</a> <a class="cursor-pointer nav-link" id="nav-short-answer-tab" data-toggle="tab" data-target="#nav-short-answer" role="tab" aria-controls="nav-short-answer" aria-selected="false">Short Answer</a> </div> </nav> <div class="tab-content mt-2 pt-3 -pb-3" id="nav-tabContent"> <div class="tab-pane fade show active " id="nav-multiple-choices" role="tabpanel" aria-labelledby="nav-multiple-choices-tab"> <div class="live-poll-demo"> <img class="screen" src="https://www.brightful.me/assets/play/img/samples/live-poll-multi-choice.png?v=4e645f7369" /> <img class="illustration" src="https://www.brightful.me/assets/play/img/games-illustration/live-poll-multi-choice.svg?v=4e645f7369" /> </div> </div> <div class="tab-pane fade" id="nav-word-cloud" role="tabpanel" aria-labelledby="nav-word-cloud-tab"> <div class="live-poll-demo"> <img class="screen" src="https://www.brightful.me/assets/play/img/samples/live-poll-word-cloud.png?v=4e645f7369" /> <img class="illustration" src="https://www.brightful.me/assets/play/img/games-illustration/live-word-cloud.svg?v=4e645f7369" /> </div> </div> <div class="tab-pane fade" id="nav-rating" role="tabpanel" saria-labelledby="nav-rating-tab"> <div class="live-poll-demo"> <img class="screen" src="https://www.brightful.me/assets/play/img/samples/live-poll-rating.png?v=4e645f7369" /> <img class="illustration" src="https://www.brightful.me/assets/play/img/games-illustration/live-poll-rating.svg?v=4e645f7369" /> </div> </div> <div class="tab-pane fade" id="nav-short-answer" role="tabpanel" aria-labelledby="nav-short-answer-tab"> <div class="live-poll-demo"> <img class="screen" src="https://www.brightful.me/assets/play/img/samples/live-poll-short-answer.png?v=4e645f7369" /> <img class="illustration" src="https://www.brightful.me/assets/play/img/games-illustration/live-poll-short-answer.svg?v=4e645f7369" /> </div> </div> </div> </div> <div class="d-block hide-desktop important mb-5 mt-5"> <button class="btn btn-orange-stroke" onclick="onSelectedAction('hostAGame')"> try for free </button> </div> </div> <div id="live-qna-section" class="section"> <div class="headlines"> <h3 class="bold color-primary">Empower audiences to ask questions</h3> <p>Create an inclusive environment for questions, where everyone has a chance to participate. With the ability to ask questions anonymously and upvote the most relevant inquiries, your team can uncover the most pressing issues and gain valuable insights. </p> </div> <div class="live-q-and-a-demo"> <div class="step-box"> <div class="number">1</div> <div> <h5 class="heading">Collect questions anytime</h5> <img src="https://www.brightful.me/assets/play/img/samples/live-q-and-a-step-1.png?v=4e645f7369" alt="Empower audiences to ask questions"> </div> </div> <div class="step-box"> <div class="number">2</div> <div> <h5 class="heading">Let people upvote questions</h5> <img src="https://www.brightful.me/assets/play/img/samples/live-q-and-a-step-2.png?v=4e645f7369" alt="Empower audiences to ask questions"> </div> </div> <div class="step-box"> <div class="number">3</div> <div> <h5 class="heading">Choose a question to answer</h5> <img src="https://www.brightful.me/assets/play/img/samples/live-q-and-a-step-3.png?v=4e645f7369" alt="Empower audiences to ask questions"> </div> </div> <div class="d-block hide-desktop important"> <button class="btn btn-orange-stroke" onclick="onSelectedAction('hostAGame')"> try for free </button> </div> </div> </div> </div> </div> </div> </section> <div class="premium-area" style="background-image:url(https://www.brightful.me/assets/play/img/v3/dots.png?v=4e645f7369)"> <div class="container"> <div class="premium-wrapper"> <h3>Start your 14-day free trial</h3> <button class="btn btn-orange btn-lg add-more-padding p48" onclick="onSelectedAction('signup')" >TRY FOR FREE</button> <p class="mt-2">No credit card required</p> </div> </div></div> <section id="icebreaker-materials"> <div class="text-image-haft-haft padding-top-24 padding-bottom-60 overflow-hidden bg-white hide-mobile hide-tablet d-none"> <div class="container"> <div class="row align-items-center justify-content-center"> <div class="col-lg-4"> <div class="info-box "> <h4 class="text-xl bold">Conversation Starters</h4> <p>Need something to spark conversation or get people talking to kickstart your next team meeting? We have a wide range of conversation starters.</p> </div> </div> <div class="col-lg-12"> <div class="conversation-starter-slide owl-carousel-for-conversation-starters"> <div class="topic color-1"> <div class="tag-name">Question</div> <h5>Do you believe that love has to be mutual? </h5> <span class="material-icons unselectable">question_mark</span> </div> <div class="topic color-2"> <div class="tag-name">WYR</div> <h5>Would you rather discover your own path in life, which takes more time to develop or have your parents guide you through their path, and be given a head start? </h5> <span class="material-icons unselectable">question_mark</span> </div> <div class="topic color-3"> <div class="tag-name">Trivia</div> <h5>The famous football player and coach Knute Rockne is most associated with what university? <strong>Answer: Notre Dame</strong></h5> <span class="material-icons unselectable">question_mark</span> </div> <div class="topic color-4"> <div class="tag-name">Fun Fact</div> <h5>We still have a lot to explore and find our what's out in the deep blue sea: Only 5% of the world's ocean has been explored. <!----> </h5> <span class="material-icons unselectable">priority_high</span> </div> </div> </div> </div> </div> </div> <div class="try-for-free-box py-5 hide-lg"> <div class="container"> <div class="row"> <div class="col-md-12"> <button class="btn btn-orange-stroke btn-md" onclick="onSelectedAction('header')"> Try for free </button> </div> </div> </div></div> </section> <section class="cta-block supper-big hide-mobile hide-tablet"> <div class="container"> <div class="row"> <div class="col-md-12"> <img src="https://www.brightful.me/assets/play/img/logo-shape.svg?v=4e645f7369" alt="Brightful logo" loading="lazy"> <h4>Try Brightful today</h4> <button class="btn btn-lg btn-orange" onclick="onSelectedAction('signup')"> Sign up for free </button> <p class="mt-2">No credit card required</p> <a href="/pricing" class="bold color-orange upper-case mt-12 inside-1-line justify-content-center hover-effect no-underline "> <strong class="fix-windows-alignment">Plans & Pricing</strong> <span class="material-icons"> east </span> </a> <img class="fixed bottom-left" src="https://www.brightful.me/assets/play/img/games-illustration/man-lightpub.svg?v=4e645f7369" alt="Try brightful today" loading="lazy"> <img class="fixed bottom-right" src="https://www.brightful.me/assets/play/img/games-illustration/girl-bubble-like.svg?v=4e645f7369" alt="Try brightful today" loading="lazy"> </div> </div> </div></section> <footer class="version-2"> <div class="container"> <div class="row"> <div class="col-md-12 col-lg-4 first-column"> <img class="the-logo" src="https://www.brightful.me/assets/home/img/logo-white.svg?v=4e645f7369" alt="Brightful" loading="lazy" /> <span> Email us: <a href="mailto:support@brightful.me">support@brightful.me</a> </span> </div> <div class="col-6 col-md-3 col-lg-2"> <div class="nav-item"> <h5>USE CASES</h5> <ul> <li> <a href="/team-culture/">Team Culture</a> <a href="/education/">Education</a> <a href="/online-events/">Online Events</a> </li> </ul> </div> </div> <div class="col-6 col-md-3 col-lg-2"> <div class="nav-item"> <h5>TEAM BUILDING</h5> <ul> <li> <a href="/blog/best-icebreaker-games-for-team-building-activities/" >Icebreaker Games</a> <a href="/blog/all-you-ever-need-to-know-about-remote-work/" >Remote Work Tips</a> <a href="/blog/why-is-self-care-in-important-in-the-remote-workplace/" >Self-care</a> </li> </ul> </div> </div> <div class="col-6 col-md-3 col-lg-2"> <div class="nav-item"> <h5>COMPANY</h5> <ul> <li> <a href="/games/">Games</a> <a href="/blog/our-mission/">Our Mission</a> <a href="/pricing/">Pricing</a> <a href="https://twitter.com/brightfulhq">Twitter</a> <a href="https://www.coprompt.io">CoPrompt</a> </li> </ul> </div> </div> <div class="col-6 col-md-3 col-lg-2"> <div class="nav-item"> <h5>POLICY</h5> <ul> <li> <a href="/privacy-policy/">Privacy Policy</a> <a href="/user-agreement/">User Agreement</a> <a href="/paid-services-agreement/">Paid Services Agreement</a> <a href="/community-guidelines/">Community Guidelines</a> <a href="/cookie-notice/">Cookie Notice</a> <a href="/security-policy/">Security Policy</a> </li> </ul> </div> </div> </div> </div> <div class="middle-box"> <div class="container"> <div class="row pt-4 pb-4"> <div class="col-6 col-md-3 col-lg-2"> <div class="nav-item"> <h5 class="text-uppercase">Popular Games</h5> <ul> <li> <a href="/blog/what-are-the-best-online-trivia-games-for-zoom/" >Trivia</a> <a href="/blog/hardest-would-you-rather-questions/">Would You Rather</a> <a href="/blog/how-to-play-pictionary/">Pictionary</a> <a href="/blog/werewolf-teambuilding/">Werewolf</a> <a href="/blog/how-to-play-charades/">Charades</a> </li> </ul> </div> </div> <div class="col-6 col-md-4 col-lg-3"> <div class="nav-item"> <h5 class="text-uppercase">Top Searches</h5> <ul> <li> <a href="/blog/best-online-pictionary-games-to-play-with-remote-workers/" >Online Pictionary </a> <a href="/blog/funny-would-you-rather-questions/">Would You Rather Questions Funny</a> <a href="/blog/hardest-would-you-rather-questions/">Would You Rather Questions</a> <a href="/blog/general-trivia-questions/">Trivia Questions</a> <a href="/blog/geography-trivia-questions/">Geography Trivia</a> </li> </ul> </div> </div> <div class="col-6 col-md-4 col-lg-3"> <div class="nav-item"> <h5 class="text-uppercase">Our Best Content</h5> <ul> <li> <a href="/blog/best-would-you-rather-questions/">Best Would You Rather Questions</a> <a href="/blog/best-free-online-escape-rooms/">Best Free Online Escape Rooms</a> <a href="/blog/what-are-the-free-alternatives-to-kahoot/">Best Free Alternatives to Kahoot</a> <a href="/blog/random-pictionary-word-generator/">Random Pictionary Word Generator</a> </li> </ul> </div> </div> </div> </div> </div> <div class="end-box"> <div class="container"> <div class="row"> <div class="col-md-8">© 2022 Brightful Innovations Company Limited. All Rights Reserved <br /> BRIGHTFUL™ is a trademark of Brightful Innovations Company Limited </div> <div class="col-md-4"> <a class="heap-badge" href="https://heap.io/?utm_source=badge" rel="nofollow" > <img style="height:30px" src="https://www.brightful.me/assets/img/heap.svg?v=4e645f7369" alt="Heap | Mobile and Web Analytics" /> </a> </div> </div> </div> </div></footer> <!--START :: JOIN A GAME Modal --> <div class="modal modal-right fade" id="joinAGameModal" tabindex="-1" role="dialog" aria-labelledby="joinAGameModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close-left" data-dismiss="modal" aria-label="Close"> <img src="https://www.brightful.me/assets/play/img/close.png?v=4e645f7369" alt="close modal" /> </button> </div> <div class="modal-body"> <div class="game-settings"> <h3 class="box-title">JOIN A ROOM</h3> <form id="join-game-modal-form" autocomplete="off"> <p class="instruction">Ask the host for the ID</p> <div class="form-group input-join-games margin-top-24"> <input id="gameRoomId" name="gameRoomId" class="form-control" placeholder="Enter room ID" autocomplete="off" /> <button type="submit" name="button"> <img src="https://www.brightful.me/assets/play/img/arrow.svg?v=4e645f7369" alt="" /> </button> </div> </form> <div class="switch-to-invite"> <p> Or <u onclick="onSelectedAction('signup')"> host your own room </u> </p> </div> </div> </div> </div> </div> </div> <!--END :: JOIN A GAME Modal --> <!--START :: MOBILE NAV Modal --> <div class="modal modal-right fade mobile-left-nav" id="mobileNavModal" tabindex="-1" role="dialog" aria-labelledby="joinAGameModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="btn-close-left" data-dismiss="modal" aria-label="Close"> <img src="https://www.brightful.me/assets/play/img/close.png?v=4e645f7369" alt="close modal" /> </button> </div> <div class="modal-body"> <ul class="list"> <li id="games-section-nav-mobile" data-dismiss="modal" aria-label="Close"> <a>Games</a> </li> <li id="live-polls-section-nav-mobile" data-dismiss="modal" aria-label="Close"> <a>Live polls</a> </li> <li id="live-qna-section-nav-mobile" data-dismiss="modal" aria-label="Close"> <a>Live Q&A</a> </li> <li><a href="/pricing/">Pricing</a></li> <li class="divider"></li> <li onclick="onSelectedAction('login')" data-dismiss="modal" aria-label="Close"><a>Log in</a> </li> <li data-toggle="modal" data-target="#joinAGameModal" data-dismiss="modal" aria-label="Close"> <a>Join room</a> </li> </ul> <div class="bottom-box"> <p class="mb-1">14-day free trial</p> <button class="btn btn-lg btn-orange" onclick="onSelectedAction('signup')"> sign up </button> </div> </div> </div> </div> </div> <!--END :: MOBILE NAV Modal --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script> <script src="https://www.brightful.me/assets/play/js/jquery.inputmask.js?v=4e645f7369"></script> <script src="https://www.brightful.me/assets/play/lib/owlcarousel/owl.carousel.min.js?v=4e645f7369"></script> <script src="https://unpkg.com/uuid@latest/dist/umd/uuidv4.min.js"></script> <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> <script src="https://www.brightful.me/assets/play/js/script.js?v=4e645f7369"></script> <script src="https://www.brightful.me/assets/games/js/script.js?v=4e645f7369"></script> <script src="https://www.brightful.me/assets/js/common.js?v=4e645f7369"></script> <script> $(document).ready(function () { // Add smooth scrolling to all links $("a").on('click', function (event) { // Make sure this.hash has a value before overriding default behavior if (this.hash !== "") { // Prevent default anchor click behavior event.preventDefault(); // Store hash var hash = this.hash; // Using jQuery's animate() method to add smooth page scroll // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area $('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function () { // Add hash (#) to URL when done scrolling (default click behavior) window.location.hash = hash; }); } // End if }); amplitudeEvent("visitHomepage", { referrer: document.referrer, version: "regular", eventTime: new Date(Date.now()).toISOString(), }); }); </script> <script> $('.modal').on("hidden.bs.modal", function (e) { if ($('.modal:visible').length) { $('.modal-backdrop').first().css('z-index', parseInt($('.modal:visible').last().css('z-index')) - 10); $('body').addClass('modal-open'); } }).on("show.bs.modal", function (e) { if ($('.modal:visible').length) { $('.modal-backdrop.in').first().css('z-index', parseInt($('.modal:visible').last().css('z-index')) + 10); $(this).css('z-index', parseInt($('.modal-backdrop.in').first().css('z-index')) + 10); } }); </script> <script> /*Auto change logos*/ $(document).ready(function () { i = 1; last = 5; function changeLogo() { $('.tool-call-logos >img:nth-of-type(' + i + ')').addClass('out'); $('.tool-call-logos >img:nth-of-type(' + i + ')').removeClass('in'); if (i == 0) { $('.tool-call-logos >img:nth-of-type(' + last + ')').addClass('out'); $('.tool-call-logos >img:nth-of-type(' + last + ')').removeClass('in'); } i = i + 1; $('.tool-call-logos >img:nth-of-type(' + i + ')').removeClass('out'); $('.tool-call-logos >img:nth-of-type(' + i + ')').addClass('in'); if (i == last) { i = 0; } } var logoIntervalId = window.setInterval(function () { changeLogo(); }, 1500); function jumpTo(id) { const isMobile = window.innerWidth <= 991; const element = document.getElementById(id); const y = element.getBoundingClientRect().top + window.pageYOffset - (isMobile ? 60 : 90); window.scrollTo({ top: y, behavior: 'smooth' }); } let url = window.location.href; if (url.includes('games-section')) { jumpTo('games-section'); } else if (url.includes('live-polls-section')) { jumpTo('live-polls-section'); } else if (url.includes('live-qna-section')) { jumpTo('live-qna-section'); } $("#btn-learnmore-games, #games-section-nav, #games-section-left-nav, #games-section-nav-mobile").click(function () { jumpTo('games-section'); }); $("#btn-learnmore-slack, #live-polls-section-nav, #live-polls-section-left-nav, #live-polls-section-nav-mobile").click(function () { jumpTo('live-polls-section'); }); $("#btn-learnmore-icebreaker, #live-qna-section-nav, #live-qna-section-left-nav, #live-qna-section-nav-mobile").click(function () { jumpTo('live-qna-section'); }); }); </script> <script> let debounceTimeout; function scrollingFunction(event) { event.preventDefault(); if (debounceTimeout) { clearTimeout(debounceTimeout); } debounceTimeout = setTimeout(function() { if (window.pageYOffset >= 800) { $(".header-version-2").addClass("scroll-down"); } else { $(".header-version-2").removeClass("scroll-down"); } }, 300); } window.addEventListener('scroll', scrollingFunction); </script> <script> (function () { 'use strict'; window.onscroll = function () { var section = document.querySelectorAll(".section"); Array.prototype.forEach.call(section, function (e) { const rect = e.getBoundingClientRect(); if (rect.top < 200) { $('.nav-block .active').attr("class", ''); $('#' + e.id + '-nav').attr("class", 'active'); $('.the-nav .active').attr("class", ''); $('#' + e.id + '-left-nav').attr("class", 'active'); } }); //scrollingFunction(); /* Smaller top header */ }; })(); </script> <script> /*Demo ideas for the tab*/ theCount = 9; active = 0; activeTab(); setInterval(activeTab, 1000); // replaceImage(); theCount = 1; $(".head ul li").click(function () { number = $(this).attr('class').replace(' active', ''); number = number.split("-")[1]; if (active != number) { $('.head ul li').removeClass("active"); active = number - 1; theCount = 9; activeTab(); } }); function activeTab() { if (theCount == 9) { theCount = 0; if (active == 3) { active = 1; } else { active++; } // $('.message img').removeClass("active"); // $('.message .img-' + active).addClass("active"); $('.head ul li').removeClass("active"); $('.head ul li.tab-' + active).addClass("active"); $('.message .the-img-box').removeClass("active"); $('.message .the-img-box.box-' + active).addClass("active"); // $('.content').attr("data-bg-color", 'bg-' + active); } else { theCount++; } } </script> <script> $(document).ready(function () { next = 1; setInterval(function () { curent = next; if (curent == 3) { next = 1 } else { next = curent + 1; } $(".text-" + curent).removeClass("active"); $(".text-" + next).addClass("active"); }, 3000); }); $('.premium-area').addClass('hide-tablet hide-mobile'); if (navigator.platform.indexOf('Win') > -1) { $('.fix-windows-alignment').addClass("margin-top-3"); } </script> </body> </html> 
