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.