PageSourceSearch

https://www.brightful.me/pricing/

html brightful.me collected 2026-10-03 21:36:45 UTC 43,337 bytes, 1,065 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
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"
8        content="Strengthen your connections while remote. Transform your meetings to fun and meaningful experiences." />
9    <meta property="og:title" content="Brightful - Plans and Pricing" />
10    <meta property="og:description"
11        content="Strengthen your connections while remote. Transform your meetings to fun and meaningful experiences." />
12    <meta property="og:image" content="https://www.brightful.me/assets/home/img/hero-white.png" />
13    <meta property="og:url" content="https://www.brightful.me/pricing/" />
14    <meta name="twitter:card" content="https://www.brightful.me/assets/home/img/hero-white.png" />
15
16    <title>Brightful - Plans and Pricing</title>
17    <link rel="icon" href="https://storage.ghost.io/c/c9/c5/c9c57e5e-6fef-464e-a31d-e457122c98fb/content/images/size/w256h256/2020/07/[email protected]" />
18    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
19        integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous" />
20
21    <link rel="stylesheet" type="text/css" href="https://www.brightful.me/assets/play/less/games.css?v=zI_zhSMr2mLJqiFh" />
22    
22<script src="https://www.brightful.me/assets/home/js/app.js?v=nbb8l4NVaNIf3jDT"></script>
22
23    
23<script src="https://www.brightful.me/assets/play/less/less.min.js?v=j93v7jDprdkNOGaR"></script>
23
24    
24<script>
25        initAmplitude();
26        identifyAmplitude("setOnce", "creationDate", new Date(Date.now()).toISOString());
27        identifyAmplitude("setOnce", "landingPage", location.pathname);
28    </script>
28
29    <style>
30        .premium-feature-list ul li::before {
31            background: url("..https://www.brightful.me/assets/play/img/safe.svg?v=Z0TbxrEtw-VCF8A3");
32        }
33    </style>
34</head>
35
36<body>
37
38    <header class='header-version-2'>
39  <div class='container'>
40    <div class='row align-items-center'>
41      <div class='col-4 col-sm-3 col-lg-2 col-xl-1 align-items-center'>
42        <a href='/play/'>
43          <img
44            class='for-light mt-n1'
45            src='https://www.brightful.me/assets/play/img/logo-dark.svg?v=OhMdii5svwfIQ0HH'
46            alt='Online Icebreaker Games for Remote Meetings and Remote Work'
47          />
48          <img
49            class='for-dark mt-n1'
50            src='https://www.brightful.me/assets/play/img/logo-white.svg?v=9IWWV_D7q5jLqemn'
51            alt='Online Icebreaker Games for Remote Meetings and Remote Work'
52          />
53        </a>
54      </div>
55      <div class='col-8 col-sm-9 col-lg-10 col-xl-11'>
56        <button
57          class='navbar-toggler'
58          type='button'
59          data-toggle='collapse'
60          data-target='#navbarSupportedContent'
61          aria-controls='navbarSupportedContent'
62          aria-expanded='false'
63          aria-label='Toggle navigation'
64        >
65          <img src='https://www.brightful.me/assets/play/img/menu-white.svg?v=6yrz0l-u_SF6JymA' />
66        </button>
67        <div class='mobile-head-button'>
68          <a
69            class='btn btn-sm btn-orange-stroke'
70            onclick="onSelectedAction('hostAGame')"
71          >
72            TRY FOR FREE
73          </a>
74          <button class="btn btn-transparent pr-0 hide-lg" data-toggle="modal" data-target="#mobileNavModal">
75            <img src='https://www.brightful.me/assets/play/img/menu-white.svg?v=6yrz0l-u_SF6JymA' />
76          </button>
77        </div>
78        <div class='collapse navbar-collapse' id='navbarSupportedContent'>
79
80          <ul class='nav-block' id='navbarSupportedContent'>
81
82
83            <li
84              id='games-section-nav'
85              class='tracking-nav-item active'
86            >
87              <a>Games</a>
88            </li>
89            <li id='live-polls-section-nav' class='tracking-nav-item'>
90              <a>Live polls</a>
91            </li>
92            <li
93              id='live-qna-section-nav'
94              class='tracking-nav-item'
95            >
96              <a>Live Q&A</a>
97            </li>
98
99            <li><a href='/pricing/'>Pricing</a></li>
100            <li>
101              <a class='color-orange' onclick="onSelectedAction('login')">LOG IN</a>
102              <a
103                class='color-orange mr-3'
104                data-toggle='modal'
105                data-target='#joinAGameModal'
106              >JOIN ROOM</a>
107              <a
108                class='btn btn-sm btn-orange margin-right-6'
109                onclick="onSelectedAction('header')"
110              >
111                TRY FOR FREE
112              </a>
113            </li>
114          </ul>
115
116        </div>
117      </div>
118    </div>
119  </div>
120
121  
121<script>
122  </script>
122
123</header>
124
125
126    <section class="headline-title big-padding bg-purple lg-bg-white mt-5 lg-mt-0">
127        <div class="container">
128            <div class="row">
129
130                <div class="col-md-12">
131                    <h1 class="color-white md-color-purple">
132                        Strengthen your connections while remote.
133                    </h1>
134                </div>
135            </div>
136
137        </div>
138    </section>
139
140
141    <section class="pricing-and-plan">
142        <div class="container">
143
144          <div class="row justify-content-md-center">
145            <div class="col-md-12 ">
146                <ul class="switch-plan">
147                    <li class="active" onclick="onChangeTenure('Yearly')">Yearly</li>
148                    <li onclick="onChangeTenure('Monthly')">Monthly</li>
149                    <li>4-day</li>
150                </ul>
151            </div>
152        </div>
153
154
155            <div class="row justify-content-md-center">
156
157
158                <div class="col-12 d-none">
159                    <div class="pricing-switch-plan-header">
160                        <div id="lite" class="active" onclick=" mobielSwitchTabPlan('lite')">
161                            LITE
162                        </div>
163                        <div id="pro" class="" onclick=" mobielSwitchTabPlan('pro')">
164                            PRO
165                        </div>
166                        <div id="event" onclick=" mobielSwitchTabPlan('event')">
167                            Event
168                        </div>
169                    </div>
170                </div>
171
172
173
174                <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4">
175                    <div class="pricing-box-v3 lite active">
176                        <div class="head">
177                            <h2 class="plan-name">Bronze</h2>
178
179
180                            <div class="pricing-display-with-unit">
181                               <h5 id="basic_plan_price">
182                                     <span id="lite_plan_price"></span> <small>/ mo</small>
183                                   <!-- <span>($16.98 AUD) </span> -->
184                               </h5>
185                           </div>
186
187                            <p id="lite_billed_text" class="text-sm color-grey">Billed annually</p>
188
189
190
191                        </div>
192                        <div class="content">
193                            <ul class="list green-bullets normal size-md">
194                                <li>Up to 20 participants in an activity</li>
195                                <li>All games and all game content</li>
196                                <li>Host live polls and Q&A sessions</li>
197                            </ul>
198                        </div>
199                    </div>
200                </div>
201
202                <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4 ">
203                    <div class="pricing-box-v3 pro active mt-3 lg-mt-0">
204                        <div class="head">
205                            <h2 class="plan-name">Gold</h2>
206
207                            <div id="best-value" class="best-value">
208                                <div class="value-content">
209                                    Best Value
210                                </div>
211                            </div>
212
213
214                            <div class="pricing-display-with-unit">
215                                <h5>
216                                    <span id="pro_plan_price"></span> <small>/ mo</small>
217                                    <!-- <span>($16.98 AUD) </span> -->
218                                </h5>
219                            </div>
220
221
222                            <p id="pro_billed_text" class="text-sm color-grey">Billed annually</p>
223
224
225
226
227
228
229                        </div>
230                        <div class="content">
231                            <ul class="list green-bullets normal size-md">
232                                <li>Up to 200 participants in an activity</li>
233                                <li>All games and game content</li>
234                                <li>Host live polls and Q&A sessions</li>
235                                <li>Customize games with your own content</li>
236                                <li>Leaderboard, game history and reports</li>
237                            </ul>
238                        </div>
239
240
241
242
243                    </div>
244                </div>
245
246                <div class="col-md-12 ">
247                  <div class="pricing-saving-cta-banner mt-4">
248                       <h6>Save 60% with yearly plans</h6>
249                       <button id="switch" class="btn btn-transparent blue btn-sm inside-1-line" onclick="  onChangeTenure('Yearly');">
250                          switch
251                          <span class="material-icons ml-1"> east </span>
252                       </button>
253                  </div>
254              </div>
255
256
257                <!-- Start :: One-off Event -->
258                 <div class="col-sm-12 col-md-12 col-lg-10 col-xl-8">
259                     <div class="one-off-event-box white  mt-0">
260                         <h4 class="bold color-primary">Event</h4>
261                         <h3 class="price">$80</h3>
262                         <p>Get 4-day access to Brightful games and activities for your event</p>
263
264
265                         <div class="collapse show" id="">
266
267                             <ul class="list green-bullets normal ml-4 mt-3 mb-0 ">
268                                 <li>Up to 200 participants in an activity</li>
269                                 <li>All games and game content</li>
270                                 <li>Host live polls and Q&A sessions</li>
271                                 <li>Customize games with your own content</li>
272                                 <li>Leaderboard and game history</li>
273                             </ul>
274
275                         </div>
276                     </div>
277
278                 </div>
279                 <!-- Start :: One-off Event -->
280
281
282                <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4 hidden">
283                    <div class="pricing-box-v3 enterprise">
284                        <div class="head">
285                            <h3>Enterprise</h3>
286                            <p id="basic_plan_price" class="price"><span id="enterprise_plan_price"></span> <small
287                                    id="enterprise_subtitle"></small>
288                            </p>
289
290                            <div class="the-list">
291                                <ul class="list square">
292                                    <li> <strong> Unlimited participants </strong>
293                                        <i class="br-icon icon-info-2 size-20 cursor-pointer" data-toggle="modal"
294                                            data-target="#participantsModal"></i>
295                                    </li>
296                                    <li>
297                                        <strong> Everyone can host games </strong>
298                                    </li>
299                                </ul>
300                            </div>
301
302
303                            <div class="additionnal-payment">
304
305
306                            </div>
307                        </div>
308                        <div class="content">
309                            <h6 class="bold color-green mb-3">For large enterprises</h6>
310                            <ul class="list green-bullets normal size-md">
311                                <li>Everything in PRO</li>
312                            </ul>
313                        </div>
314                    </div>
315                </div>
316
317
318
319
320            </div>
321
322        </div>
323    </section>
324
325
326
327
328    <div class="premium-area bg-white bottom-border-center ">
329        <div class="container border-0">
330            <div class="premium-wrapper pt-3 lg-pt-0">
331                <h4>Start your 14-day free trial</h4>
332                <button class="btn btn-orange btn-lg add-more-padding p48"
333                    onclick="onSelectedAction('try-brightful')">SIGN UP</button>
334                <p class="mt-2">No credit card required</p>
335            </div>
336        </div>
337    </div>
338
339
340
341        <section class="pricing-cta-banner">
342            <div class="container">
343                <div class="row justify-content-center">
344                    <div class="col-sm-12 col-md-12 col-lg-9 col-xl-7">
345                        <div class="banner-content border-top border-bottom">
346                            <img  src="https://www.brightful.me/assets/play/img/icon/colorful/big-team.svg?v=ISMJ72-wAFU7c92o" alt="">
347                            <div class="text">
348                                <p class="mb-0">On a big team?</p>
349                                <h5 class="heading">Get multiple hosts and admins</h5>
350                            </div>
351                            <a href="/feedback/" target="_blank" class="btn btn-blue-stroke">
352                                Contact us
353                            </a>
354                        </div>
355                    </div>
356                </div>
357            </div>
358        </section>
359
360
361        <section class="testimonial">
362             <div class="container">
363                 <div class="row">
364                     <div class="col-md-12">
365                         <h6 class="text-sm bold mb-2 mt-5 text-uppercase text-center color-dark-4">Trusted by</h6>
366                     </div>
367                     <div class="col-md-12  mb-5">
368                         <div class="simple-logo-grid greyscale">
369                             <div class="row">
370                                 <div class="col-12 ">
371                                     <div class="logo-box-no-grid">
372                                         <img src="https://www.brightful.me/assets/play/img/logo/no-space/amazon.png?v=LOiAhoV5-3WgNvfm" alt="amazon">
373                                         <img src="https://www.brightful.me/assets/play/img/logo/no-space/pfizer.png?v=h_04By79LMy201Su" alt="pfizer">
374                                         <img src="https://www.brightful.me/assets/play/img/logo/no-space/paypal.png?v=IASImpUT6VGOWxzW" alt="paypal">
375                                         <img src="https://www.brightful.me/assets/play/img/logo/no-space/dropbox.png?v=croU6zT3ilszktub" alt="dropbox">
376                                         <img src="https://www.brightful.me/assets/play/img/logo/no-space/target.png?v=xfWvjQsySiMuOO29" alt="target">
377                                     </div>
378                                 </div>
379
380
381                             </div>
382                         </div>
383                     </div>
384
385                 </div>
386             </div>
387         </section>
388
389
390
391  <section class="comparison-table  pb-0">
392      <div class="container">
393          <div class="row">
394              <div class="col-md-12">
395                  <h4>Compare plans & features</h4>
396
397                  <table class="table table-striped">
398                      <thead>
399                          <tr>
400                              <th>
401
402                              </th>
403                              <th>
404                                  <strong>BRONZE</strong>
405                              </th>
406                              <th>
407                                  <strong>GOLD</strong>
408                              </th>
409                              <th>
410                                  <strong>EVENT</strong>
411                              </th>
412                          </tr>
413                      </thead>
414
415                      <tbody>
416
417                          <tr>
418                              <td>Access period</td>
419                              <td>Within billing period</td>
420                              <td>Within billing period</td>
421                              <td>4 days</td>
422                          </tr>
423
424                          <tr>
425                              <td>All Brightful games and game content</td>
426                              <td><span class="material-icons color-green"> check_circle </span></td>
427                              <td><span class="material-icons color-green"> check_circle </span></td>
428                              <td><span class="material-icons color-green"> check_circle </span></td>
429                          </tr>
430
431                          <tr>
432                              <td>Max. no. of participants per session</td>
433                              <td>20</td>
434                              <td>200</td>
435                              <td>200</td>
436                          </tr>
437
438                          <tr>
439                              <td>Conduct live polls</td>
440                              <td><span class="material-icons color-green"> check_circle </span></td>
441                              <td><span class="material-icons color-green"> check_circle </span></td>
442                              <td><span class="material-icons color-green"> check_circle </span></td>
443                          </tr>
444
445                          <tr>
446                              <td>Host live Q&A sessions</td>
447                              <td><span class="material-icons color-green"> check_circle </span></td>
448                              <td><span class="material-icons color-green"> check_circle </span></td>
449                              <td><span class="material-icons color-green"> check_circle </span></td>
450                          </tr>
451
452                          <tr>
453                              <td>Customize games with your own content</td>
454                              <td>-</td>
455                              <td><span class="material-icons color-green"> check_circle </span></td>
456                              <td><span class="material-icons color-green"> check_circle </span></td>
457                          </tr>
458
459                          <tr>
460                              <td>Game history</td>
461                              <td>-</td>
462                              <td><span class="material-icons color-green"> check_circle </span></td>
463                              <td><span class="material-icons color-green"> check_circle </span></td>
464                          </tr>
465                          <tr>
466                              <td>Leaderboard</td>
467                              <td>-</td>
468                              <td><span class="material-icons color-green"> check_circle </span></td>
469                              <td><span class="material-icons color-green"> check_circle </span></td>
470                          </tr>
471                          <tr>
472                              <td>Custom room ID</td>
473                              <td>-</td>
474                              <td><span class="material-icons color-green"> check_circle </span></td>
475                              <td><span class="material-icons color-green"> check_circle </span></td>
476                          </tr>
477
478                          <tr>
479                              <td>Conversation Starters</td>
480                              <td>-</td>
481                              <td><span class="material-icons color-green"> check_circle </span></td>
482                              <td>-</td>
483                          </tr>
484
485
486                          <tr>
487                              <td>Price</td>
488                              <td>
489                                  $28 /mo billied annually <br> or <br> $70 /mo billed monthly
490                              </td>
491                              <td>
492                                  $40 /mo billied annually <br> or <br> $100 /mo billed monthly
493                              </td>
494                              <td>$80</td>
495                          </tr>
496
497
498
499                      </tbody>
500                  </table>
501                  <!-- END :: a table 1st -->
502
503
504
505              </div>
506
507              <div class="col-md-12">
508                    <div class="banner-signup">
509                        <h4>Start your 14-day free trial </h4>
510                        <button class="btn btn-orange btn-lg add-more-padding p60" onclick="onSelectedAction('signup')">
511                            SIGN UP
512                        </button>
513                    </div>
514                </div>
515
516          </div>
517      </div>
518  </section>
519
520
521
522
523
524
525
526
527
528    <section class="faq bg-light-grey ">
529        <div class="container">
530            <div class="row  justify-content-md-center">
531                <div class="col-lg-12 col-xl-12">
532                    <h2 class="section-headline">FAQ</h2>
533                    <div id='faq'>
534
535                    </div>
536                </div>
537            </div>
538        </div>
539    </section>
540
541
542    <!-- Modal -->
543    <div class="modal fade modal-center" id="participantsModal" tabindex="-1" aria-labelledby="participantsModal"
544        aria-hidden="true">
545        <div class="modal-dialog  modal-dialog-centered">
546            <div class="modal-content">
547                <div class="modal-header no-border  center">
548                    <h5 class="modal-title align-center ">What are participants?</h5>
549                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
550                        <span class="br-icon icon-close"></span>
551                    </button>
552                </div>
553                <div class="modal-body">
554                     <p> Participants are users who joined a game room and/or took part in Brightful's Slack App. The participant fee is charged monthly and only for those who used Brightful that month.</p>
555                </div>
556            </div>
557        </div>
558    </div>
559
560
561    <!-- Modal -->
562    <div class="modal fade modal-center" id="getCouponModal" tabindex="-1" aria-labelledby="getCouponModal"
563        aria-hidden="true">
564        <div class="modal-dialog modal-dialog-centered">
565            <div class="modal-content">
566                <div class="modal-header no-border  center">
567                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
568                        <span class="br-icon icon-close"></span>
569                    </button>
570                </div>
571                <div class="modal-body align-center pt-0">
572
573
574
575
576
577                    <div class="the-message hidden">
578                        <img class="width-60 mb-2" src="https://www.brightful.me/assets/play/img/tick-green.svg?v=8QEqpTtOuRp5GChW" alt="">
579                        <p>We have sent the coupon to [email protected]. Please check your email.</p>
580                        <button class="btn btn-md btn-orange align-center">
581                            OK
582                        </button>
583                    </div>
584                    <div class="the-form">
585                        <p> We will send the coupon code via email. A valid K-12 educator email is
586                            required.</p>
587
588
589                        <div class="alert alert-danger brightful" role="alert">
590                            <span>
591                                <img src="https://www.brightful.me/assets/play/img/danger.svg?v=VnKuW9cqTTHcGxFX " alt="">
592                            </span>
593                            <div>Some validate or error message will goes here</div>
594                        </div>
595
596
597                        <div class="form-group">
598                            <div class="material-textfield size-md">
599                                <input type="text">
600                                <label>Email</label>
601                            </div>
602                        </div>
603                        <!-- END :: a  form-group -->
604
605                        <button id="btnGetCouponCode" class="btn btn-md btn-orange align-center">
606                            GET COUPON CODE
607                        </button>
608                    </div>
609
610                </div>
611                <div class="modal-footer no-border"></div>
612            </div>
613        </div>
614    </div>
615
616
617    <!-- Modal contactSaleModal-->
618    <div class="modal fade modal-center" id="contactSaleModal" tabindex="-1" aria-labelledby="contactSaleModalLabel"
619        aria-hidden="true">
620        <div class="modal-dialog modal-dialog-centered">
621            <div class="modal-content">
622                <div class="modal-header no-content no-border">
623                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
624                        <span class="br-icon icon-close"></span>
625                    </button>
626                </div>
627                <div class="modal-body">
628                    <h3 class="heading center color-primary">Contact sales</h3>
629                    <p class="align-center">You can expect a reply within 1 Business day.</p>
630                    <form action="">
631
632
633                        <div class="alert alert-danger brightful" role="alert">
634                            <span>
635                                <img src="https://www.brightful.me/assets/play/img/danger.svg?v=VnKuW9cqTTHcGxFX " alt="">
636                            </span>
637                            <div>Some validate or error message will goes here</div>
638                        </div>
639
640                        <div class="form-group">
641                            <div class="material-textfield size-md">
642                                <input type="text">
643                                <label>Your name</label>
644                            </div>
645                        </div>
646                        <!-- END :: a  form-group -->
647
648
649
650                        <div class="form-group">
651                            <div class="material-textfield size-md">
652                                <input place="What is the closest planet to our solar system's sun?" type="text">
653                                <label>Email</label>
654                            </div>
655                        </div>
656                        <!-- END :: a  form-group -->
657
658                        <div class="form-group">
659                            <textarea class="form-control" name="" id="" cols="30" rows="4"
660                                placeholder="Your message"></textarea>
661                        </div>
662                        <!-- END :: a  form-group -->
663
664
665
666
667                        <button type="submit" class="btn btn-orange btn-lg btn-wide">Submit</button>
668                    </form>
669                </div>
670                <div class="modal-footer no-border"></div>
671            </div>
672        </div>
673    </div>
674
675    <!--START :: JOIN A GAME Modal -->
676    <div class="modal modal-right fade" id="joinAGameModal" tabindex="-1" role="dialog"
677        aria-labelledby="joinAGameModalLabel" aria-hidden="true">
678        <div class="modal-dialog">
679            <div class="modal-content">
680                <div class="modal-header">
681                    <button type="button" class="btn-close-left" data-dismiss="modal" aria-label="Close">
682                        <img src="https://www.brightful.me/assets/play/img/close.png?v=3GZ9yDOTktaNIiMg" alt="close modal" />
683                    </button>
684                </div>
685
686                <div class="modal-body">
687                    <div class="game-settings">
688                        <h3 class="box-title">Join a game</h3>
689                        <form id="join-game-modal-form" autocomplete="off">
690                            <p class="instruction">Ask the host for the ID</p>
691                            <div class="form-group input-join-games margin-top-24">
692                                <input id="gameRoomId" name="gameRoomId" class="form-control"
693                                    placeholder="Enter game room ID" autocomplete="off" />
694                                <button type="submit" name="button">
695                                    <img src="https://www.brightful.me/assets/play/img/arrow.svg?v=4jdUoIVazZYj4Url" alt="" />
696                                </button>
697                            </div>
698                        </form>
699                        <div class="switch-to-invite">
700                            <p>
701                                Or
702                                <u onclick="onSelectedAction('signup')">
703                                    host your own game room
704                                </u>
705                            </p>
706                        </div>
707                    </div>
708                </div>
709            </div>
710        </div>
711    </div>
712    <!--END :: JOIN A GAME Modal -->
713
714
715
716    <div
717  class="premium-area"
718  style="background-image:url(https://www.brightful.me/assets/play/img/v3/dots.png?v=3znIKDKw1K25M7HR)"
719>
720  <div class="container">
721    <div class="premium-wrapper">
722      <h3>Start your 14-day free trial</h3>
723      <button
724        class="btn btn-orange btn-lg  add-more-padding p48"
725        onclick="onSelectedAction('signup')"
726      >TRY FOR FREE</button>
727      <p class="mt-2">No credit card required</p>
728    </div>
729  </div>
730</div>
731
732    <footer class="version-2">
733    <div class="container">
734        <div class="row">
735            <div class="col-md-12 col-lg-4 first-column">
736                <img class="the-logo" src="https://www.brightful.me/assets/home/img/logo-white.svg?v=qr-uCsYG-gv0fp2W" alt="Brightful" />
737                <span> Email us: <a href="mailto:[email protected]">[email protected]</a> </span>
738            </div>
739            <div class="col-6 col-md-3  col-lg-2">
740                <div class="nav-item">
741                    <h5>USE CASES</h5>
742                    <ul>
743                        <li>
744                            <a href="/team-culture/">Team Culture</a>
745                            <a href="/education/">Education</a>
746                            <a href="/online-events/">Online Events</a>
747                        </li>
748                    </ul>
749                </div>
750            </div>
751
752            <div class="col-6 col-md-3 col-lg-2">
753                <div class="nav-item">
754                    <h5>TEAM BUILDING</h5>
755                    <ul>
756                        <li>
757                            <a href="/blog/best-icebreaker-games-for-team-building-activities/">Icebreaker Games</a>
758                            <a href="/blog/all-you-ever-need-to-know-about-remote-work/">Remote Work Tips</a>
759                            <a href="/blog/why-is-self-care-in-important-in-the-remote-workplace/">Self-care</a>
760                        </li>
761                    </ul>
762                </div>
763            </div>
764
765            <div class="col-6 col-md-3 col-lg-2">
766                <div class="nav-item">
767                    <h5>COMPANY</h5>
768                    <ul>
769                        <li>
770                            <a href="/games/">Games</a>
771                            <a href="/blog/our-mission/">Our Mission</a>
772                            <a href="/pricing/">Pricing</a>
773                            <a href="https://twitter.com/brightfulhq">Twitter</a>
774                            <a href="https://www.coprompt.io">CoPrompt</a>
775                        </li>
776                    </ul>
777                </div>
778            </div>
779
780            <div class="col-6 col-md-3 col-lg-2">
781                <div class="nav-item">
782                    <h5>POLICY</h5>
783                    <ul>
784                        <li>
785                            <a href="/privacy-policy/">Privacy Policy</a>
786                            <a href="/user-agreement/">User Agreement</a>
787                            <a href="/paid-services-agreement/">Paid Services Agreement</a>
788                            <a href="/community-guidelines/">Community Guidelines</a>
789                            <a href="/cookie-notice/">Cookie Notice</a>
790                            <a href="/security-policy/">Security Policy</a>
791                        </li>
792                    </ul>
793                </div>
794            </div>
795        </div>
796    </div>
797
798    <div class="end-box">
799        <div class="container">
800            <div class="row">
801                <div class="col-md-8">© 2021 Brightful Innovations Company Limited. All Rights Reserved
802                    <br />
803                    BRIGHTFUL™ is a trademark of Brightful Innovations Company Limited
804                </div>
805                <div class="col-md-4">
806                    <a class="heap-badge" href="https://heap.io/?utm_source=badge" rel="nofollow">
807                        <img style="height:30px" src="https://www.brightful.me/assets/img/heap.svg?v=lOQ0jAspA242XU4w" alt="Heap | Mobile and Web Analytics" />
808                    </a>
809                </div>
810            </div>
811        </div>
812    </div>
813</footer>
814
815 <!--START :: JOIN A GAME Modal -->
816    <div class="modal modal-right fade" id="joinAGameModal" tabindex="-1" role="dialog"
817        aria-labelledby="joinAGameModalLabel" aria-hidden="true">
818        <div class="modal-dialog">
819            <div class="modal-content">
820                <div class="modal-header">
821                    <button type="button" class="btn-close-left" data-dismiss="modal" aria-label="Close">
822                        <img src="https://www.brightful.me/assets/play/img/close.png?v=3GZ9yDOTktaNIiMg" alt="close modal" />
823                    </button>
824                </div>
825
826                <div class="modal-body">
827                    <div class="game-settings">
828                        <h3 class="box-title">Join a game</h3>
829                        <form id="join-game-modal-form">
830                            <p class="instruction">Ask the host for the ID</p>
831                            <div class="form-group input-join-games margin-top-24">
832                                <input id="gameRoomId" name="gameRoomId" class="form-control"
833                                    placeholder="Enter game room ID" autocomplete="off" />
834                                <button type="submit" name="button">
835                                    <img src="https://www.brightful.me/assets/play/img/arrow.svg?v=4jdUoIVazZYj4Url" alt="" />
836                                </button>
837                            </div>
838                        </form>
839                        <div class="switch-to-invite">
840                            <p>
841                                Or
842                                <u onclick="onSelectedAction('signup')">
843                                    host your own game room
844                                </u>
845                            </p>
846                        </div>
847                    </div>
848                </div>
849            </div>
850        </div>
851    </div>
852    <!--END :: JOIN A GAME Modal -->
853
854
855
856        <!--START :: MOBILE NAV Modal -->
857    <div class="modal modal-right fade mobile-left-nav" id="mobileNavModal" tabindex="-1" role="dialog"
858        aria-labelledby="joinAGameModalLabel" aria-hidden="true">
859        <div class="modal-dialog">
860            <div class="modal-content">
861
862                <div class="modal-header">
863                    <button type="button" class="btn-close-left" data-dismiss="modal" aria-label="Close">
864                        <img src="https://www.brightful.me/assets/play/img/close.png?v=3GZ9yDOTktaNIiMg" alt="close modal" />
865                    </button>
866                </div>
867
868                <div class="modal-body">
869                    <ul class="list">
870                        <li id="games-section-nav-mobile" >
871                            <a href="/play/?target=games-section">Games for remote meetings</a>
872                            </li>
873                        <li id="live-polls-section-nav-mobile" >
874                            <a href="/play/?target=live-polls-section">Team building in Slack</a>
875                         </li>
876                        <li id="live-qna-section-nav-mobile">
877                            <a href="/play/?target=live-qna-section">Icebreaker materials</a>
878                            </li>
879                        <li><a href="/pricing/">Pricing</a></li>
880                        <li class="divider"></li>
881                      <li onclick="onSelectedAction('login')" data-dismiss="modal" aria-label="Close"><a>Log in</a></li>
882                        <li data-toggle="modal" data-target="#joinAGameModal" data-dismiss="modal" aria-label="Close"><a>Join room</a></li>
883                    </ul>
884
885                    <div class="bottom-box">
886                        <p class="mb-1">14-day free trial</p>
887                        <button class="btn btn-lg btn-orange"  onclick="onSelectedAction('signup')">
888                            sign up
889                        </button>
890                    </div>
891                </div>
892            </div>
893        </div>
894    </div>
895    <!--END :: MOBILE NAV Modal -->
896
897
898    
898<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
898
899    
899<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
900        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
901        crossorigin="anonymous"></script>
901
902    
902<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"
903        integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI"
904        crossorigin="anonymous"></script>
904
905
906    
906<script src="https://www.brightful.me/assets/pricing/js/script.js?v=cwdttum4C52XSu51"></script>
906
907
908    
908<script>
909        $('.modal').on("hidden.bs.modal", function (e) {
910            if ($('.modal:visible').length) {
911                $('.modal-backdrop').first().css('z-index', parseInt($('.modal:visible').last().css('z-index')) - 10);
912                $('body').addClass('modal-open');
913            }
914        }).on("show.bs.modal", function (e) {
915            if ($('.modal:visible').length) {
916                $('.modal-backdrop.in').first().css('z-index', parseInt($('.modal:visible').last().css('z-index')) + 10);
917                $(this).css('z-index', parseInt($('.modal-backdrop.in').first().css('z-index')) + 10);
918            }
919        });
920    </script>
920
921
922    
922<script>
923        $(document).ready(function () {
924            autoCollapsed();
925
926            loadFaq();
927            let couponHref;
928            if (isPlayground) {
929                couponHref = '';
930            }
931            else if (isDev) {
932                couponHref = `https://dev.orric.app/pricing?getCouponCode=t`;
933            }
934            else {
935                couponHref = `https://app.brightful.me/pricing?getCouponCode=t`;
936            }
937
938            /* Setting for nav ( Only for pricing page ) */
939            $('.nav-block li').removeClass("active");
940            $('.nav-block li:nth-last-child(2)').addClass("active");
941            
942            $("#games-section-nav a").attr("href", "/play/?target=games-section");
943            $("#live-polls-section-nav a").attr("href", "/play/?target=live-polls-section");
944            $("#live-qna-section-nav a").attr("href", "/play/?target=live-qna-section");
945
946            onChangeTenure("Yearly");
947        });
948
949        $(function () {
950            $('[data-toggle="popover"]').popover({
951                container: 'body',
952                // trigger: 'focus'
953            })
954        });
955
956        let countryCode;
957        try {
958            $.get('http://ip-api.com/json', function (data) {
959                countryCode = data['countryCode'];
960                updateAUD();
961            });
962        } catch (err) {
963            console.log('some error occured');
964        }
965    </script>
965
966
967    
967<script>
968        window.onscroll = function () { scrollingFunction() };
969        function scrollingFunction() {
970            if (window.pageYOffset >= 300) {
971                window.setTimeout(function () {
972                    $(".header-version-2").addClass("scroll-down");
973                }, 1000);
974            } else {
975                window.setTimeout(function () {
976                    $(".header-version-2").removeClass("scroll-down");
977                }, 1000);
978            }
979        }
980    </script>
980
981
982    
982<script>
983
984        $("#btnGetCouponCode").click(function () {
985            $(".the-form").addClass('hidden');
986            $(".the-message").removeClass('hidden');
987        });
988
989        $(window).resize(function () {
990            autoCollapsed();
991        });
992
993
994        function autoCollapsed() {
995
996            if ($(window).width() < 992) {
997                $('#oneOffEventBoxCollapse').addClass('show');
998                $('.card-header h4').attr("data-toggle", "collapse");
999                if (mobileTabSelected == 2) {
1000                    $('#switch_plan_toggle').addClass('invisible');
1001                }
1002            } else {
1003                $('#switch_plan_toggle').removeClass('invisible');
1004                $('#oneOffEventBoxCollapse').removeClass('show');
1005                $('.card-header h4').attr("data-toggle", " ");
1006            }
1007        }
1008
1009
1010      $("#btn-more-detail").click(function () {
1011            $(this).addClass('hidden');
1012            $(this).removeClass( "inside-1-line " );
1013            $("#event-offer").removeClass("hidden");
1014        });
1015
1016
1017        /*$('#oneOffEventBoxCollapse').on('show.bs.collapse', function () {
1018            //$("a[href=\"#oneOffEventBoxCollapse\"]").html(" <strong>  Games for remote meetings </strong>");
1019            // $("a[href=\"#oneOffEventBoxCollapse\"]").removeClass("color-blue hover-effect ");
1020            //$("a[href=\"#oneOffEventBoxCollapse\"]").addClass("color-dark-1");
1021
1022            setTimeout(function () {
1023                //$("a[href=\"#oneOffEventBoxCollapse\"]").removeAttr("href");
1024
1025                $("a[href=\"#oneOffEventBoxCollapse\"]").addClass('hidden');
1026                $("#event-offer").delay( 8000 ).removeClass("hidden");
1027
1028            }, 100);
1029        });*/
1030    </script>
1030
1031
1032    
1032<script>
1033        onChangeTenure("Yearly");
1034
1035        $('.pricing-saving-cta-banner').hide();
1036        $(".switch-plan li").click(function () {
1037            $(".switch-plan li").removeClass('active');
1038            $(this).addClass('active');
1039            text = $(this).text();
1040            if (text === "4-day") {
1041                $('.pricing-and-plan').addClass("active-event");
1042                $('.pricing-switch-plan-header').hide();
1043                $('.pricing-saving-cta-banner').hide();
1044            } else {
1045                $('.pricing-and-plan').removeClass("active-event");
1046                if (text == "Monthly") {
1047                    $('.pricing-saving-cta-banner').show();
1048                }else {
1049                    $('.pricing-saving-cta-banner').hide();
1050                }
1051            }
1052        });
1053
1054
1055        $("#switch").click(function () {
1056            $("html, body").animate({ scrollTop: 0 }, "slow");
1057            $('.pricing-saving-cta-banner').hide();
1058            $(".switch-plan li").removeClass('active');
1059            $(".switch-plan li:first-child").addClass('active');
1060        });
1061    </script>
1061
1062
1063</body>
1064
1065</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.