<!-- BEGIN app snippet: product-customizer --><div class="product-customizer-options" data-product-id="9606836879600" data-product-price="28000" 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 option-required" data-option-id="622939" data-product-option-id="17161634" data-option-name="name-1" ><label for="9606836879600_option_1">Name 1</label>
<div><input type="text" id="9606836879600_option_1" name="properties[Name 1]" maxlength="50"
placeholder="Example: Ahmad bin Ali" required="required"/>
</div>
</div><div class="product-customizer-option option-type-text " data-option-id="818550" data-product-option-id="17161637" data-option-name="name-2" ><label for="9606836879600_option_2">Name 2</label>
<div><input type="text" id="9606836879600_option_2" name="properties[Name 2]" maxlength="50"
placeholder="Example: Ahmad Bin Ali" />
</div>
</div><div class="product-customizer-option option-type-text " data-option-id="818551" data-product-option-id="17161638" data-option-name="name-3" ><label for="9606836879600_option_3">Name 3</label>
<div><input type="text" id="9606836879600_option_3" name="properties[Name 3]" maxlength="50"
placeholder="Example: Ahmad Bin Ali" />
</div>
</div></div>
</div>
<!-- END app snippet -->
