<!-- BEGIN app snippet: product-customizer --><div class="product-customizer-options" data-product-id="8846712197" data-product-price="250" data-version="2.0.0">
<div class="product-customizer-loading" style="display: none;" >
Loading Your Options<br />
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(255, 255, 255); display: block; shape-rendering: auto;" width="30px" height="30px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<circle cx="50" cy="50" r="32" stroke-width="8" stroke="#f5323f" stroke-dasharray="50.26548245743669 50.26548245743669" fill="none" stroke-linecap="round">
<animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" keyTimes="0;1" values="0 50 50;360 50 50"></animateTransform>
</circle>
</svg>
</div>
<div class="product-customizer-content" ><div class="product-customizer-option option-type-text " data-option-id="39007" data-product-option-id="2265784" data-option-name="school-name" ><label for="8846712197_option_1">School Name</label>
<div><input type="text" id="8846712197_option_1" name="properties[School Name]" maxlength="" placeholder="" /></div>
</div><div class="product-customizer-option option-type-text option-required" data-option-id="38973" data-product-option-id="2265785" data-option-name="date" ><label for="8846712197_option_2">Date</label>
<div><input type="text" id="8846712197_option_2" name="properties[Date]" maxlength="" placeholder="" required="required"/></div>
</div></div>
</div>
<!-- END app snippet -->
