bingobaker.com
Open in
urlscan Pro
198.100.157.237
Public Scan
Submitted URL: http://bingobaker.com/
Effective URL: https://bingobaker.com/
Submission: On April 04 via api from US — Scanned from DE
Effective URL: https://bingobaker.com/
Submission: On April 04 via api from US — Scanned from DE
Form analysis 2 forms found in the DOM
GET /cards
<form class="search" action="/cards" method="get" role="search">
<input name="q" type="text" value="Minecraft">
<button>Find Cards</button>
</form>POST
<form method="post" id="save-form" autocomplete="off">
<div class="card-size-wrapper">
<div class="card-wysiwyg" style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(0, 0, 0);">
<div class="card-title">
<div>
<input type="text" name="name" value="Untitled Bingo" id="name" aria-label="Bingo Card Title">
</div>
<div>
<select name="size" aria-label="Card Size" id="id_size">
<option value="7">7x7</option>
<option value="6">6x6</option>
<option value="5" selected="">5x5</option>
<option value="4">4x4</option>
<option value="3">3x3</option>
</select>
</div>
</div>
<div class="card-letters">
<div><input type="text" name="heading-0" value="B" maxlength="4" minlength="0" aria-label="Column 1 letter heading" id="id_heading-0"> </div>
<div><input type="text" name="heading-1" value="I" maxlength="4" minlength="0" aria-label="Column 2 letter heading" id="id_heading-1"> </div>
<div><input type="text" name="heading-2" value="N" maxlength="4" minlength="0" aria-label="Column 3 letter heading" id="id_heading-2"> </div>
<div><input type="text" name="heading-3" value="G" maxlength="4" minlength="0" aria-label="Column 4 letter heading" id="id_heading-3"> </div>
<div><input type="text" name="heading-4" value="O" maxlength="4" minlength="0" aria-label="Column 5 letter heading" id="id_heading-4"> </div>
<div style="display: none;"><input type="text" name="heading-5" value="O" maxlength="4" minlength="0" aria-label="Column 6 letter heading" id="id_heading-5"> </div>
<div style="display: none;"><input type="text" name="heading-6" value="O" maxlength="4" minlength="0" aria-label="Column 7 letter heading" id="id_heading-6"> </div>
</div>
<div class="card-boxes flip-container" id="card-boxes-main">
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-0" cols="40" rows="10" style="" class="has-image" id="id_word-0"></textarea>
<input type="hidden" name="img-0" class="img" id="id_img-0">
<input type="hidden" name="background-0" class="cell-background color-picker" id="id_background-0">
<input type="hidden" name="foreground-0" class="cell-foreground color-picker" id="id_foreground-0">
<input type="hidden" name="shadow-0" class="cell-shadow color-picker" id="id_shadow-0">
<input type="hidden" name="alignment-0" value="18" class="alignment" id="id_alignment-0">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-0-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-0-back"></textarea>
<input type="hidden" name="img-0-back" class="img" id="id_img-0-back">
<input type="hidden" name="background-0-back" class="cell-background color-picker" id="id_background-0-back">
<input type="hidden" name="foreground-0-back" class="cell-foreground color-picker" id="id_foreground-0-back">
<input type="hidden" name="shadow-0-back" class="cell-shadow color-picker" id="id_shadow-0-back">
<input type="hidden" name="alignment-0-back" value="18" class="alignment" id="id_alignment-0-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-1" cols="40" rows="10" style="" class="has-image" id="id_word-1"></textarea>
<input type="hidden" name="img-1" class="img" id="id_img-1">
<input type="hidden" name="background-1" class="cell-background color-picker" id="id_background-1">
<input type="hidden" name="foreground-1" class="cell-foreground color-picker" id="id_foreground-1">
<input type="hidden" name="shadow-1" class="cell-shadow color-picker" id="id_shadow-1">
<input type="hidden" name="alignment-1" value="18" class="alignment" id="id_alignment-1">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-1-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-1-back"></textarea>
<input type="hidden" name="img-1-back" class="img" id="id_img-1-back">
<input type="hidden" name="background-1-back" class="cell-background color-picker" id="id_background-1-back">
<input type="hidden" name="foreground-1-back" class="cell-foreground color-picker" id="id_foreground-1-back">
<input type="hidden" name="shadow-1-back" class="cell-shadow color-picker" id="id_shadow-1-back">
<input type="hidden" name="alignment-1-back" value="18" class="alignment" id="id_alignment-1-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-2" cols="40" rows="10" style="" class="has-image" id="id_word-2"></textarea>
<input type="hidden" name="img-2" class="img" id="id_img-2">
<input type="hidden" name="background-2" class="cell-background color-picker" id="id_background-2">
<input type="hidden" name="foreground-2" class="cell-foreground color-picker" id="id_foreground-2">
<input type="hidden" name="shadow-2" class="cell-shadow color-picker" id="id_shadow-2">
<input type="hidden" name="alignment-2" value="18" class="alignment" id="id_alignment-2">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-2-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-2-back"></textarea>
<input type="hidden" name="img-2-back" class="img" id="id_img-2-back">
<input type="hidden" name="background-2-back" class="cell-background color-picker" id="id_background-2-back">
<input type="hidden" name="foreground-2-back" class="cell-foreground color-picker" id="id_foreground-2-back">
<input type="hidden" name="shadow-2-back" class="cell-shadow color-picker" id="id_shadow-2-back">
<input type="hidden" name="alignment-2-back" value="18" class="alignment" id="id_alignment-2-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-3" cols="40" rows="10" style="" class="has-image" id="id_word-3"></textarea>
<input type="hidden" name="img-3" class="img" id="id_img-3">
<input type="hidden" name="background-3" class="cell-background color-picker" id="id_background-3">
<input type="hidden" name="foreground-3" class="cell-foreground color-picker" id="id_foreground-3">
<input type="hidden" name="shadow-3" class="cell-shadow color-picker" id="id_shadow-3">
<input type="hidden" name="alignment-3" value="18" class="alignment" id="id_alignment-3">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-3-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-3-back"></textarea>
<input type="hidden" name="img-3-back" class="img" id="id_img-3-back">
<input type="hidden" name="background-3-back" class="cell-background color-picker" id="id_background-3-back">
<input type="hidden" name="foreground-3-back" class="cell-foreground color-picker" id="id_foreground-3-back">
<input type="hidden" name="shadow-3-back" class="cell-shadow color-picker" id="id_shadow-3-back">
<input type="hidden" name="alignment-3-back" value="18" class="alignment" id="id_alignment-3-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-4" cols="40" rows="10" style="" class="has-image" id="id_word-4"></textarea>
<input type="hidden" name="img-4" class="img" id="id_img-4">
<input type="hidden" name="background-4" class="cell-background color-picker" id="id_background-4">
<input type="hidden" name="foreground-4" class="cell-foreground color-picker" id="id_foreground-4">
<input type="hidden" name="shadow-4" class="cell-shadow color-picker" id="id_shadow-4">
<input type="hidden" name="alignment-4" value="18" class="alignment" id="id_alignment-4">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-4-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-4-back"></textarea>
<input type="hidden" name="img-4-back" class="img" id="id_img-4-back">
<input type="hidden" name="background-4-back" class="cell-background color-picker" id="id_background-4-back">
<input type="hidden" name="foreground-4-back" class="cell-foreground color-picker" id="id_foreground-4-back">
<input type="hidden" name="shadow-4-back" class="cell-shadow color-picker" id="id_shadow-4-back">
<input type="hidden" name="alignment-4-back" value="18" class="alignment" id="id_alignment-4-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-5" cols="40" rows="10" style="" class="has-image" id="id_word-5"></textarea>
<input type="hidden" name="img-5" class="img" id="id_img-5">
<input type="hidden" name="background-5" class="cell-background color-picker" id="id_background-5">
<input type="hidden" name="foreground-5" class="cell-foreground color-picker" id="id_foreground-5">
<input type="hidden" name="shadow-5" class="cell-shadow color-picker" id="id_shadow-5">
<input type="hidden" name="alignment-5" value="18" class="alignment" id="id_alignment-5">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-5-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-5-back"></textarea>
<input type="hidden" name="img-5-back" class="img" id="id_img-5-back">
<input type="hidden" name="background-5-back" class="cell-background color-picker" id="id_background-5-back">
<input type="hidden" name="foreground-5-back" class="cell-foreground color-picker" id="id_foreground-5-back">
<input type="hidden" name="shadow-5-back" class="cell-shadow color-picker" id="id_shadow-5-back">
<input type="hidden" name="alignment-5-back" value="18" class="alignment" id="id_alignment-5-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-6" cols="40" rows="10" style="" class="has-image" id="id_word-6"></textarea>
<input type="hidden" name="img-6" class="img" id="id_img-6">
<input type="hidden" name="background-6" class="cell-background color-picker" id="id_background-6">
<input type="hidden" name="foreground-6" class="cell-foreground color-picker" id="id_foreground-6">
<input type="hidden" name="shadow-6" class="cell-shadow color-picker" id="id_shadow-6">
<input type="hidden" name="alignment-6" value="18" class="alignment" id="id_alignment-6">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-6-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-6-back"></textarea>
<input type="hidden" name="img-6-back" class="img" id="id_img-6-back">
<input type="hidden" name="background-6-back" class="cell-background color-picker" id="id_background-6-back">
<input type="hidden" name="foreground-6-back" class="cell-foreground color-picker" id="id_foreground-6-back">
<input type="hidden" name="shadow-6-back" class="cell-shadow color-picker" id="id_shadow-6-back">
<input type="hidden" name="alignment-6-back" value="18" class="alignment" id="id_alignment-6-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-7" cols="40" rows="10" style="" class="has-image" id="id_word-7"></textarea>
<input type="hidden" name="img-7" class="img" id="id_img-7">
<input type="hidden" name="background-7" class="cell-background color-picker" id="id_background-7">
<input type="hidden" name="foreground-7" class="cell-foreground color-picker" id="id_foreground-7">
<input type="hidden" name="shadow-7" class="cell-shadow color-picker" id="id_shadow-7">
<input type="hidden" name="alignment-7" value="18" class="alignment" id="id_alignment-7">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-7-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-7-back"></textarea>
<input type="hidden" name="img-7-back" class="img" id="id_img-7-back">
<input type="hidden" name="background-7-back" class="cell-background color-picker" id="id_background-7-back">
<input type="hidden" name="foreground-7-back" class="cell-foreground color-picker" id="id_foreground-7-back">
<input type="hidden" name="shadow-7-back" class="cell-shadow color-picker" id="id_shadow-7-back">
<input type="hidden" name="alignment-7-back" value="18" class="alignment" id="id_alignment-7-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-8" cols="40" rows="10" style="" class="has-image" id="id_word-8"></textarea>
<input type="hidden" name="img-8" class="img" id="id_img-8">
<input type="hidden" name="background-8" class="cell-background color-picker" id="id_background-8">
<input type="hidden" name="foreground-8" class="cell-foreground color-picker" id="id_foreground-8">
<input type="hidden" name="shadow-8" class="cell-shadow color-picker" id="id_shadow-8">
<input type="hidden" name="alignment-8" value="18" class="alignment" id="id_alignment-8">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-8-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-8-back"></textarea>
<input type="hidden" name="img-8-back" class="img" id="id_img-8-back">
<input type="hidden" name="background-8-back" class="cell-background color-picker" id="id_background-8-back">
<input type="hidden" name="foreground-8-back" class="cell-foreground color-picker" id="id_foreground-8-back">
<input type="hidden" name="shadow-8-back" class="cell-shadow color-picker" id="id_shadow-8-back">
<input type="hidden" name="alignment-8-back" value="18" class="alignment" id="id_alignment-8-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-9" cols="40" rows="10" style="" class="has-image" id="id_word-9"></textarea>
<input type="hidden" name="img-9" class="img" id="id_img-9">
<input type="hidden" name="background-9" class="cell-background color-picker" id="id_background-9">
<input type="hidden" name="foreground-9" class="cell-foreground color-picker" id="id_foreground-9">
<input type="hidden" name="shadow-9" class="cell-shadow color-picker" id="id_shadow-9">
<input type="hidden" name="alignment-9" value="18" class="alignment" id="id_alignment-9">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-9-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-9-back"></textarea>
<input type="hidden" name="img-9-back" class="img" id="id_img-9-back">
<input type="hidden" name="background-9-back" class="cell-background color-picker" id="id_background-9-back">
<input type="hidden" name="foreground-9-back" class="cell-foreground color-picker" id="id_foreground-9-back">
<input type="hidden" name="shadow-9-back" class="cell-shadow color-picker" id="id_shadow-9-back">
<input type="hidden" name="alignment-9-back" value="18" class="alignment" id="id_alignment-9-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-10" cols="40" rows="10" style="" class="has-image" id="id_word-10"></textarea>
<input type="hidden" name="img-10" class="img" id="id_img-10">
<input type="hidden" name="background-10" class="cell-background color-picker" id="id_background-10">
<input type="hidden" name="foreground-10" class="cell-foreground color-picker" id="id_foreground-10">
<input type="hidden" name="shadow-10" class="cell-shadow color-picker" id="id_shadow-10">
<input type="hidden" name="alignment-10" value="18" class="alignment" id="id_alignment-10">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-10-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-10-back"></textarea>
<input type="hidden" name="img-10-back" class="img" id="id_img-10-back">
<input type="hidden" name="background-10-back" class="cell-background color-picker" id="id_background-10-back">
<input type="hidden" name="foreground-10-back" class="cell-foreground color-picker" id="id_foreground-10-back">
<input type="hidden" name="shadow-10-back" class="cell-shadow color-picker" id="id_shadow-10-back">
<input type="hidden" name="alignment-10-back" value="18" class="alignment" id="id_alignment-10-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-11" cols="40" rows="10" style="" class="has-image" id="id_word-11"></textarea>
<input type="hidden" name="img-11" class="img" id="id_img-11">
<input type="hidden" name="background-11" class="cell-background color-picker" id="id_background-11">
<input type="hidden" name="foreground-11" class="cell-foreground color-picker" id="id_foreground-11">
<input type="hidden" name="shadow-11" class="cell-shadow color-picker" id="id_shadow-11">
<input type="hidden" name="alignment-11" value="18" class="alignment" id="id_alignment-11">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-11-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-11-back"></textarea>
<input type="hidden" name="img-11-back" class="img" id="id_img-11-back">
<input type="hidden" name="background-11-back" class="cell-background color-picker" id="id_background-11-back">
<input type="hidden" name="foreground-11-back" class="cell-foreground color-picker" id="id_foreground-11-back">
<input type="hidden" name="shadow-11-back" class="cell-shadow color-picker" id="id_shadow-11-back">
<input type="hidden" name="alignment-11-back" value="18" class="alignment" id="id_alignment-11-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-12" cols="40" rows="10" style="padding-top: 27.5px; font-size: 32px; text-align: center;" class="has-image" id="id_word-12">Free!</textarea>
<input type="hidden" name="img-12" class="img" id="id_img-12">
<input type="hidden" name="background-12" class="cell-background color-picker" id="id_background-12">
<input type="hidden" name="foreground-12" class="cell-foreground color-picker" id="id_foreground-12">
<input type="hidden" name="shadow-12" class="cell-shadow color-picker" id="id_shadow-12">
<input type="hidden" name="alignment-12" value="18" class="alignment" id="id_alignment-12">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-12-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-12-back"></textarea>
<input type="hidden" name="img-12-back" class="img" id="id_img-12-back">
<input type="hidden" name="background-12-back" class="cell-background color-picker" id="id_background-12-back">
<input type="hidden" name="foreground-12-back" class="cell-foreground color-picker" id="id_foreground-12-back">
<input type="hidden" name="shadow-12-back" class="cell-shadow color-picker" id="id_shadow-12-back">
<input type="hidden" name="alignment-12-back" value="18" class="alignment" id="id_alignment-12-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-13" cols="40" rows="10" style="" class="has-image" id="id_word-13"></textarea>
<input type="hidden" name="img-13" class="img" id="id_img-13">
<input type="hidden" name="background-13" class="cell-background color-picker" id="id_background-13">
<input type="hidden" name="foreground-13" class="cell-foreground color-picker" id="id_foreground-13">
<input type="hidden" name="shadow-13" class="cell-shadow color-picker" id="id_shadow-13">
<input type="hidden" name="alignment-13" value="18" class="alignment" id="id_alignment-13">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-13-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-13-back"></textarea>
<input type="hidden" name="img-13-back" class="img" id="id_img-13-back">
<input type="hidden" name="background-13-back" class="cell-background color-picker" id="id_background-13-back">
<input type="hidden" name="foreground-13-back" class="cell-foreground color-picker" id="id_foreground-13-back">
<input type="hidden" name="shadow-13-back" class="cell-shadow color-picker" id="id_shadow-13-back">
<input type="hidden" name="alignment-13-back" value="18" class="alignment" id="id_alignment-13-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-14" cols="40" rows="10" style="" class="has-image" id="id_word-14"></textarea>
<input type="hidden" name="img-14" class="img" id="id_img-14">
<input type="hidden" name="background-14" class="cell-background color-picker" id="id_background-14">
<input type="hidden" name="foreground-14" class="cell-foreground color-picker" id="id_foreground-14">
<input type="hidden" name="shadow-14" class="cell-shadow color-picker" id="id_shadow-14">
<input type="hidden" name="alignment-14" value="18" class="alignment" id="id_alignment-14">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-14-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-14-back"></textarea>
<input type="hidden" name="img-14-back" class="img" id="id_img-14-back">
<input type="hidden" name="background-14-back" class="cell-background color-picker" id="id_background-14-back">
<input type="hidden" name="foreground-14-back" class="cell-foreground color-picker" id="id_foreground-14-back">
<input type="hidden" name="shadow-14-back" class="cell-shadow color-picker" id="id_shadow-14-back">
<input type="hidden" name="alignment-14-back" value="18" class="alignment" id="id_alignment-14-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-15" cols="40" rows="10" style="" class="has-image" id="id_word-15"></textarea>
<input type="hidden" name="img-15" class="img" id="id_img-15">
<input type="hidden" name="background-15" class="cell-background color-picker" id="id_background-15">
<input type="hidden" name="foreground-15" class="cell-foreground color-picker" id="id_foreground-15">
<input type="hidden" name="shadow-15" class="cell-shadow color-picker" id="id_shadow-15">
<input type="hidden" name="alignment-15" value="18" class="alignment" id="id_alignment-15">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-15-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-15-back"></textarea>
<input type="hidden" name="img-15-back" class="img" id="id_img-15-back">
<input type="hidden" name="background-15-back" class="cell-background color-picker" id="id_background-15-back">
<input type="hidden" name="foreground-15-back" class="cell-foreground color-picker" id="id_foreground-15-back">
<input type="hidden" name="shadow-15-back" class="cell-shadow color-picker" id="id_shadow-15-back">
<input type="hidden" name="alignment-15-back" value="18" class="alignment" id="id_alignment-15-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-16" cols="40" rows="10" style="" class="has-image" id="id_word-16"></textarea>
<input type="hidden" name="img-16" class="img" id="id_img-16">
<input type="hidden" name="background-16" class="cell-background color-picker" id="id_background-16">
<input type="hidden" name="foreground-16" class="cell-foreground color-picker" id="id_foreground-16">
<input type="hidden" name="shadow-16" class="cell-shadow color-picker" id="id_shadow-16">
<input type="hidden" name="alignment-16" value="18" class="alignment" id="id_alignment-16">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-16-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-16-back"></textarea>
<input type="hidden" name="img-16-back" class="img" id="id_img-16-back">
<input type="hidden" name="background-16-back" class="cell-background color-picker" id="id_background-16-back">
<input type="hidden" name="foreground-16-back" class="cell-foreground color-picker" id="id_foreground-16-back">
<input type="hidden" name="shadow-16-back" class="cell-shadow color-picker" id="id_shadow-16-back">
<input type="hidden" name="alignment-16-back" value="18" class="alignment" id="id_alignment-16-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-17" cols="40" rows="10" style="" class="has-image" id="id_word-17"></textarea>
<input type="hidden" name="img-17" class="img" id="id_img-17">
<input type="hidden" name="background-17" class="cell-background color-picker" id="id_background-17">
<input type="hidden" name="foreground-17" class="cell-foreground color-picker" id="id_foreground-17">
<input type="hidden" name="shadow-17" class="cell-shadow color-picker" id="id_shadow-17">
<input type="hidden" name="alignment-17" value="18" class="alignment" id="id_alignment-17">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-17-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-17-back"></textarea>
<input type="hidden" name="img-17-back" class="img" id="id_img-17-back">
<input type="hidden" name="background-17-back" class="cell-background color-picker" id="id_background-17-back">
<input type="hidden" name="foreground-17-back" class="cell-foreground color-picker" id="id_foreground-17-back">
<input type="hidden" name="shadow-17-back" class="cell-shadow color-picker" id="id_shadow-17-back">
<input type="hidden" name="alignment-17-back" value="18" class="alignment" id="id_alignment-17-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-18" cols="40" rows="10" style="" class="has-image" id="id_word-18"></textarea>
<input type="hidden" name="img-18" class="img" id="id_img-18">
<input type="hidden" name="background-18" class="cell-background color-picker" id="id_background-18">
<input type="hidden" name="foreground-18" class="cell-foreground color-picker" id="id_foreground-18">
<input type="hidden" name="shadow-18" class="cell-shadow color-picker" id="id_shadow-18">
<input type="hidden" name="alignment-18" value="18" class="alignment" id="id_alignment-18">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-18-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-18-back"></textarea>
<input type="hidden" name="img-18-back" class="img" id="id_img-18-back">
<input type="hidden" name="background-18-back" class="cell-background color-picker" id="id_background-18-back">
<input type="hidden" name="foreground-18-back" class="cell-foreground color-picker" id="id_foreground-18-back">
<input type="hidden" name="shadow-18-back" class="cell-shadow color-picker" id="id_shadow-18-back">
<input type="hidden" name="alignment-18-back" value="18" class="alignment" id="id_alignment-18-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-19" cols="40" rows="10" style="" class="has-image" id="id_word-19"></textarea>
<input type="hidden" name="img-19" class="img" id="id_img-19">
<input type="hidden" name="background-19" class="cell-background color-picker" id="id_background-19">
<input type="hidden" name="foreground-19" class="cell-foreground color-picker" id="id_foreground-19">
<input type="hidden" name="shadow-19" class="cell-shadow color-picker" id="id_shadow-19">
<input type="hidden" name="alignment-19" value="18" class="alignment" id="id_alignment-19">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-19-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-19-back"></textarea>
<input type="hidden" name="img-19-back" class="img" id="id_img-19-back">
<input type="hidden" name="background-19-back" class="cell-background color-picker" id="id_background-19-back">
<input type="hidden" name="foreground-19-back" class="cell-foreground color-picker" id="id_foreground-19-back">
<input type="hidden" name="shadow-19-back" class="cell-shadow color-picker" id="id_shadow-19-back">
<input type="hidden" name="alignment-19-back" value="18" class="alignment" id="id_alignment-19-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-20" cols="40" rows="10" style="" class="has-image" id="id_word-20"></textarea>
<input type="hidden" name="img-20" class="img" id="id_img-20">
<input type="hidden" name="background-20" class="cell-background color-picker" id="id_background-20">
<input type="hidden" name="foreground-20" class="cell-foreground color-picker" id="id_foreground-20">
<input type="hidden" name="shadow-20" class="cell-shadow color-picker" id="id_shadow-20">
<input type="hidden" name="alignment-20" value="18" class="alignment" id="id_alignment-20">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-20-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-20-back"></textarea>
<input type="hidden" name="img-20-back" class="img" id="id_img-20-back">
<input type="hidden" name="background-20-back" class="cell-background color-picker" id="id_background-20-back">
<input type="hidden" name="foreground-20-back" class="cell-foreground color-picker" id="id_foreground-20-back">
<input type="hidden" name="shadow-20-back" class="cell-shadow color-picker" id="id_shadow-20-back">
<input type="hidden" name="alignment-20-back" value="18" class="alignment" id="id_alignment-20-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-21" cols="40" rows="10" style="" class="has-image" id="id_word-21"></textarea>
<input type="hidden" name="img-21" class="img" id="id_img-21">
<input type="hidden" name="background-21" class="cell-background color-picker" id="id_background-21">
<input type="hidden" name="foreground-21" class="cell-foreground color-picker" id="id_foreground-21">
<input type="hidden" name="shadow-21" class="cell-shadow color-picker" id="id_shadow-21">
<input type="hidden" name="alignment-21" value="18" class="alignment" id="id_alignment-21">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-21-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-21-back"></textarea>
<input type="hidden" name="img-21-back" class="img" id="id_img-21-back">
<input type="hidden" name="background-21-back" class="cell-background color-picker" id="id_background-21-back">
<input type="hidden" name="foreground-21-back" class="cell-foreground color-picker" id="id_foreground-21-back">
<input type="hidden" name="shadow-21-back" class="cell-shadow color-picker" id="id_shadow-21-back">
<input type="hidden" name="alignment-21-back" value="18" class="alignment" id="id_alignment-21-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-22" cols="40" rows="10" style="" class="has-image" id="id_word-22"></textarea>
<input type="hidden" name="img-22" class="img" id="id_img-22">
<input type="hidden" name="background-22" class="cell-background color-picker" id="id_background-22">
<input type="hidden" name="foreground-22" class="cell-foreground color-picker" id="id_foreground-22">
<input type="hidden" name="shadow-22" class="cell-shadow color-picker" id="id_shadow-22">
<input type="hidden" name="alignment-22" value="18" class="alignment" id="id_alignment-22">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-22-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-22-back"></textarea>
<input type="hidden" name="img-22-back" class="img" id="id_img-22-back">
<input type="hidden" name="background-22-back" class="cell-background color-picker" id="id_background-22-back">
<input type="hidden" name="foreground-22-back" class="cell-foreground color-picker" id="id_foreground-22-back">
<input type="hidden" name="shadow-22-back" class="cell-shadow color-picker" id="id_shadow-22-back">
<input type="hidden" name="alignment-22-back" value="18" class="alignment" id="id_alignment-22-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-23" cols="40" rows="10" style="" class="has-image" id="id_word-23"></textarea>
<input type="hidden" name="img-23" class="img" id="id_img-23">
<input type="hidden" name="background-23" class="cell-background color-picker" id="id_background-23">
<input type="hidden" name="foreground-23" class="cell-foreground color-picker" id="id_foreground-23">
<input type="hidden" name="shadow-23" class="cell-shadow color-picker" id="id_shadow-23">
<input type="hidden" name="alignment-23" value="18" class="alignment" id="id_alignment-23">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-23-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-23-back"></textarea>
<input type="hidden" name="img-23-back" class="img" id="id_img-23-back">
<input type="hidden" name="background-23-back" class="cell-background color-picker" id="id_background-23-back">
<input type="hidden" name="foreground-23-back" class="cell-foreground color-picker" id="id_foreground-23-back">
<input type="hidden" name="shadow-23-back" class="cell-shadow color-picker" id="id_shadow-23-back">
<input type="hidden" name="alignment-23-back" value="18" class="alignment" id="id_alignment-23-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-24" cols="40" rows="10" style="" class="has-image" id="id_word-24"></textarea>
<input type="hidden" name="img-24" class="img" id="id_img-24">
<input type="hidden" name="background-24" class="cell-background color-picker" id="id_background-24">
<input type="hidden" name="foreground-24" class="cell-foreground color-picker" id="id_foreground-24">
<input type="hidden" name="shadow-24" class="cell-shadow color-picker" id="id_shadow-24">
<input type="hidden" name="alignment-24" value="18" class="alignment" id="id_alignment-24">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-24-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="id_word-24-back"></textarea>
<input type="hidden" name="img-24-back" class="img" id="id_img-24-back">
<input type="hidden" name="background-24-back" class="cell-background color-picker" id="id_background-24-back">
<input type="hidden" name="foreground-24-back" class="cell-foreground color-picker" id="id_foreground-24-back">
<input type="hidden" name="shadow-24-back" class="cell-shadow color-picker" id="id_shadow-24-back">
<input type="hidden" name="alignment-24-back" value="18" class="alignment" id="id_alignment-24-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
</div>
</div>
<div id="more-options">
<div style="display: flex; margin-right: 20px; visibility: visible;" id="has-free-space">
<input type="checkbox" name="has_free_space" id="id_has_free_space" checked=""> <label for="id_has_free_space" style="margin-top:0; margin-left:2px"> The center square is the free space</label>
</div>
<div style="display:flex">
<input type="checkbox" name="has_column_affinity" id="id_has_column_affinity">
<label for="id_has_column_affinity" style="margin-top:0; margin-left:2px;"> <acronym
title="By default, Bingo Baker will randomly scatter your items across all the columns. If you want to scatter your items within their column only (like in traditional bingo), check this box. When you generate your cards, the call list will include the column name (e.g. I-Tornado, B-Hurricane, G-Climate)">Shuffle
items <em>only</em> within their column</acronym></label>
</div>
</div>
<div id="color-options">
<div class="splotch">
<div aria-label="Card background color" tabindex="0" role="button" id="picker-card-background" class="splotch-color" style="background-color: rgb(255, 255, 255);">
<input type="hidden" name="background_color" value="#ffffffff" class=" color-picker" id="id_background_color">
</div>
<div class="splotch-label">Background</div>
</div>
<div class="splotch">
<div id="picker-card-text" class="splotch-color" style="background-color: rgb(0, 0, 0);" aria-label="Card text color" tabindex="0" role="button">
<input type="hidden" name="foreground_color" value="#000000ff" class=" color-picker" id="id_foreground_color">
</div>
<div class="splotch-label">Text</div>
</div>
<div class="splotch">
<div id="picker-card-border" class="splotch-color" style="background-color: rgb(0, 0, 0);" tabindex="0" role="button" aria-label="Grid line color">
<input type="hidden" name="border_color" value="#000000ff" class=" color-picker" id="id_border_color">
</div>
<div class="splotch-label">Grid Lines</div>
</div>
<div style="align-self:center;">
<select name="border_width" aria-label="Border Width" id="id_border_width">
<option value="1" selected="">Thin</option>
<option value="3">Medium</option>
<option value="5">Thick</option>
</select>
<div class="splotch-label">Line Thickness</div>
</div>
</div>
<div class="extra-words">Extra Words/Images<br><span style="font-size:14px">(these will be mixed into your card above)</span></div>
<div class="card-wysiwyg" style="position: relative; margin-bottom: 0px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(0, 0, 0);">
<div class="card-boxes card-boxes-extra" id="card-boxes-extra">
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-25" cols="40" rows="10" style="" class="has-image" id="word-25"></textarea>
<input type="hidden" name="img-25" class="img" id="img-25" value="">
<input type="hidden" name="background-25" class="cell-background color-picker" id="background-25" value="">
<input type="hidden" name="foreground-25" class="cell-foreground color-picker" id="foreground-25" value="">
<input type="hidden" name="shadow-25" class="cell-shadow color-picker" id="shadow-25" value="">
<input type="hidden" name="alignment-25" value="" class="alignment" id="alignment-25">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-25-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="word-25-back"></textarea>
<input type="hidden" name="img-25-back" class="img" id="img-25-back" value="">
<input type="hidden" name="background-25-back" class="cell-background color-picker" id="background-25-back" value="">
<input type="hidden" name="foreground-25-back" class="cell-foreground color-picker" id="foreground-25-back" value="">
<input type="hidden" name="shadow-25-back" class="cell-shadow color-picker" id="shadow-25-back" value="">
<input type="hidden" name="alignment-25-back" value="" class="alignment" id="alignment-25-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-26" cols="40" rows="10" style="" class="has-image" id="word-26"></textarea>
<input type="hidden" name="img-26" class="img" id="img-26" value="">
<input type="hidden" name="background-26" class="cell-background color-picker" id="background-26" value="">
<input type="hidden" name="foreground-26" class="cell-foreground color-picker" id="foreground-26" value="">
<input type="hidden" name="shadow-26" class="cell-shadow color-picker" id="shadow-26" value="">
<input type="hidden" name="alignment-26" value="" class="alignment" id="alignment-26">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-26-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="word-26-back"></textarea>
<input type="hidden" name="img-26-back" class="img" id="img-26-back" value="">
<input type="hidden" name="background-26-back" class="cell-background color-picker" id="background-26-back" value="">
<input type="hidden" name="foreground-26-back" class="cell-foreground color-picker" id="foreground-26-back" value="">
<input type="hidden" name="shadow-26-back" class="cell-shadow color-picker" id="shadow-26-back" value="">
<input type="hidden" name="alignment-26-back" value="" class="alignment" id="alignment-26-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-27" cols="40" rows="10" style="" class="has-image" id="word-27"></textarea>
<input type="hidden" name="img-27" class="img" id="img-27" value="">
<input type="hidden" name="background-27" class="cell-background color-picker" id="background-27" value="">
<input type="hidden" name="foreground-27" class="cell-foreground color-picker" id="foreground-27" value="">
<input type="hidden" name="shadow-27" class="cell-shadow color-picker" id="shadow-27" value="">
<input type="hidden" name="alignment-27" value="" class="alignment" id="alignment-27">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-27-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="word-27-back"></textarea>
<input type="hidden" name="img-27-back" class="img" id="img-27-back" value="">
<input type="hidden" name="background-27-back" class="cell-background color-picker" id="background-27-back" value="">
<input type="hidden" name="foreground-27-back" class="cell-foreground color-picker" id="foreground-27-back" value="">
<input type="hidden" name="shadow-27-back" class="cell-shadow color-picker" id="shadow-27-back" value="">
<input type="hidden" name="alignment-27-back" value="" class="alignment" id="alignment-27-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-28" cols="40" rows="10" style="" class="has-image" id="word-28"></textarea>
<input type="hidden" name="img-28" class="img" id="img-28" value="">
<input type="hidden" name="background-28" class="cell-background color-picker" id="background-28" value="">
<input type="hidden" name="foreground-28" class="cell-foreground color-picker" id="foreground-28" value="">
<input type="hidden" name="shadow-28" class="cell-shadow color-picker" id="shadow-28" value="">
<input type="hidden" name="alignment-28" value="" class="alignment" id="alignment-28">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-28-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="word-28-back"></textarea>
<input type="hidden" name="img-28-back" class="img" id="img-28-back" value="">
<input type="hidden" name="background-28-back" class="cell-background color-picker" id="background-28-back" value="">
<input type="hidden" name="foreground-28-back" class="cell-foreground color-picker" id="foreground-28-back" value="">
<input type="hidden" name="shadow-28-back" class="cell-shadow color-picker" id="shadow-28-back" value="">
<input type="hidden" name="alignment-28-back" value="" class="alignment" id="alignment-28-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
<div class="card-box-cell flipper" style="display: block;">
<div class="card-box-cell-height"></div>
<div class="card-box-cell-inner front card-box-cell-fields active-cell-side">
<textarea name="word-29" cols="40" rows="10" style="" class="has-image" id="word-29"></textarea>
<input type="hidden" name="img-29" class="img" id="img-29" value="">
<input type="hidden" name="background-29" class="cell-background color-picker" id="background-29" value="">
<input type="hidden" name="foreground-29" class="cell-foreground color-picker" id="foreground-29" value="">
<input type="hidden" name="shadow-29" class="cell-shadow color-picker" id="shadow-29" value="">
<input type="hidden" name="alignment-29" value="" class="alignment" id="alignment-29">
<div tabindex="-1" role="button" aria-label="Flip to back" class="flipper-tooltip"></div>
</div>
<div class="back card-box-cell-fields">
<textarea name="word-29-back" cols="40" rows="10" style="" class="has-image" tabindex="-1" id="word-29-back"></textarea>
<input type="hidden" name="img-29-back" class="img" id="img-29-back" value="">
<input type="hidden" name="background-29-back" class="cell-background color-picker" id="background-29-back" value="">
<input type="hidden" name="foreground-29-back" class="cell-foreground color-picker" id="foreground-29-back" value="">
<input type="hidden" name="shadow-29-back" class="cell-shadow color-picker" id="shadow-29-back" value="">
<input type="hidden" name="alignment-29-back" value="" class="alignment" id="alignment-29-back">
<div tabindex="-1" role="button" aria-label="Flip to front" class="flipper-tooltip"></div>
<div class="back-tooltip">Back</div>
</div>
</div>
</div>
</div>
<div style="display:flex; justify-content:space-between; margin:5px 0px 5px 20px;">
<div class="card-boxes-extra-adder" role="button" tabindex="0"> Add More </div>
<div style=""><a href="#" id="more-link"><strong>Paste in a list of words</strong></a></div>
</div>
<div id="more">
<p style="margin-bottom:0; margin-top:0;"><strong>One item per line</strong></p>
<textarea name="extra_words" cols="40" rows="10" id="id_extra_words"></textarea>
</div>
<div id="privacy" style="margin-top:20px">
<h3>Privacy Options</h3>
<div style="margin-top:10px">
<label for="id_visibility_0"><input type="radio" name="visibility" value="1" id="id_visibility_0" required="" checked="">
<div><strong>Public</strong><br>Anyone can view your card. It will be indexed in search engines so other people can find and use it.</div>
</label>
<label for="id_visibility_1"><input type="radio" name="visibility" value="2" id="id_visibility_1" required="">
<div><strong>Hidden</strong><br>Only people who know the URL can access your card, and it will <strong>not</strong> be indexed by search engines.</div>
</label>
<label for="id_visibility_2"><input type="radio" name="visibility" value="4" id="id_visibility_2" required="">
<div><strong>Private</strong><br>Only you can access the card.</div>
</label>
</div>
</div>
<input type="hidden" name="country" id="id_country" value="2">
<script>
document.getElementById("id_country").value = 2;
</script>
<button type="submit" name="submit" id="submit" class="submit">Generate</button>
</div>
</form>Text Content
Bingo Card Generator Bingo Cards Help Login/Sign Up Find and customize one of the millions of ready-made bingo cards, or use the simple bingo card generator to create your own. Then print as many cards as you need. You can even play virtual bingo using a computer, smartphone or tablet. It's fast and easy. Find Cards Create your own bingo card from scratch BINGO CARD GENERATOR Instructions: Enter your bingo card title, choose a size, and type your words into the squares. You can drag-and-drop images into the squares and customize the color scheme. To generate your bingo cards, cilck the "Generate" button. Afterwards, you can print your bingo cards, or play a virtual bingo game. FEATURES * New! For question/answer-style bingo, flip over the square to enter a question/clue (which will appear on the call list) * Drag and drop images from your computer to liven up your card * Print 10 bingo cards or 10,000 with 1, 2 or 4 bingo cards per page * Play virtual bingo from a computer, tablet or smartphone * Use the automatically generated random call list to conduct your game * Decide if you want to fix your words/images to a single column (like in traditional bingo), or shuffle them across the entire card. * Customize the size of your card with 5x5, 4x4 and 3x3 grids * Add as many words/images as you want * Choose whether you want a free space or not * Calculate the probability of someone winning your bingo game after a certain number of calls Drag-n-drop an image from your computer into a square 7x7 6x6 5x5 4x4 3x3 Back Back Back Back Back Back Back Back Back Back Back Back Free! Back Back Back Back Back Back Back Back Back Back Back Back Back The center square is the free space Shuffle items only within their column Background Text Grid Lines Thin Medium Thick Line Thickness Extra Words/Images (these will be mixed into your card above) Back Back Back Back Back Add More Paste in a list of words One item per line PRIVACY OPTIONS Public Anyone can view your card. It will be indexed in search engines so other people can find and use it. Hidden Only people who know the URL can access your card, and it will not be indexed by search engines. Private Only you can access the card. Generate A A T T T HOW DO I GENERATE BINGO CARDS? Enter the bingo title, select the size of your bingo card grid, and type your items into the squares. Whatever items you enter into the squares will be shuffled around when the bingo cards are generated. You can add numbers (like in traditional bingo), words, phrases, or pictures to your card. You can also customize the colors of the squares, and the bingo card itself. Tip: You can put text and an image into a square. Use the text shadow to make the text "pop" against the background image. You can also change the vertical alignment of the text in the square so it does not cover the important parts of the image. If your center square is the free space (and should not be shuffled around the card), make sure you check the "The center square is the free space" checkbox. Only 5x5 and 3x3 have a free space. By default, when your cards are generated, the items are shuffled over the entire card. In traditional bingo, items are fixed to a certain column (and only shuffled within their respective column). To enable that, check the "Shuffle items only within their column" checkbox. HOW DOES QUESTION/ANSWER-STYLE BINGO WORK? When you create your card, you can flip over a square to enter a clue/question. Whatever you enter on the back of your square will appear in the call list for your bingo game. For example, to help kids learn animal words, you might put the word "Bear" on the front of the square, and a picture of the bear on the back. When you play the game, the image of the bear will appear in the call list for your students to see. If they recognize the literal word "Bear" on their card, they would mark it. You can use question/answer-style bingo to quiz players about anything! HOW MANY BINGO CARDS CAN I GENERATE? A 5x5 bingo card can generate 15511210043330985984000000 unique cards. A 3x3 bingo card can produce only 362880 bingo cards. Cards are randomly generated, so the probability of getting a duplicate is infinitesimal on a 5x5 card. HOW DO I PRINT BINGO CARDS? After generating bingo cards or finding an existing bingo card, enter the number of cards you want to print, and select how many cards you want to print per page. You can print 1, 2 or 4 cards per page. Make sure you switch to landscape print mode on your printer to print 2 cards per page. HOW DO I PLAY VIRTUAL BINGO? To play a virtual bingo game, simply send your players the bingo card URL. They can generate a virtual bingo card instantly. Here are more detailed instructions to play virtual bingo. HOW DO I CALL ITEMS? A call sheet is included with your bingo game. Simply read the items off in the order you see them. You can also print the call sheet, cut it out, and pull the items from a hat. HOW MANY ITEMS SHOULD I PUT ON MY BINGO CARD? You should at least fill the entire bingo card grid. A traditional number bingo card has 75 items. You can add up to 350 squares to your card. I NEED MORE HELP See the help page. But I strongly recommend you just play around. It's bingo. You won't break anything. Bingo Card Generator Bingo Cards Help Legal Login/Sign Up Free!