1<!DOCTYPE html> 2<html lang="en" dir="ltr"> 3 4<head> 5 <meta charset="utf-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> 7 <meta name="description" content="Add games, live polls and Q&As to your remote meetings and events" /> 8 <meta property="og:title" content="Games and activities for remote team building and virtual events" /> 9 <meta property="og:description" content="Add games, live polls and Q&As to your remote meetings and events" /> 10 <meta property="og:image" content="https://www.brightful.me/assets/home/img/hero-white.png" /> 11 <meta property="og:url" content="https://www.brightful.me/play/" /> 12 <meta name="twitter:card" content="https://www.brightful.me/assets/home/img/hero-white.png" /> 13 14 <title>Games and activities for remote team building and virtual events</title> 15 <link rel="icon" href="https://storage.ghost.io/c/c9/c5/c9c57e5e-6fef-464e-a31d-e457122c98fb/content/images/size/w256h256/2020/07/[email protected]" /> 16 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" 17 integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" /> 18 <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/play/less/games.css?v=zI_zhSMr2mLJqiFh" /> 19 <link rel="icon" href="https://storage.ghost.io/c/c9/c5/c9c57e5e-6fef-464e-a31d-e457122c98fb/content/images/size/w256h256/2020/07/[email protected]" type="image/png"> 20 <link rel="canonical" href="https://www.brightful.me/play/"> 21 <meta name="referrer" content="no-referrer-when-downgrade"> 22 23 <meta property="og:site_name" content="Connect in a more meaningful way"> 24 <meta property="og:type" content="website"> 25 <meta property="og:title" content="Connect in a more meaningful way"> 26 <meta property="og:url" content="https://www.brightful.me/play/"> 27 <meta name="twitter:card" content="summary"> 28 <meta name="twitter:title" content="Connect in a more meaningful way"> 29 <meta name="twitter:url" content="https://www.brightful.me/play/"> 30 <meta name="twitter:site" content="@brightfulhq"> 31 32 <meta name="generator" content="Ghost 6.68"> 33 <link rel="alternate" type="application/rss+xml" title="Connect in a more meaningful way" href="https://www.brightful.me/blog/rss/"> 34
34<script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.71/umd/portal.min.js" data-i18n="true" data-ghost="https://www.brightful.me/" data-key="506ed75d49bc660befdedacbea" data-api="https://alvinhung.ghost.io/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script>
34<style id="gh-members-styles">.gh-post-upgrade-cta-content, 35.gh-post-upgrade-cta { 36 display: flex; 37 flex-direction: column; 38 align-items: center; 39 font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 40 text-align: center; 41 width: 100%; 42 color: #ffffff; 43 font-size: 16px; 44} 45 46.gh-post-upgrade-cta-content { 47 border-radius: 8px; 48 padding: 40px 4vw; 49} 50 51.gh-post-upgrade-cta h2 { 52 color: #ffffff; 53 font-size: 28px; 54 letter-spacing: -0.2px; 55 margin: 0; 56 padding: 0; 57} 58 59.gh-post-upgrade-cta p { 60 margin: 20px 0 0; 61 padding: 0; 62} 63 64.gh-post-upgrade-cta small { 65 font-size: 16px; 66 letter-spacing: -0.2px; 67} 68 69.gh-post-upgrade-cta a { 70 color: #ffffff; 71 cursor: pointer; 72 font-weight: 500; 73 box-shadow: none; 74 text-decoration: underline; 75} 76 77.gh-post-upgrade-cta a:hover { 78 color: #ffffff; 79 opacity: 0.8; 80 box-shadow: none; 81 text-decoration: underline; 82} 83 84.gh-post-upgrade-cta a.gh-btn { 85 display: block; 86 background: #ffffff; 87 text-decoration: none; 88 margin: 28px 0 0; 89 padding: 8px 18px; 90 border-radius: 4px; 91 font-size: 16px; 92 font-weight: 600; 93} 94 95.gh-post-upgrade-cta a.gh-btn:hover { 96 opacity: 0.92; 97}</style> 98
98<script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/sodo-search.min.js" data-key="506ed75d49bc660befdedacbea" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.8/umd/main.css" data-sodo-search="https://alvinhung.ghost.io/" data-locale="en" crossorigin="anonymous"></script>
98 99 100 <link href="https://www.brightful.me/webmentions/receive/" rel="webmention"> 101
101<script defer src="/public/cards.min.js?v=ShRHxgy4po8zN-Wf"></script>
101 102 <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=WwnU9jw5ancNC8Gc"> 103
103<script defer src="/public/member-attribution.min.js?v=AKG4hWena9j3yX3I"></script>
103 104
104<script defer src="/public/ghost-stats.min.js?v=vFcCUf6ZQ0Hyhc8h" data-stringify-payload="false" data-datasource="analytics_events" data-storage="localStorage" data-host="https://www.brightful.me/.ghost/analytics/api/v1/page_hit" tb_site_uuid="c9c57e5e-6fef-464e-a31d-e457122c98fb" tb_post_uuid="undefined" tb_post_type="null" tb_member_uuid="undefined" tb_member_status="undefined" tb_gift_link=""></script>
104<style>:root {--ghost-accent-color: #15171A;}</style> 105 <!-- Google Tag Manager -->
106<script>
vendor: 415 bytes, lines 106-116
106 107 (function (w, d, s, l, i) { 108 w[l] = w[l] || []; 109 w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); 110 var f = d.getElementsByTagName(s)[0], 111 j = d.createElement(s), 112 dl = l != "dataLayer" ? "&l=" + l : ""; 113 j.async = true; 114 j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; 115 f.parentNode.insertBefore(j, f); 116 })(window, document, "script", "dataLayer", "
116GTM-PTQVHFL
vendor: 4 bytes, line 116
116");
117</script>
117 118<!-- End Google Tag Manager --> 119 120<!-- Amplitude script -->
vendor: 1,750 bytes, lines 121-145
121<script type="text/javascript"> 122(function(e,t){var n=e.amplitude||{_q:[],_iq:{}};var r=t.createElement("script") 123;r.type="text/javascript" 124;r.integrity="sha384-xwN6OCSgIf1SF9jtD6pouaSwCvpobyV3lanBGQ1d33MwTxLarbQxUif0Slt0npCM" 125;r.crossOrigin="anonymous";r.async=true 126;r.src="https://cdn.amplitude.com/libs/amplitude-8.3.0-min.gz.js" 127;r.onload=function(){if(!e.amplitude.runQueuedFunctions){ 128console.log("[Amplitude] Error: could not load SDK")}} 129;var i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i) 130;function s(e,t){e.prototype[t]=function(){ 131this._q.push([t].concat(Array.prototype.slice.call(arguments,0)));return this}} 132var o=function(){this._q=[];return this} 133;var a=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove"] 134;for(var c=0;c<a.length;c++){s(o,a[c])}n.Identify=o;var u=function(){this._q=[] 135;return this} 136;var l=["setProductId","setQuantity","setPrice","setRevenueType","setEventProperties"] 137;for(var p=0;p<l.length;p++){s(u,l[p])}n.Revenue=u 138;var d=["init","logEvent","logRevenue","setUserId","setUserProperties","setOptOut","setVersionName","setDomain","setDeviceId","enableTracking","setGlobalUserProperties","identify","clearUserProperties","setGroup","logRevenueV2","regenerateDeviceId","groupIdentify","onInit","logEventWithTimestamp","logEventWithGroups","setSessionId","resetSessionId"] 139;function v(e){function t(t){e[t]=function(){ 140e._q.push([t].concat(Array.prototype.slice.call(arguments,0)))}} 141for(var n=0;n<d.length;n++){t(d[n])}}v(n);n.getInstance=function(e){ 142e=(!e||e.length===0?"$default_instance":e).toLowerCase() 143;if(!Object.prototype.hasOwnProperty.call(n._iq,e)){n._iq[e]={_q:[]};v(n._iq[e]) 144}return n._iq[e]};e.amplitude=n})(window,document); 145</script>
145 146<!-- End Amplitude script --> 147 148<!-- Convertize script -->
149<script src="//pixel.convertize.io/8154.js" charset="UTF-8"></script>
149 150<!-- End Convertize script --> 151
151<script src="https://www.brightful.me/assets/home/js/app.js?v=nbb8l4NVaNIf3jDT"></script>
151 152
152<script> 153 initAmplitude(); 154 identifyAmplitude("setOnce", "creationDate", new Date(Date.now()).toISOString()); 155 identifyAmplitude("setOnce", "landingPage", location.pathname); 156 </script>
156 157</head> 158 159<body> 160 161 <header class='header-version-2'> 162 <div class='container'> 163 <div class='row align-items-center'> 164 <div class='col-4 col-sm-3 col-lg-2 col-xl-1 align-items-center'> 165 <a href='/play/'> 166 <img 167 class='for-light mt-n1' 168 src='https://www.brightful.me/assets/play/img/logo-dark.svg?v=OhMdii5svwfIQ0HH' 169 alt='Online Icebreaker Games for Remote Meetings and Remote Work' 170 /> 171 <img 172 class='for-dark mt-n1' 173 src='https://www.brightful.me/assets/play/img/logo-white.svg?v=9IWWV_D7q5jLqemn' 174 alt='Online Icebreaker Games for Remote Meetings and Remote Work' 175 /> 176 </a> 177 </div> 178 <div class='col-8 col-sm-9 col-lg-10 col-xl-11'> 179 <button 180 class='navbar-toggler' 181 type='button' 182 data-toggle='collapse' 183 data-target='#navbarSupportedContent' 184 aria-controls='navbarSupportedContent' 185 aria-expanded='false' 186 aria-label='Toggle navigation' 187 > 188 <img src='https://www.brightful.me/assets/play/img/menu-white.svg?v=6yrz0l-u_SF6JymA' /> 189 </button> 190 <div class='mobile-head-button'> 191 <a 192 class='btn btn-sm btn-orange-stroke' 193 onclick="onSelectedAction('hostAGame')" 194 > 195 TRY FOR FREE 196 </a> 197 <button class="btn btn-transparent pr-0 hide-lg" data-toggle="modal" data-target="#mobileNavModal"> 198 <img src='https://www.brightful.me/assets/play/img/menu-white.svg?v=6yrz0l-u_SF6JymA' /> 199 </button> 200 </div> 201 <div class='collapse navbar-collapse' id='navbarSupportedContent'> 202 203 <ul class='nav-block' id='navbarSupportedContent'> 204 205 206 <li 207 id='games-section-nav' 208 class='tracking-nav-item active' 209 > 210 <a>Games</a> 211 </li> 212 <li id='live-polls-section-nav' class='tracking-nav-item'> 213 <a>Live polls</a> 214 </li> 215 <li 216 id='live-qna-section-nav' 217 class='tracking-nav-item' 218 > 219 <a>Live Q&A</a> 220 </li> 221 222 <li><a href='/pricing/'>Pricing</a></li> 223 <li> 224 <a class='color-orange' onclick="onSelectedAction('login')">LOG IN</a> 225 <a 226 class='color-orange mr-3' 227 data-toggle='modal' 228 data-target='#joinAGameModal' 229 >JOIN ROOM</a> 230 <a 231 class='btn btn-sm btn-orange margin-right-6' 232 onclick="onSelectedAction('header')" 233 > 234 TRY FOR FREE 235 </a> 236 </li> 237 </ul> 238 239 </div> 240 </div> 241 </div> 242 </div> 243 244
244<script> 245 </script>
245 246</header> 247 248 249 <div class="hide-lg pt-2 pb-2 margin-top-60 align-right inside-1-line"> 250 <button class="btn btn-transparent orange btn-md ml-auto mr-2 " onclick="onSelectedAction('login')"> 251 Log In 252 </button> 253 <div class="verticle-diviver height-20"> 254 255 </div> 256 <button class="btn btn-transparent orange btn-md" data-toggle="modal" data-target="#joinAGameModal"> 257 JOIN ROOM 258 </button> 259 </div> 260 261 <div class="hero-banner"> 262 <div class="container xs-pt-3"> 263 <div class="row align-items-center"> 264 <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6"> 265 266 <h2 class="xs-mt-4">Interactive Games, Live Polls, and Q&A for 267 <strong class="text-1 active">Webinars</strong> 268 <strong class="text-2">Virtual Conferences</strong> 269 <strong class="text-3">Video Calls</strong> 270 </h2> 271 <p class="paragraph mt-2"> 272 Elevate your remote meetings or events with interactive features that keep your audience engaged and entertained. 273 </p> 274 275 <div class="btn-inline-group"> 276 <button class="btn btn-orange btn-lg" onclick="onSelectedAction('hostAGame')"> 277 GET STARTED FOR FREE 278 </button> 279 280 </div> 281 <p class="note mt-3 hide-mobile hide-tablet"> 282 <strong class="inside-1-line"> 283 <span class="material-icons mr-1 mt-n1"> done </span> 284 No credit card required 285 </strong> 286 </p> 287 288 <div class="horizontal-d"> 289 290 </div> 291 292 293 <div class="logo-list-inside-hero-banner hide-mobile hide-tablet"> 294 <strong>Trusted by teams at </strong> 295 <div class="the-logos"> 296 <img src="https://www.brightful.me/assets/play/img/logo/no-space/amazon.png?v=LOiAhoV5-3WgNvfm" alt="amazon"> 297 <img src="https://www.brightful.me/assets/play/img/logo/no-space/pfizer.png?v=h_04By79LMy201Su" alt="pfizer"> 298 <img src="https://www.brightful.me/assets/play/img/logo/no-space/dropbox.png?v=croU6zT3ilszktub" alt="dropbox"> 299 <img src="https://www.brightful.me/assets/play/img/logo/no-space/paypal.png?v=IASImpUT6VGOWxzW" alt="paypal"> 300 </div> 301 </div> 302 303 </div> 304 <div class="col-sm-12 col-md-12 col-lg-6 col-xl-6"> 305 <div class="animations"> 306 <lottie-player class="emoji-glasses" 307 src="https://assets5.lottiefiles.com/packages/lf20_xXkYbs.json" background="transparent" 308 speed="1" loop autoplay></lottie-player> 309 <lottie-player class="emoji-winking" 310 src="https://assets2.lottiefiles.com/packages/lf20_FyWhBU.json" background="transparent" 311 speed="1" loop autoplay></lottie-player> 312 <img class="hero" src="https://www.brightful.me/assets/play/img/hero-2023.png?v=7kpaSiOjaM9EFjji" 313 alt="Kick off your next meeting in style with a fun icebreaker game?" /> 314 <img class="stars" src="https://www.brightful.me/assets/play/img/games-illustration/stars.png?v=DpvwP5XDiyIb3xLU" 315 alt="Kick off your next meeting in style with a fun icebreaker game?" /> 316 </div> 317 318 </div> 319 </div> 320 </div> 321 </div> 322 323 324 <section class="meeting-tools"> 325 <div class="container"> 326 <div class="row"> 327 <div class="col-md-12"> 328 <h3 class="bold color-primary mt-2 mb-2 align-center text-xl lg-text-2xl"> 329 Launch 330 <strong>Brightful <img 331 src="https://www.brightful.me/assets/play/img/no-downloads-needed-top-short-arrow.svg?v=NOkBapmU7W_gN8Q-" /></strong> 332 with your browser on any device 333 </h3> 334 <p class="text-center color-dark-3">Continue to use the video conference tools you already know and 335 love</p> 336 337 <div class="d-flex justify-content-center"> 338 <img src="https://www.brightful.me/assets/play/img/icon/tool-call/zoom.png?v=3r-xuWtF2KboUfUm" /> 339 <img src="https://www.brightful.me/assets/play/img/icon/tool-call/google-meet.png?v=lSvXMmvvc8W2dtx1" /> 340 <img src="https://www.brightful.me/assets/play/img/icon/tool-call/team.png?v=U_wwXXxvBbQnst2q" /> 341 <img src="https://www.brightful.me/assets/play/img/icon/tool-call/gotomeeting.png?v=KYss-POFvDmrhDya" /> 342 <img src="https://www.brightful.me/assets/play/img/icon/tool-call/webexs-meeting.png?v=PRMCwkVkum9LSgzA" /> 343 <img src="https://www.brightful.me/assets/play/img/icon/tool-call/skype.png?v=SwsiHSQ5A_zNr6NQ" /> 344 </div> 345 </div> 346 </div> 347 </div> 348 </section> 349 350 351 <section class="parallax-content"> 352 <div class="container"> 353 <div class="row justify-content-center"> 354 <div class="col-lg-3 hide-xs hide-mobile hide-tablet "> 355 <div class="the-nav"> 356 <ul> 357 <li id="games-section-left-nav" class="active"> 358 <strong>Games</strong> 359 </li> 360 <li id="live-polls-section-left-nav"> 361 <strong>Live polls</strong> 362 </li> 363 <li id="live-qna-section-left-nav"> 364 <strong>Live Q&A</strong> 365 </li> 366 </ul> 367 </div> 368 </div> 369 <div class="col-lg-7 col-sm-12"> 370 <div id="games-section" class="section"> 371 <div class="headlines"> 372 <h3 class="bold color-primary">Break the ice with fun games</h3> 373 <p>Host Trivia to boost friendly competition or a drawing game to bring out participantsâ 374 creativity. We offer a huge catalog of games that get everyone talking.</p> 375 </div> 376 377 <div class="games-tab mt-4"> 378 <nav class="hide-mobile hide-tablet"> 379 <div class="nav nav-tabs brightful border-0 active-border" id="nav-tab" role="tablist"> 380 <a class="cursor-pointer nav-link active" id="nav-draw-it-tab" data-toggle="tab" 381 data-target="#nav-draw-it" role="tab" aria-controls="nav-draw-it" 382 aria-selected="true">Draw It</a> 383 <a class="cursor-pointer nav-link" id="nav-trivia-tab" data-toggle="tab" 384 data-target="#nav-trivia" role="tab" aria-controls="nav-trivia" 385 aria-selected="false">Trivia</a> 386 <a class="cursor-pointer nav-link" id="nav-charades-tab" data-toggle="tab" 387 data-target="#nav-charades" role="tab" aria-controls="nav-charades" 388 aria-selected="false">Charades</a> 389 <a class="cursor-pointer nav-link" id="nav-wyr-tab" data-toggle="tab" 390 data-target="#nav-wyr" role="tab" aria-controls="nav-wyr" 391 aria-selected="false">
391Would You Rather</a> 392 <a class="cursor-pointer nav-link" id="nav-contact-tab" data-toggle="tab" 393 data-target="#nav-more" role="tab" aria-controls="nav-contact" 394 aria-selected="false">More</a> 395 </div> 396 </nav> 397 <div class="tab-content mt-2 pt-3 -pb-3" id="nav-tabContent"> 398 <div class="tab-pane fade show active" id="nav-draw-it" role="tabpanel" 399 aria-labelledby="nav-draw-it-tab"> 400 401 <div class="laptop-meeting-v2"> 402 <img class="gif-demo" src="https://www.brightful.me/assets/play/img/gif-demo/draw-it.gif?v=i2cTIxFWIUrB8s1l" 403 alt="trivia game"> 404 <img class="laptop" 405 src="https://www.brightful.me/assets/play/img/with-laptop/laptop-meeting-screen-no-mobile-frame-1.png?v=T7GmAsxlcUy77_AP" 406 alt="Play on your browsers - computer or phone"> 407 </div> 408 409 </div> 410 411 <div class="tab-pane fade" id="nav-trivia" role="tabpanel" 412 aria-labelledby="nav-trivia-tab"> 413 414 <div class="laptop-meeting-v2"> 415 <img class="gif-demo" src="https://www.brightful.me/assets/play/img/gif-demo/trivia.gif?v=7siw6a1ko-aqZNqb" 416 alt="trivia game"> 417 <img class="laptop" 418 src="https://www.brightful.me/assets/play/img/with-laptop/laptop-meeting-screen-no-mobile-frame-2.png?v=y0t8kvv7UmEBlgYT" 419 alt="Play on your browsers - computer or phone"> 420 </div> 421 422 </div> 423 424 <div class="tab-pane fade" id="nav-charades" role="tabpanel" 425 aria-labelledby="nav-charades-tab"> 426 <div class="laptop-meeting-v2"> 427 <img class="gif-demo" src="https://www.brightful.me/assets/play/img/gif-demo/charades.gif?v=9Ev5tn8Cz46gQJ4_" 428 alt="trivia game"> 429 <img class="laptop" 430 src="https://www.brightful.me/assets/play/img/with-laptop/laptop-meeting-screen-no-mobile-frame-3.png?v=AOLJSfn0EsGoVxEP" 431 alt="Play on your browsers - computer or phone"> 432 </div> 433 </div> 434 435 436 <div class="tab-pane fade" id="nav-wyr" role="tabpanel" aria-labelledby="nav-wyr-tab"> 437 <div class="laptop-meeting-v2"> 438 <img class="gif-demo" src="https://www.brightful.me/assets/play/img/gif-demo/would-u-rather.gif?v=0WJQjTHDpzYXS9Is" 439 alt="trivia game"> 440 <img class="laptop" 441 src="https://www.brightful.me/assets/play/img/with-laptop/laptop-meeting-screen-no-mobile-frame-4.png?v=GVnVtPBxCq2iWX9K" 442 alt="Play on your browsers - computer or phone"> 443 </div> 444 </div> 445 446 447 448 <div class="tab-pane fade " id="nav-more" role="tabpanel" 449 aria-labelledby="nav-contact-more"> 450 451 <div class="animate-games-list-box"> 452 <div> 453 <div class="image-container"> 454 <img class="image-1" 455 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/poll.svg?v=Gw7Oq3TuI3kfobax" /> 456 <img class="image-2" 457 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/funny-or-not.svg?v=eDcx2qlA1gDF5uMX" /> 458 <img class="image-1" 459 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/yes-or-no.svg?v=lVq-V6bd6_2pGVki" /> 460 <img class="image-2" 461 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/werewolf-game.svg?v=I9hjFlC2CsHYzIE_" /> 462 <img class="image-1" 463 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/spot-my-lie.svg?v=I3IhIyvBTSs6nF0K" /> 464 <img class="image-2" 465 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/rummy.svg?v=Fe8CKZ6PBir6M6hQ" /> 466 <img class="image-1" 467 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/q-of-the-day.svg?v=IK9_UTGshZVU-obt" /> 468 <img class="image-2" 469 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/one-to-hundred.svg?v=GSYyyY4WecJvlq3G" /> 470 <img class="image-1" 471 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/mimic.svg?v=J_mZJRFSelMiaxbU" /> 472 <img class="image-2" 473 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/heart.svg?v=FiXu01jz6Cu85TEq" /> 474 <img class="image-1" 475 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/guided-meditation.svg?v=UsXiV7cAecoTeE1z" /> 476 <img class="image-2" 477 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/gin-rummy.svg?v=4-2AmyiD2pRR-Ri1" /> 478 <img class="image-1" 479 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/draw-and-tell.svg?v=OJjmVCKX1x4R52Ou" /> 480 <img class="image-2" 481 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/describe-it.svg?v=ApHYB2zz1YXF4tre" /> 482 <img class="image-1" 483 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/charades.svg?v=gBVOa1ip8nbgjHYv" /> 484 <img class="image-2" 485 src="https://www.brightful.me/assets/play/img/games-icons/v2/square/gin-rummy.svg?v=4-2AmyiD2pRR-Ri1" /> 486 </div> 487 488 </div> 489 490 </div> 491 492 </div> 493 </div> 494 </div> 495 496 <div class="row mt-5 pt-5 pb-5 align-items-center mobile-center hide-mobile hide-tablet"> 497 <div class="col-md-5"> 498 <img class="width-full xs-mb-12 xs-50p-width sm-50p-width md-width-full" 499 alt="Create your own content " src="https://www.brightful.me/assets/play/img/customized-games.svg?v=BvgMvIfw1H3rp8Er" /> 500 </div> 501 <div class="col-md-7 "> 502 <div class="headlines"> 503 <h5 class="heading color-primary bold mobile-center sm-mt-3 xs-mt-3">Create your own 504 content</h5> 505 <p class="mobile-center">Play Charades with words from your industry, or even make a 506 Trivia quiz based on 507 your 508 company's Wiki. Customize our games to suit your needs and make them truly your 509 own. 510 </p> 511 </div> 512 513 514 515 </div> 516 </div> 517 518 519 <div class="d-flex hide-desktop important mb-5 mt-5 align-items-center"> 520 <img class="w-25" src="https://www.brightful.me/assets/play/img/icon/colorful/settings.svg?v=E3ZWpI-KjKuXfG_1" /> 521 <h5 class="heading mb-0">Your can customize our games with your own content!</h5> 522 </div> 523 524 <div class="d-block hide-desktop important mb-5 mt-5"> 525 <button class="btn btn-orange-stroke" onclick="onSelectedAction('hostAGame')"> 526 try for free 527 </button> 528 </div> 529 530 531 </div> 532 533 <div id="live-polls-section" class="section"> 534 <div class="headlines"> 535 <h3 class="bold color-primary">Get instant feedback and insights</h3> 536 <p>Looking to capture your audience's thoughts on-the-spot? Elevate your event experience 537 with live polls. Get instant feedback and make informed decisions to keep your audience 538 engaged and satisfied.</p> 539 </div> 540 541 542 <div class="games-tab mt-4"> 543 <nav class="hide-mobile hide-tablet"> 544 <div class="nav nav-tabs brightful border-0 active-border" id="nav-tab-event-tool" 545 role="tablist"> 546 <a class="cursor-pointer nav-link active" id="nav-multiple-choices-tab" data-toggle="tab" 547 data-target="#nav-multiple-choices" role="tab" aria-controls="nav-multiple-choices" 548 aria-selected="true">Multiple Choices</a> 549 <a class="cursor-pointer nav-link" id="nav-word-cloud-tab" data-toggle="tab" 550 data-target="#nav-word-cloud" role="tab" aria-controls="nav-word-cloud" 551 aria-selected="false">Word Cloud</a> 552 <a class="cursor-pointer nav-link" id="nav-rating-tab" data-toggle="tab" 553 data-target="#nav-rating" role="tab" aria-controls="nav-rating" 554 aria-selected="false">Rating</a> 555 <a class="cursor-pointer nav-link" id="nav-short-answer-tab" data-toggle="tab" 556 data-target="#nav-short-answer" role="tab" aria-controls="nav-short-answer" 557 aria-selected="false">
557Short Answer</a> 558 559 </div> 560 </nav> 561 <div class="tab-content mt-2 pt-3 -pb-3" id="nav-tabContent"> 562 <div class="tab-pane fade show active " id="nav-multiple-choices" role="tabpanel" 563 aria-labelledby="nav-multiple-choices-tab"> 564 565 <div class="live-poll-demo"> 566 <img class="screen" 567 src="https://www.brightful.me/assets/play/img/samples/live-poll-multi-choice.png?v=CokS_1gtxxvYPV3L" /> 568 <img class="illustration" 569 src="https://www.brightful.me/assets/play/img/games-illustration/live-poll-multi-choice.svg?v=O15eZDKyk2D8FJAs" /> 570 </div> 571 572 </div> 573 574 <div class="tab-pane fade" id="nav-word-cloud" role="tabpanel" 575 aria-labelledby="nav-word-cloud-tab"> 576 <div class="live-poll-demo"> 577 <img class="screen" 578 src="https://www.brightful.me/assets/play/img/samples/live-poll-word-cloud.png?v=vqiEsYygOX8hRSDa" /> 579 <img class="illustration" 580 src="https://www.brightful.me/assets/play/img/games-illustration/live-word-cloud.svg?v=E9FVi_HLgb0odlq9" /> 581 </div> 582 583 </div> 584 585 <div class="tab-pane fade" id="nav-rating" role="tabpanel" 586 saria-labelledby="nav-rating-tab"> 587 <div class="live-poll-demo"> 588 <img class="screen" src="https://www.brightful.me/assets/play/img/samples/live-poll-rating.png?v=F-e4UNqUgiEPqVKr" /> 589 <img class="illustration" 590 src="https://www.brightful.me/assets/play/img/games-illustration/live-poll-rating.svg?v=wNUdURFIqOyC6HDb" /> 591 </div> 592 </div> 593 594 595 <div class="tab-pane fade" id="nav-short-answer" role="tabpanel" 596 aria-labelledby="nav-short-answer-tab"> 597 <div class="live-poll-demo"> 598 <img class="screen" 599 src="https://www.brightful.me/assets/play/img/samples/live-poll-short-answer.png?v=k8NWn3wLyS3nwvfr" /> 600 <img class="illustration" 601 src="https://www.brightful.me/assets/play/img/games-illustration/live-poll-short-answer.svg?v=ZbtCdo3nvy7mXhkm" /> 602 </div> 603 </div> 604 605 606 607 608 </div> 609 </div> 610 611 612 <div class="d-block hide-desktop important mb-5 mt-5"> 613 <button class="btn btn-orange-stroke" onclick="onSelectedAction('hostAGame')"> 614 try for free 615 </button> 616 </div> 617 618 619 620 </div> 621 622 623 <div id="live-qna-section" class="section"> 624 <div class="headlines"> 625 <h3 class="bold color-primary">Empower audiences to ask questions</h3> 626 <p>Create an inclusive environment for questions, where everyone has a chance to 627 participate. With the ability to ask questions anonymously and upvote the most relevant 628 inquiries, your team can uncover the most pressing issues and gain valuable insights. 629 </p> 630 </div> 631 632 <div class="live-q-and-a-demo"> 633 634 <div class="step-box"> 635 <div class="number">1</div> 636 <div> 637 <h5 class="heading">Collect questions anytime</h5> 638 <img src="https://www.brightful.me/assets/play/img/samples/live-q-and-a-step-1.png?v=bZjzHDQTxqYjHxCs" 639 alt="Empower audiences to ask questions"> 640 </div> 641 </div> 642 643 <div class="step-box"> 644 <div class="number">2</div> 645 <div> 646 <h5 class="heading">Let people upvote questions</h5> 647 <img src="https://www.brightful.me/assets/play/img/samples/live-q-and-a-step-2.png?v=u3b1qQ29jezhfegC" 648 alt="Empower audiences to ask questions"> 649 </div> 650 </div> 651 652 <div class="step-box"> 653 <div class="number">3</div> 654 <div> 655 <h5 class="heading">Choose a question to answer</h5> 656 <img src="https://www.brightful.me/assets/play/img/samples/live-q-and-a-step-3.png?v=pb7bhhQgCHBi0dlK" 657 alt="Empower audiences to ask questions"> 658 </div> 659 </div> 660 661 <div class="d-block hide-desktop important"> 662 <button class="btn btn-orange-stroke" onclick="onSelectedAction('hostAGame')"> 663 try for free 664 </button> 665 </div> 666 667 668 669 </div> 670 </div> 671 672 </div> 673 </div> 674 </div> 675 </section> 676 677 <div 678 class="premium-area" 679 style="background-image:url(https://www.brightful.me/assets/play/img/v3/dots.png?v=3znIKDKw1K25M7HR)" 680> 681 <div class="container"> 682 <div class="premium-wrapper"> 683 <h3>Start your 14-day free trial</h3> 684 <button 685 class="btn btn-orange btn-lg add-more-padding p48" 686 onclick="onSelectedAction('signup')" 687 >TRY FOR FREE</button> 688 <p class="mt-2">No credit card required</p> 689 </div> 690 </div> 691</div> 692 693 694 <section id="icebreaker-materials"> 695 696 697 698 699 <div 700 class="text-image-haft-haft padding-top-24 padding-bottom-60 overflow-hidden bg-white hide-mobile hide-tablet d-none"> 701 <div class="container"> 702 <div class="row align-items-center justify-content-center"> 703 704 705 <div class="col-lg-4"> 706 <div class="info-box "> 707 708 <h4 class="text-xl bold">Conversation Starters</h4> 709 <p>Need something to spark conversation or get people talking to kickstart your next team 710 meeting? We have a wide range of conversation starters.</p> 711 712 </div> 713 </div> 714 715 <div class="col-lg-12"> 716 <div class="conversation-starter-slide owl-carousel-for-conversation-starters"> 717 718 <div class="topic color-1"> 719 <div class="tag-name">Question</div> 720 <h5>Do you believe that love has to be mutual? 721 722 </h5>
723 <span class="material-icons unselectable">question_mark</span> 724 </div> 725 726 <div class="topic color-2"> 727 <div class="tag-name">WYR</div> 728 <h5>Would you rather discover your own path in life, which takes more time to develop or 729 have your parents guide you through their path, and be given a head start? 730 </h5> 731 <span class="material-icons unselectable">question_mark</span> 732 </div> 733 734 735 <div class="topic color-3"> 736 <div class="tag-name">Trivia</div> 737 <h5>The famous football player and coach Knute Rockne is most associated with what 738 university? <strong>Answer: Notre Dame</strong></h5> 739 <span class="material-icons unselectable">question_mark</span> 740 </div> 741 742 <div class="topic color-4"> 743 <div class="tag-name">Fun Fact</div> 744 <h5>We still have a lot to explore and find our what's out in the deep blue sea: Only 5% 745 of the world's ocean has been explored. 746 <!----> 747 </h5> 748 <span class="material-icons unselectable">priority_high</span> 749 </div> 750 751 752 753 </div> 754 </div> 755 756 757 </div> 758 </div> 759 </div> 760 761 <div class="try-for-free-box py-5 hide-lg"> 762 <div class="container"> 763 <div class="row"> 764 <div class="col-md-12"> 765 <button class="btn btn-orange-stroke btn-md" onclick="onSelectedAction('header')"> 766 Try for free 767 </button> 768 </div> 769 </div> 770 </div> 771</div> 772 773 </section> 774 775 776 777 <section class="cta-block supper-big hide-mobile hide-tablet"> 778 <div class="container"> 779 <div class="row"> 780 <div class="col-md-12"> 781 <img src="https://www.brightful.me/assets/play/img/logo-shape.svg?v=FCMu4xip6x3ODaIv" alt="Brightful logo" loading="lazy"> 782 <h4>Try Brightful today</h4> 783 <button class="btn btn-lg btn-orange" onclick="onSelectedAction('signup')"> Sign up for free </button> 784 <p class="mt-2">No credit card required</p> 785 786 <a href="/pricing" class="bold color-orange upper-case mt-12 inside-1-line justify-content-center hover-effect no-underline "> 787 <strong class="fix-windows-alignment">Plans & Pricing</strong> 788 <span class="material-icons"> east </span> 789 </a> 790 <img class="fixed bottom-left" src="https://www.brightful.me/assets/play/img/games-illustration/man-lightpub.svg?v=HL9tMx3QNt3aU_Vt" alt="Try brightful today" loading="lazy"> 791 <img class="fixed bottom-right" src="https://www.brightful.me/assets/play/img/games-illustration/girl-bubble-like.svg?v=sq9N__H1kIGEumhY" alt="Try brightful today" loading="lazy"> 792 </div> 793 </div> 794 </div> 795</section> 796 797 <footer class="version-2"> 798 <div class="container"> 799 <div class="row"> 800 <div class="col-md-12 col-lg-4 first-column"> 801 <img 802 class="the-logo" 803 src="https://www.brightful.me/assets/home/img/logo-white.svg?v=qr-uCsYG-gv0fp2W" 804 alt="Brightful" 805 loading="lazy" 806 /> 807 <span> 808 Email us: 809 <a href="mailto:[email protected]">[email protected]</a> 810 </span> 811 </div> 812 <div class="col-6 col-md-3 col-lg-2"> 813 <div class="nav-item"> 814 <h5>USE CASES</h5> 815 <ul> 816 <li> 817 <a href="/team-culture/">Team Culture</a> 818 <a href="/education/">Education</a> 819 <a href="/online-events/">Online Events</a> 820 </li> 821 </ul> 822 </div> 823 </div> 824 825 <div class="col-6 col-md-3 col-lg-2"> 826 <div class="nav-item"> 827 <h5>TEAM BUILDING</h5> 828 <ul> 829 <li> 830 <a 831 href="/blog/best-icebreaker-games-for-team-building-activities/" 832 >Icebreaker Games</a> 833 <a 834 href="/blog/all-you-ever-need-to-know-about-remote-work/" 835 >Remote Work Tips</a> 836 <a 837 href="/blog/why-is-self-care-in-important-in-the-remote-workplace/" 838 >Self-care</a> 839 </li> 840 </ul> 841 </div> 842 </div> 843 844 <div class="col-6 col-md-3 col-lg-2"> 845 <div class="nav-item"> 846 <h5>COMPANY</h5> 847 <ul> 848 <li> 849 <a href="/games/">Games</a> 850 <a href="/blog/our-mission/">Our Mission</a> 851 <a href="/pricing/">Pricing</a> 852 <a href="https://twitter.com/brightfulhq">Twitter</a> 853 <a href="https://www.coprompt.io">CoPrompt</a> 854 </li> 855 </ul> 856 </div> 857 </div> 858 859 <div class="col-6 col-md-3 col-lg-2"> 860 <div class="nav-item"> 861 <h5>POLICY</h5> 862 <ul> 863 <li> 864 <a href="/privacy-policy/">Privacy Policy</a> 865 <a href="/user-agreement/">User Agreement</a> 866 <a href="/paid-services-agreement/">Paid Services Agreement</a> 867 <a href="/community-guidelines/">Community Guidelines</a> 868 <a href="/cookie-notice/">Cookie Notice</a> 869 <a href="/security-policy/">Security Policy</a> 870 </li> 871 </ul> 872 </div> 873 </div> 874 </div> 875 </div> 876 877 <div class="middle-box"> 878 <div class="container"> 879 <div class="row pt-4 pb-4"> 880 <div class="col-6 col-md-3 col-lg-2"> 881 <div class="nav-item"> 882 <h5 class="text-uppercase">Popular Games</h5> 883 <ul> 884 <li> 885 <a 886 href="/blog/what-are-the-best-online-trivia-games-for-zoom/" 887 >Trivia</a> 888 <a href="/blog/hardest-would-you-rather-questions/">Would You
889 Rather</a> 890 <a href="/blog/how-to-play-pictionary/">Pictionary</a> 891 <a href="/blog/werewolf-teambuilding/">Werewolf</a> 892 <a href="/blog/how-to-play-charades/">Charades</a> 893 </li> 894 </ul> 895 </div> 896 </div> 897 898 <div class="col-6 col-md-4 col-lg-3"> 899 <div class="nav-item"> 900 <h5 class="text-uppercase">Top Searches</h5> 901 <ul> 902 <li> 903 <a 904 href="/blog/best-online-pictionary-games-to-play-with-remote-workers/" 905 >Online Pictionary </a> 906 <a href="/blog/funny-would-you-rather-questions/">Would You 907 Rather Questions Funny</a> 908 <a href="/blog/hardest-would-you-rather-questions/">Would You 909 Rather Questions</a> 910 <a href="/blog/general-trivia-questions/">Trivia Questions</a> 911 <a href="/blog/geography-trivia-questions/">Geography Trivia</a> 912 </li> 913 </ul> 914 </div> 915 </div> 916 917 <div class="col-6 col-md-4 col-lg-3"> 918 <div class="nav-item"> 919 <h5 class="text-uppercase">Our Best Content</h5> 920 <ul> 921 <li> 922 <a href="/blog/best-would-you-rather-questions/">Best Would You 923 Rather Questions</a> 924 <a href="/blog/best-free-online-escape-rooms/">Best Free Online 925 Escape Rooms</a> 926 <a href="/blog/what-are-the-free-alternatives-to-kahoot/">Best 927 Free Alternatives to Kahoot</a> 928 <a href="/blog/random-pictionary-word-generator/">Random 929 Pictionary Word Generator</a> 930 </li> 931 </ul> 932 </div> 933 </div> 934 </div> 935 </div> 936 </div> 937 938 <div class="end-box"> 939 <div class="container"> 940 <div class="row"> 941 <div class="col-md-8">© 2022 Brightful Innovations Company Limited. All 942 Rights Reserved 943 <br /> 944 BRIGHTFUL⢠is a trademark of Brightful Innovations Company Limited 945 </div> 946 <div class="col-md-4"> 947 <a 948 class="heap-badge" 949 href="https://heap.io/?utm_source=badge" 950 rel="nofollow" 951 > 952 <img 953 style="height:30px" 954 src="https://www.brightful.me/assets/img/heap.svg?v=lOQ0jAspA242XU4w" 955 alt="Heap | Mobile and Web Analytics" 956 /> 957 </a> 958 </div> 959 </div> 960 </div> 961 </div> 962</footer> 963 964 965 966 <!--START :: JOIN A GAME Modal --> 967 <div class="modal modal-right fade" id="joinAGameModal" tabindex="-1" role="dialog" 968 aria-labelledby="joinAGameModalLabel" aria-hidden="true"> 969 <div class="modal-dialog"> 970 <div class="modal-content"> 971 <div class="modal-header"> 972 <button type="button" class="btn-close-left" data-dismiss="modal" aria-label="Close"> 973 <img src="https://www.brightful.me/assets/play/img/close.png?v=3GZ9yDOTktaNIiMg" alt="close modal" /> 974 </button> 975 </div> 976 977 <div class="modal-body"> 978 <div class="game-settings"> 979 <h3 class="box-title">JOIN A ROOM</h3> 980 <form id="join-game-modal-form" autocomplete="off"> 981 <p class="instruction">Ask the host for the ID</p> 982 <div class="form-group input-join-games margin-top-24"> 983 <input id="gameRoomId" name="gameRoomId" class="form-control" 984 placeholder="Enter room ID" autocomplete="off" /> 985 <button type="submit" name="button"> 986 <img src="https://www.brightful.me/assets/play/img/arrow.svg?v=4jdUoIVazZYj4Url" alt="" /> 987 </button> 988 </div> 989 </form> 990 <div class="switch-to-invite"> 991 <p> 992 Or 993 <u onclick="onSelectedAction('signup')"> 994 host your own room 995 </u> 996 </p> 997 </div> 998 </div> 999 </div> 1000 </div> 1001 </div> 1002 </div> 1003 <!--END :: JOIN A GAME Modal --> 1004 1005 <!--START :: MOBILE NAV Modal --> 1006 <div class="modal modal-right fade mobile-left-nav" id="mobileNavModal" tabindex="-1" role="dialog" 1007 aria-labelledby="joinAGameModalLabel" aria-hidden="true"> 1008 <div class="modal-dialog"> 1009 <div class="modal-content"> 1010 1011 <div class="modal-header"> 1012 <button type="button" class="btn-close-left" data-dismiss="modal" aria-label="Close"> 1013 <img src="https://www.brightful.me/assets/play/img/close.png?v=3GZ9yDOTktaNIiMg" alt="close modal" /> 1014 </button> 1015 </div> 1016 1017 <div class="modal-body"> 1018 <ul class="list"> 1019 <li id="games-section-nav-mobile" data-dismiss="modal" aria-label="Close"> 1020 <a>Games</a> 1021 </li> 1022 <li id="live-polls-section-nav-mobile" data-dismiss="modal" aria-label="Close"> 1023 <a>Live polls</a> 1024 </li> 1025 <li id="live-qna-section-nav-mobile" data-dismiss="modal" aria-label="Close"> 1026 <a>Live Q&A</a> 1027 </li> 1028 <li><a href="/pricing/">Pricing</a></li> 1029 <li class="divider"></li> 1030 <li onclick="onSelectedAction('login')" data-dismiss="modal" aria-label="Close"><a>Log in</a> 1031 </li> 1032 <li data-toggle="modal" data-target="#joinAGameModal" data-dismiss="modal" aria-label="Close"> 1033 <a>Join room</a> 1034 </li> 1035 </ul> 1036 1037 <div class="bottom-box"> 1038 <p class="mb-1">14-day free trial</p> 1039 <button class="btn btn-lg btn-orange" onclick="onSelectedAction('signup')"> 1040 sign up 1041 </button> 1042 </div> 1043 </div> 1044 </div> 1045 </div> 1046 </div> 1047 <!--END :: MOBILE NAV Modal --> 1048 1049
1049<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
1049 1050
1050<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" 1051 integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" 1052 crossorigin="anonymous"></script>
1052 1053
1053<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" 1054 integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" 1055 crossorigin="anonymous"></script>
1055 1056
1056<script src="https://www.brightful.me/assets/play/js/jquery.inputmask.js?v=cFyDuWOhXKBcsdnN"></script>
1056 1057
1057<script src="https://www.brightful.me/assets/play/lib/owlcarousel/owl.carousel.min.js?v=pTxD-DSzIwmwhOqT"></script>
1057 1058
1058<script src="https://unpkg.com/uuid@latest/dist/umd/uuidv4.min.js"></script>
1058 1059
1059<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
1059 1060
1060<script src="https://www.brightful.me/assets/play/js/script.js?v=hczbETOv7VdNJqdN"></script>
1060 1061
1061<script src="https://www.brightful.me/assets/games/js/script.js?v=J1s9kkCjjXu4yR-7"></script>
1061 1062
1062<script src="https://www.brightful.me/assets/js/common.js?v=RTaVHcnE493HCuR4"></script>
1062 1063 1064
1064<script> 1065 $(document).ready(function () { 1066 // Add smooth scrolling to all links 1067 $("a").on('click', function (event) { 1068 1069 // Make sure this.hash has a value before overriding default behavior 1070 if (this.hash !== "") { 1071 // Prevent default anchor click behavior 1072 event.preventDefault(); 1073 1074 // Store hash 1075 var hash = this.hash; 1076 1077 // Using jQuery's animate() method to add smooth page scroll 1078 // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area 1079 $('html, body').animate({ 1080 scrollTop: $(hash).offset().top 1081 }, 800, function () { 1082 1083 // Add hash (#) to URL when done scrolling (default click behavior) 1084 window.location.hash = hash; 1085 }); 1086 } // End if 1087 }); 1088 amplitudeEvent("visitHomepage", { 1089 referrer: document.referrer, 1090 version: "regular", 1091 eventTime: new Date(Date.now()).toISOString(), 1092 }); 1093 1094 1095 }); 1096 1097 1098 1099 </script>
1099 1100 1101
1101<script> 1102 $('.modal').on("hidden.bs.modal", function (e) { 1103 if ($('.modal:visible').length) { 1104 $('.modal-backdrop').first().css('z-index', parseInt($('.modal:visible').last().css('z-index')) - 10); 1105 $('body').addClass('modal-open'); 1106 } 1107 }).on("show.bs.modal", function (e) { 1108 if ($('.modal:visible').length) { 1109 $('.modal-backdrop.in').first().css('z-index', parseInt($('.modal:visible').last().css('z-index')) + 10); 1110 $(this).css('z-index', parseInt($('.modal-backdrop.in').first().css('z-index')) + 10); 1111 } 1112 }); 1113 1114 1115 1116 1117 </script>
1117 1118 1119 1120 1121 1122 1123
1123<script> 1124 /*Auto change logos*/ 1125 $(document).ready(function () { 1126 i = 1; 1127 last = 5; 1128 function changeLogo() { 1129 $('.tool-call-logos >img:nth-of-type(' + i + ')').addClass('out'); 1130 $('.tool-call-logos >img:nth-of-type(' + i + ')').removeClass('in'); 1131 1132 if (i == 0) { 1133 $('.tool-call-logos >img:nth-of-type(' + last + ')').addClass('out'); 1134 $('.tool-call-logos >img:nth-of-type(' + last + ')').removeClass('in'); 1135 } 1136 1137 i = i + 1; 1138 1139 $('.tool-call-logos >img:nth-of-type(' + i + ')').removeClass('out'); 1140 $('.tool-call-logos >img:nth-of-type(' + i + ')').addClass('in'); 1141 1142 if (i == last) { 1143 i = 0; 1144 } 1145 } 1146 1147 var logoIntervalId = window.setInterval(function () { 1148 changeLogo(); 1149 }, 1500); 1150 1151 function jumpTo(id) { 1152 const isMobile = window.innerWidth <= 991; 1153 const element = document.getElementById(id); 1154 const y = element.getBoundingClientRect().top + window.pageYOffset - (isMobile ? 60 : 90); 1155 window.scrollTo({ top: y, behavior: 'smooth' }); 1156 } 1157 1158 let url = window.location.href; 1159 if (url.includes('games-section')) { 1160 jumpTo('games-section'); 1161 } 1162 else if (url.includes('live-polls-section')) { 1163 jumpTo('live-polls-section'); 1164 } 1165 else if (url.includes('live-qna-section')) { 1166 jumpTo('live-qna-section'); 1167 } 1168 $("#btn-learnmore-games, #games-section-nav, #games-section-left-nav, #games-section-nav-mobile").click(function () { 1169 jumpTo('games-section'); 1170 }); 1171 $("#btn-learnmore-slack, #live-polls-section-nav, #live-polls-section-left-nav, #live-polls-section-nav-mobile").click(function () { 1172 jumpTo('live-polls-section'); 1173 }); 1174 $("#btn-learnmore-icebreaker, #live-qna-section-nav, #live-qna-section-left-nav, #live-qna-section-nav-mobile").click(function () { 1175 jumpTo('live-qna-section'); 1176 }); 1177 }); 1178 </script>
1178 1179 1180 1181
1181<script> 1182 let debounceTimeout; 1183 1184 function scrollingFunction(event) { 1185 event.preventDefault(); 1186 if (debounceTimeout) { 1187 clearTimeout(debounceTimeout); 1188 } 1189 debounceTimeout = setTimeout(function() { 1190 if (window.pageYOffset >= 800) { 1191 $(".header-version-2").addClass("scroll-down"); 1192 } else { 1193 $(".header-version-2").removeClass("scroll-down"); 1194 } 1195 }, 300); 1196 1197 } 1198 window.addEventListener('scroll', scrollingFunction); 1199 1200 </script>
1200 1201 1202 1203
1203<script> 1204 (function () { 1205 'use strict'; 1206 window.onscroll = function () { 1207 var section = document.querySelectorAll(".section"); 1208 Array.prototype.forEach.call(section, function (e) { 1209 const rect = e.getBoundingClientRect(); 1210 if (rect.top < 200) { 1211 $('.nav-block .active').attr("class", ''); 1212 $('#' + e.id + '-nav').attr("class", 'active'); 1213 $('.the-nav .active').attr("class", ''); 1214 $('#' + e.id + '-left-nav').attr("class", 'active'); 1215 } 1216 }); 1217 //scrollingFunction(); /* Smaller top header */ 1218 }; 1219 })(); 1220 </script>
1220 1221 1222 1223 1224 1225
1225<script> 1226 /*Demo ideas for the tab*/ 1227 theCount = 9; 1228 active = 0; 1229 1230 activeTab(); 1231 setInterval(activeTab, 1000); 1232 // replaceImage(); 1233 1234 theCount = 1; 1235 1236 $(".head ul li").click(function () { 1237 number = $(this).attr('class').replace(' active', ''); 1238 number = number.split("-")[1]; 1239 if (active != number) { 1240 $('.head ul li').removeClass("active"); 1241 active = number - 1; 1242 theCount = 9; 1243 activeTab(); 1244 } 1245 }); 1246 1247 function activeTab() { 1248 if (theCount == 9) { 1249 theCount = 0; 1250 1251 if (active == 3) { 1252 active = 1; 1253 } 1254 else { 1255 active++; 1256 } 1257 1258 // $('.message img').removeClass("active"); 1259 // $('.message .img-' + active).addClass("active"); 1260 $('.head ul li').removeClass("active"); 1261 $('.head ul li.tab-' + active).addClass("active"); 1262 1263 $('.message .the-img-box').removeClass("active"); 1264 $('.message .the-img-box.box-' + active).addClass("active"); 1265 1266 // $('.content').attr("data-bg-color", 'bg-' + active); 1267 } else { 1268 theCount++; 1269 } 1270 } 1271 </script>
1271 1272 1273 1274
1274<script> 1275 $(document).ready(function () { 1276 1277 next = 1; 1278 setInterval(function () { 1279 curent = next; 1280 if (curent == 3) { 1281 next = 1 1282 } else { 1283 next = curent + 1; 1284 } 1285 1286 $(".text-" + curent).removeClass("active"); 1287 $(".text-" + next).addClass("active"); 1288 1289 }, 3000); 1290 1291 }); 1292 1293 1294 $('.premium-area').addClass('hide-tablet hide-mobile'); 1295 1296 if (navigator.platform.indexOf('Win') > -1) { 1297 $('.fix-windows-alignment').addClass("margin-top-3"); 1298 } 1299 </script>
1299 1300 1301 1302 1303</body> 1304 1305</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.