PageSourceSearch

https://www.brightful.me/play/

html brightful.me collected 2026-10-03 21:36:43 UTC 60,828 bytes, 1,305 lines download raw bytes

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.