o2o.to
Open in
urlscan Pro
188.114.97.3
Public Scan
Submitted URL: http://o2o.to/
Effective URL: https://o2o.to/
Submission: On November 19 via manual from SI — Scanned from NL
Effective URL: https://o2o.to/
Submission: On November 19 via manual from SI — Scanned from NL
Form analysis 12 forms found in the DOM
POST https://qrcodesunlimited.com/qr/client/qr_codes
<form data-controller="submit-on-change" action="https://qrcodesunlimited.com/qr/client/qr_codes" accept-charset="UTF-8" method="post">
<input type="hidden" name="target_type" id="target_type" value="url" autocomplete="off">
<div aria-labelledby="tab_url" class="target-pane fade show" id="url" role="tabpanel"><textarea name="target_url" id="target_url" rows="6" class="form-control" autofocus="autofocus" placeholder="Enter your website URL or text here"
data-action="input->submit-on-change#textHandle"></textarea></div>
<div aria-labelledby="tab_qr_text" class="target-pane fade" id="qr_text" role="tabpanel"><textarea name="target_qr_text" id="target_qr_text" rows="6" class="form-control home-url" placeholder="Enter text here"
data-action="input->submit-on-change#textHandle"></textarea></div>
<div aria-labelledby="tab_pdf" class="target-pane fade" id="pdf" role="tabpanel">
<div class="home-block">
<div class="mb-3">Upload your menu, brochure, catalog, ebook, or any other PDF files.</div>
<div class="text-center">
<div class="js-dropzone row text-center dz-dropzone dz-dropzone-card dz-clickable" data-controller="upload-file"
data-upload-file-url-value="/qr/shared/uploads?qr=000000000000&shop=1162269790&token=a226e873c3d80f2854849f1643bc5210330f02f7&ts=1732017446"
data-upload-file-remove-url-value="/qr/shared/uploads/remove?qr=000000000000&shop=1162269790&token=a226e873c3d80f2854849f1643bc5210330f02f7&ts=1732017446" data-upload-file-form-value="landing-form"
data-upload-file-type-value="pdf">
<div class="dz-message">
<p class="title mb-2">Drag and drop your file here</p>
<p class="mb-2 d-none d-md-block">or</p>
<span class="btn btn-white btn-sm">Browse files</span>
</div>
</div>
</div>
</div>
</div>
<div aria-labelledby="tab_images" class="target-pane fade" id="images" role="tabpanel">
<div class="home-block">
<div class="mb-3">Share a series of images about your products, company or events.</div>
<div class="text-center">
<div class="js-dropzone row text-center dz-dropzone dz-dropzone-card dz-clickable" data-controller="upload-file"
data-upload-file-url-value="/qr/shared/uploads?qr=000000000000&shop=1162269790&token=a226e873c3d80f2854849f1643bc5210330f02f7&ts=1732017446"
data-upload-file-remove-url-value="/qr/shared/uploads/remove?qr=000000000000&shop=1162269790&token=a226e873c3d80f2854849f1643bc5210330f02f7&ts=1732017446" data-upload-file-form-value="landing-form"
data-upload-file-type-value="image">
<div class="dz-message">
<p class="title mb-2">Drag and drop your file here</p>
<p class="mb-2 d-none d-md-block">or</p>
<span class="btn btn-white btn-sm">Browse files</span>
</div>
</div>
</div>
</div>
</div>
<div aria-labelledby="tab_vcard" class="target-pane fade" id="vcard" role="tabpanel">
<div class="home-block">
<div class="row form-group"><label class="col-sm-2 col-form-label col-form-label-sm input-label">Name</label>
<div class="col-sm-10">
<div class="row">
<div class="col-sm-6"><input placeholder="First Name" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[first_name]" id="vcard_first_name"></div>
<div class="col-sm-6 mt-2 mt-md-0"><input placeholder="Last Name" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[last_name]" id="vcard_last_name"></div>
</div>
</div>
</div>
<div class="row form-group"><label class="col-sm-2 col-form-label col-form-label-sm input-label">Contact</label>
<div class="col-sm-10">
<div class="row">
<div class="col-sm-12"><input placeholder="Email" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[email]" id="vcard_email"></div>
</div>
<div class="row mt-2">
<div class="col-sm-6"><input placeholder="Phone (Home)" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[phone]" id="vcard_phone"></div>
<div class="col-sm-6 mt-2 mt-md-0"><input placeholder="Phone (Work)" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[work_phone]" id="vcard_work_phone"></div>
</div>
<div class="row mt-2">
<div class="col-sm-6"><input placeholder="Mobile" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[mobile]" id="vcard_mobile"></div>
<div class="col-sm-6 mt-2 mt-md-0"><input placeholder="Fax" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[fax]" id="vcard_fax"></div>
</div>
</div>
</div>
<div class="row form-group"><label class="col-sm-2 col-form-label col-form-label-sm input-label">Company</label>
<div class="col-sm-10">
<div class="row">
<div class="col-sm-6"><input placeholder="Name" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[company]" id="vcard_company"></div>
<div class="col-sm-6 mt-2 mt-md-0"><input placeholder="Job Title" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[job_title]" id="vcard_job_title"></div>
</div>
<div class="row mt-2">
<div class="col-sm-12"><input placeholder="Website" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[website]" id="vcard_website"></div>
</div>
</div>
</div>
<div class="row form-group"><label class="col-sm-2 col-form-label col-form-label-sm input-label">Address</label>
<div class="col-sm-10">
<div class="row">
<div class="col-sm-12"><input placeholder="Street, apartment, suite, etc." class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[street]" id="vcard_street"></div>
</div>
<div class="row mt-2">
<div class="col-sm-12"><input placeholder="City" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[city]" id="vcard_city"></div>
</div>
<div class="row mt-2">
<div class="col-sm-4"><input placeholder="State" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[state]" id="vcard_state"></div>
<div class="col-sm-4 mt-2 mt-md-0"><input placeholder="Country/region" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[country]" id="vcard_country"></div>
<div class="col-sm-4 mt-2 mt-md-0"><input placeholder="ZIP code" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[zipcode]" id="vcard_zipcode"></div>
</div>
</div>
</div>
<div class="row form-group"><label class="col-sm-2 col-form-label col-form-label-sm input-label">Photo</label>
<div class="col-sm-10"><input placeholder="Photo URL" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" type="text" name="vcard[photo]" id="vcard_photo">
<div class="mt-2" data-controller="upload-logo" data-upload-logo-field-value="vcard_photo_base64">
<div class="uploader btn btn-sm btn-white file-attachment-btn" style=""><i class="fa fa-upload mr-2"></i>Upload from local<input type="file" name="img_file" id="img_file" class="img_file js-file-attach file-attachment-btn-label"
data-action="submit-on-change#handle"><input autocomplete="off" type="hidden" name="vcard[photo_base64]" id="vcard_photo_base64"></div>
<div class="uploaded" style="display:none">
<div class="del-logo">
<div class="form-check radio-image">
<input class="custom-control-input delete-logo" data-action="submit-on-change#handle" type="radio" name="del[photo_base64]" id="del_photo_base64">
<label for="del_photo_base64" class="radio-image-label radio-image-label-del-photo_base64">
<i class="fa fa-times-circle"></i>
</label>
</div>
</div>
<div class="avatar avatar-xl avatar-circle"><img class="avatar-img" src=""></div>
</div>
</div>
</div>
</div>
<div class="row form-group mb-0"><label class="col-sm-2 col-form-label col-form-label-sm input-label">Note</label>
<div class="col-sm-10"><textarea placeholder="A short description of yourself" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" name="vcard[note]" id="vcard_note"></textarea></div>
</div>
</div>
</div>
<div aria-labelledby="tab_app" class="target-pane fade" id="app" role="tabpanel">
<div class="home-block">
<div><span class="font-size-1">URL for iOS</span><input placeholder="https://" class="form-control form-control-sm mt-2" data-action="input->submit-on-change#textHandle" type="text" name="campaign[target_url_ios]" id="campaign_target_url_ios">
</div>
<div class="mt-3"><span class="font-size-1">URL for Android</span><input placeholder="https://" class="form-control form-control-sm mt-2" data-action="input->submit-on-change#textHandle" type="text" name="campaign[target_url_android]"
id="campaign_target_url_android"></div>
</div>
</div>
<div data-controller="tab-active" data-tab-active-container-value="qr-targets-container" data-tab-active-tab-value="tab_url"></div>
</form>POST /qr/client/qr_codes
<form data-controller="submit-on-change" data-turbo-frame="qr_code_preview" action="/qr/client/qr_codes" accept-charset="UTF-8" method="post">
<div class="d-flex style-list img-selector mt-2">
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="4517239960" name="spec[public_style_template_id]" id="spec_public_style_template_id_4517239960">
<label for="spec_public_style_template_id_4517239960" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-1"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="7023641925" name="spec[public_style_template_id]" id="spec_public_style_template_id_7023641925">
<label for="spec_public_style_template_id_7023641925" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-2"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="2057964173" name="spec[public_style_template_id]" id="spec_public_style_template_id_2057964173">
<label for="spec_public_style_template_id_2057964173" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-3"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="5613409027" name="spec[public_style_template_id]" id="spec_public_style_template_id_5613409027">
<label for="spec_public_style_template_id_5613409027" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-4"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="3217430596" name="spec[public_style_template_id]" id="spec_public_style_template_id_3217430596">
<label for="spec_public_style_template_id_3217430596" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-5"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="9452013746" name="spec[public_style_template_id]" id="spec_public_style_template_id_9452013746">
<label for="spec_public_style_template_id_9452013746" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-6"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="1623475690" name="spec[public_style_template_id]" id="spec_public_style_template_id_1623475690">
<label for="spec_public_style_template_id_1623475690" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-7"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="6149150327" name="spec[public_style_template_id]" id="spec_public_style_template_id_6149150327">
<label for="spec_public_style_template_id_6149150327" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-8"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="2056964183" name="spec[public_style_template_id]" id="spec_public_style_template_id_2056964183">
<label for="spec_public_style_template_id_2056964183" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-9"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="3291656490" name="spec[public_style_template_id]" id="spec_public_style_template_id_3291656490">
<label for="spec_public_style_template_id_3291656490" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-10"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="6249150326" name="spec[public_style_template_id]" id="spec_public_style_template_id_6249150326">
<label for="spec_public_style_template_id_6249150326" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-11"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="1723465690" name="spec[public_style_template_id]" id="spec_public_style_template_id_1723465690">
<label for="spec_public_style_template_id_1723465690" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-12"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="4309606521" name="spec[public_style_template_id]" id="spec_public_style_template_id_4309606521">
<label for="spec_public_style_template_id_4309606521" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-13"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="9452013656" name="spec[public_style_template_id]" id="spec_public_style_template_id_9452013656">
<label for="spec_public_style_template_id_9452013656" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-14"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="6033641925" name="spec[public_style_template_id]" id="spec_public_style_template_id_6033641925">
<label for="spec_public_style_template_id_6033641925" class="radio-image-label radio-image-label-spec-public_style_template_id">
<div class="sprite sprite-template template-15"></div>
</label>
</div>
</div>
</form>POST /qr/client/qr_codes
<form data-controller="submit-on-change" data-turbo-frame="qr_code_preview" action="/qr/client/qr_codes" accept-charset="UTF-8" method="post">
<div class="mb-2 mt-4">
<div class="img-selector" data-controller="upload-logo" data-upload-logo-field-value="spec_logo_base64">
<div class="mb-3">
<div class="uploader btn btn-sm btn-white file-attachment-btn" style=""><i class="fa fa-upload mr-2"></i>Upload from local<input type="file" name="img_file" id="img_file" class="img_file js-file-attach file-attachment-btn-label"
data-action="submit-on-change#handle"><input autocomplete="off" type="hidden" name="spec[logo_base64]" id="spec_logo_base64"></div>
<div class="uploaded" style="display:none">
<div class="del-logo">
<div class="form-check radio-image">
<input class="custom-control-input delete-logo" data-action="submit-on-change#handle" type="radio" name="spec[qr_code_logo_id]" id="spec_qr_code_logo_id">
<label for="spec_qr_code_logo_id" class="radio-image-label radio-image-label-spec-qr_code_logo_id">
<i class="fa fa-times-circle"></i>
</label>
</div>
</div>
<div class="avatar"><img class="img-fluid" src=""></div>
</div>
</div>
<div class="d-flex" id="logo_list">
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="4517239960" name="spec[qr_code_logo_id]" id="spec_qr_code_logo_id_4517239960">
<label for="spec_qr_code_logo_id_4517239960" class="radio-image-label radio-image-label-spec-qr_code_logo_id">
<div class="sprite sprite-logo logo-1"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="7023641925" name="spec[qr_code_logo_id]" id="spec_qr_code_logo_id_7023641925">
<label for="spec_qr_code_logo_id_7023641925" class="radio-image-label radio-image-label-spec-qr_code_logo_id">
<div class="sprite sprite-logo logo-2"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="2057964173" name="spec[qr_code_logo_id]" id="spec_qr_code_logo_id_2057964173">
<label for="spec_qr_code_logo_id_2057964173" class="radio-image-label radio-image-label-spec-qr_code_logo_id">
<div class="sprite sprite-logo logo-3"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="5613409027" name="spec[qr_code_logo_id]" id="spec_qr_code_logo_id_5613409027">
<label for="spec_qr_code_logo_id_5613409027" class="radio-image-label radio-image-label-spec-qr_code_logo_id">
<div class="sprite sprite-logo logo-4"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="657513294" name="spec[qr_code_logo_id]" id="spec_qr_code_logo_id_657513294">
<label for="spec_qr_code_logo_id_657513294" class="radio-image-label radio-image-label-spec-qr_code_logo_id">
<div class="sprite sprite-logo logo-5"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="3217430596" name="spec[qr_code_logo_id]" id="spec_qr_code_logo_id_3217430596">
<label for="spec_qr_code_logo_id_3217430596" class="radio-image-label radio-image-label-spec-qr_code_logo_id">
<div class="sprite sprite-logo logo-6"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="9452013746" name="spec[qr_code_logo_id]" id="spec_qr_code_logo_id_9452013746">
<label for="spec_qr_code_logo_id_9452013746" class="radio-image-label radio-image-label-spec-qr_code_logo_id">
<div class="sprite sprite-logo logo-7"></div>
</label>
</div>
</div>
</div>
</div>
<div class="row"><label class="col-sm-3 col-form-label col-form-label-sm input-label">Shape</label>
<div class="col-sm-9">
<div class="form-group form-group-inside">
<div class="form-check form-check-inline">
<div class="custom-control custom-radio">
<input class="custom-control-input" data-action="submit-on-change#handle" type="radio" value="square" checked="checked" name="spec[logo_bg_shape]" id="spec_logo_bg_shape_square">
<label class="custom-control-label d-block" for="spec_logo_bg_shape_square"> Square </label>
</div>
</div>
<div class="form-check form-check-inline">
<div class="custom-control custom-radio">
<input class="custom-control-input" data-action="submit-on-change#handle" type="radio" value="circle" name="spec[logo_bg_shape]" id="spec_logo_bg_shape_circle">
<label class="custom-control-label d-block" for="spec_logo_bg_shape_circle"> Circle </label>
</div>
</div>
</div>
</div>
</div>
<div class="row"><label class="col-sm-3 col-form-label col-form-label-sm input-label">Shadow</label>
<div class="col-sm-9">
<div class="form-group form-group-inside">
<div class="form-check form-check-inline">
<div class="custom-control custom-radio">
<input class="custom-control-input" data-action="submit-on-change#handle" type="radio" value="true" checked="checked" name="spec[logo_shadow]" id="spec_logo_shadow_true">
<label class="custom-control-label d-block" for="spec_logo_shadow_true"> Has Shadow </label>
</div>
</div>
<div class="form-check form-check-inline">
<div class="custom-control custom-radio">
<input class="custom-control-input" data-action="submit-on-change#handle" type="radio" value="false" name="spec[logo_shadow]" id="spec_logo_shadow_false">
<label class="custom-control-label d-block" for="spec_logo_shadow_false"> No Shadow </label>
</div>
</div>
</div>
</div>
</div>
<div class="row mb-2"><label class="col-sm-3 col-form-label col-form-label-sm input-label">Size</label>
<div class="col-sm-9">
<div class="form-group form-group-inside">
<div class="form-check form-check-inline">
<div class="custom-control custom-radio">
<input class="custom-control-input" data-action="submit-on-change#handle" type="radio" value="15" name="spec[logo_size]" id="spec_logo_size_15">
<label class="custom-control-label d-block" for="spec_logo_size_15"> Small </label>
</div>
</div>
<div class="form-check form-check-inline">
<div class="custom-control custom-radio">
<input class="custom-control-input" data-action="submit-on-change#handle" type="radio" value="21" checked="checked" name="spec[logo_size]" id="spec_logo_size_21">
<label class="custom-control-label d-block" for="spec_logo_size_21"> Medium </label>
</div>
</div>
<div class="form-check form-check-inline">
<div class="custom-control custom-radio">
<input class="custom-control-input" data-action="submit-on-change#handle" type="radio" value="27" name="spec[logo_size]" id="spec_logo_size_27">
<label class="custom-control-label d-block" for="spec_logo_size_27"> Large </label>
</div>
</div>
</div>
</div>
</div>
</form>POST /qr/client/qr_codes
<form data-controller="submit-on-change" data-turbo-frame="qr_code_preview" action="/qr/client/qr_codes" accept-charset="UTF-8" method="post">
<div class="mt-2">
<div class="d-flex justify-content-between align-items-center"><label class="input-label mt-2"><b>Header</b></label>
<div class="form-inline">
<div class="input-label mr-2">Size</div><select class="qr-size custom-select custom-select-xs mr-3" data-action="submit-on-change#handle" name="spec[header_text_size]" id="spec_header_text_size">
<option value="16">16</option>
<option value="20">20</option>
<option value="24">24</option>
<option value="30">30</option>
<option selected="selected" value="36">36</option>
<option value="42">42</option>
<option value="48">48</option>
<option value="54">54</option>
<option value="60">60</option>
<option value="72">72</option>
</select>
<div class="input-label mr-2">Color</div><input class="form-control color-picker" data-action="input->submit-on-change#handle" value="#000000" type="color" name="spec[header_text_color]" id="spec_header_text_color">
</div>
</div>
<div class="mt-1"><textarea rows="2" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" name="spec[header_text]" id="spec_header_text"></textarea></div>
</div>
<div class="mt-2">
<div class="d-flex justify-content-between align-items-center"><label class="input-label mt-2"><b>Footer</b></label>
<div class="form-inline">
<div class="input-label mr-2">Size</div><select class="qr-size custom-select custom-select-xs mr-3" data-action="submit-on-change#handle" name="spec[footer_text_size]" id="spec_footer_text_size">
<option value="16">16</option>
<option value="20">20</option>
<option value="24">24</option>
<option value="30">30</option>
<option selected="selected" value="36">36</option>
<option value="42">42</option>
<option value="48">48</option>
<option value="54">54</option>
<option value="60">60</option>
<option value="72">72</option>
</select>
<div class="input-label mr-2">Color</div><input class="form-control color-picker" data-action="input->submit-on-change#handle" value="#000000" type="color" name="spec[footer_text_color]" id="spec_footer_text_color">
</div>
</div>
<div class="mt-1"><textarea rows="2" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" name="spec[footer_text]" id="spec_footer_text"></textarea></div>
</div>
<div class="mt-2">
<div class="d-flex justify-content-between align-items-center"><label class="input-label mt-2"><b>Left</b></label>
<div class="form-inline">
<div class="input-label mr-2">Size</div><select class="qr-size custom-select custom-select-xs mr-3" data-action="submit-on-change#handle" name="spec[left_text_size]" id="spec_left_text_size">
<option value="16">16</option>
<option value="20">20</option>
<option value="24">24</option>
<option value="30">30</option>
<option selected="selected" value="36">36</option>
<option value="42">42</option>
<option value="48">48</option>
<option value="54">54</option>
<option value="60">60</option>
<option value="72">72</option>
</select>
<div class="input-label mr-2">Color</div><input class="form-control color-picker" data-action="input->submit-on-change#handle" value="#000000" type="color" name="spec[left_text_color]" id="spec_left_text_color">
</div>
</div>
<div class="mt-1"><textarea rows="2" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" name="spec[left_text]" id="spec_left_text"></textarea></div>
</div>
<div class="mt-2">
<div class="d-flex justify-content-between align-items-center"><label class="input-label mt-2"><b>Right</b></label>
<div class="form-inline">
<div class="input-label mr-2">Size</div><select class="qr-size custom-select custom-select-xs mr-3" data-action="submit-on-change#handle" name="spec[right_text_size]" id="spec_right_text_size">
<option value="16">16</option>
<option value="20">20</option>
<option value="24">24</option>
<option value="30">30</option>
<option selected="selected" value="36">36</option>
<option value="42">42</option>
<option value="48">48</option>
<option value="54">54</option>
<option value="60">60</option>
<option value="72">72</option>
</select>
<div class="input-label mr-2">Color</div><input class="form-control color-picker" data-action="input->submit-on-change#handle" value="#000000" type="color" name="spec[right_text_color]" id="spec_right_text_color">
</div>
</div>
<div class="mt-1"><textarea rows="2" class="form-control form-control-sm" data-action="input->submit-on-change#textHandle" name="spec[right_text]" id="spec_right_text"></textarea></div>
</div>
</form>POST /qr/client/qr_codes
<form data-controller="submit-on-change" data-turbo-frame="qr_code_preview" action="/qr/client/qr_codes" accept-charset="UTF-8" method="post">
<div data-controller="tab" data-tab-event-name-value="change" data-tab-link-class-value="color-tabs" data-tab-pane-class-value="color-tab-pane">
<div class="row mb-2"><label class="col-sm-2 col-form-label col-form-label-sm input-label"><b>Color</b></label>
<div class="col-sm-10">
<div class="form-group form-group-inside">
<div class="form-check form-check-inline">
<div class="custom-control custom-radio w-7"><input class="custom-control-input nav-link color-tabs" aria-controls="color-pure" data-action="submit-on-change#handle" type="radio" value="pure" checked="checked" name="spec[color_type]"
id="spec_color_type_pure"><label class="custom-control-label d-block" for="spec_color_type_pure">Pure</label></div>
</div>
<div class="form-check form-check-inline">
<div class="custom-control custom-radio w-7"><input class="custom-control-input nav-link color-tabs" aria-controls="color-gradient" data-action="submit-on-change#handle" type="radio" value="gradient" name="spec[color_type]"
id="spec_color_type_gradient"><label class="custom-control-label d-block" for="spec_color_type_gradient">Gradient</label></div>
</div>
<div class="form-check form-check-inline">
<div class="custom-control custom-radio w-7"><input class="custom-control-input nav-link color-tabs" aria-controls="color-image" data-action="submit-on-change#handle" type="radio" value="image" name="spec[color_type]"
id="spec_color_type_image"><label class="custom-control-label d-block" for="spec_color_type_image">Image</label></div>
</div>
</div>
</div>
</div>
<div class="color-section color-tab-pane fade show" id="color-pure">
<div class="col-form-label col-form-label-sm input-label">Recommended</div>
<div class="d-flex" data-controller="color-picker">
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#0D3579" name="spec[color_pure]" id="spec_color_pure_0d3579">
<label for="spec_color_pure_0d3579" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #0D3579"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#154A9E" name="spec[color_pure]" id="spec_color_pure_154a9e">
<label for="spec_color_pure_154a9e" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #154A9E"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#365F93" name="spec[color_pure]" id="spec_color_pure_365f93">
<label for="spec_color_pure_365f93" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #365F93"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#617891" name="spec[color_pure]" id="spec_color_pure_617891">
<label for="spec_color_pure_617891" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #617891"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#4A90E2" name="spec[color_pure]" id="spec_color_pure_4a90e2">
<label for="spec_color_pure_4a90e2" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #4A90E2"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#1C777A" name="spec[color_pure]" id="spec_color_pure_1c777a">
<label for="spec_color_pure_1c777a" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #1C777A"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#105441" name="spec[color_pure]" id="spec_color_pure_105441">
<label for="spec_color_pure_105441" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #105441"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#417503" name="spec[color_pure]" id="spec_color_pure_417503">
<label for="spec_color_pure_417503" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #417503"></div>
</label>
</div>
</div>
<div class="d-flex mt-2" data-controller="color-picker">
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#000000" checked="checked" name="spec[color_pure]" id="spec_color_pure_000000">
<label for="spec_color_pure_000000" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #000000"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#606060" name="spec[color_pure]" id="spec_color_pure_606060">
<label for="spec_color_pure_606060" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #606060"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#6B5072" name="spec[color_pure]" id="spec_color_pure_6b5072">
<label for="spec_color_pure_6b5072" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #6B5072"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#AF1819" name="spec[color_pure]" id="spec_color_pure_af1819">
<label for="spec_color_pure_af1819" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #AF1819"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#DA251C" name="spec[color_pure]" id="spec_color_pure_da251c">
<label for="spec_color_pure_da251c" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #DA251C"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#DA6024" name="spec[color_pure]" id="spec_color_pure_da6024">
<label for="spec_color_pure_da6024" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #DA6024"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#F29700" name="spec[color_pure]" id="spec_color_pure_f29700">
<label for="spec_color_pure_f29700" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #F29700"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#EEB41E" name="spec[color_pure]" id="spec_color_pure_eeb41e">
<label for="spec_color_pure_eeb41e" class="radio-image-label radio-image-label-spec-color_pure">
<div class="color" style="background: #EEB41E"></div>
</label>
</div>
</div>
<div class="col-form-label col-form-label-sm input-label">Color picker</div>
<div class="mt-1 mb-1"><input class="form-control color-picker" data-action="submit-on-change#handle" value="#000000" type="color" name="spec[color]" id="spec_color"></div>
</div>
<div class="color-section color-tab-pane fade " id="color-gradient">
<div class="col-form-label col-form-label-sm input-label">Direction</div>
<div class="d-flex" data-color-gradient-block-class-value="gradient-color" data-color-gradient-event-name-value="change" data-controller="color-gradient">
<div class="form-check form-check-inline">
<div class="custom-control custom-control-sm custom-radio w-7"><input class="custom-control-input" data-action="submit-on-change#handle" type="radio" value="radial" checked="checked" name="spec[color_direction]"
id="spec_color_direction_radial"><label class="custom-control-label d-block" for="spec_color_direction_radial">Radial</label></div>
</div>
<div class="form-check form-check-inline">
<div class="custom-control custom-control-sm custom-radio w-7"><input class="custom-control-input" data-action="submit-on-change#handle" type="radio" value="vertical" name="spec[color_direction]" id="spec_color_direction_vertical"><label
class="custom-control-label d-block" for="spec_color_direction_vertical">Vertical</label></div>
</div>
<div class="form-check form-check-inline">
<div class="custom-control custom-control-sm custom-radio w-7"><input class="custom-control-input" data-action="submit-on-change#handle" type="radio" value="horizontal" name="spec[color_direction]"
id="spec_color_direction_horizontal"><label class="custom-control-label d-block" for="spec_color_direction_horizontal">Horizontal</label></div>
</div>
<div class="form-check form-check-inline">
<div class="custom-control custom-control-sm custom-radio w-7"><input class="custom-control-input" data-action="submit-on-change#handle" type="radio" value="diagonal" name="spec[color_direction]" id="spec_color_direction_diagonal"><label
class="custom-control-label d-block" for="spec_color_direction_diagonal">Diagonal</label></div>
</div>
</div>
<div class="col-form-label col-form-label-sm input-label">Recommended</div>
<div class="d-flex" data-controller="color-picker">
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#011E45_#013479" name="spec[color_range]" id="spec_color_range_011e45_013479">
<label for="spec_color_range_011e45_013479" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(1, 52, 121), rgb(1, 30, 69));"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#02326B_#034A9E" name="spec[color_range]" id="spec_color_range_02326b_034a9e">
<label for="spec_color_range_02326b_034a9e" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(3, 74, 158), rgb(2, 50, 107));"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#243F61_#365F93" name="spec[color_range]" id="spec_color_range_243f61_365f93">
<label for="spec_color_range_243f61_365f93" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(54, 95, 147), rgb(36, 63, 97));"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#3F4E5E_#617891" name="spec[color_range]" id="spec_color_range_3f4e5e_617891">
<label for="spec_color_range_3f4e5e_617891" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(97, 120, 145), rgb(63, 78, 94));"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#3A70B0_#4A90E2" name="spec[color_range]" id="spec_color_range_3a70b0_4a90e2">
<label for="spec_color_range_3a70b0_4a90e2" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(74, 144, 226), rgb(58, 112, 176));"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#024647_#04777A" name="spec[color_range]" id="spec_color_range_024647_04777a">
<label for="spec_color_range_024647_04777a" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(4, 119, 122), rgb(2, 70, 71));"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#254203_#417505" name="spec[color_range]" id="spec_color_range_254203_417505">
<label for="spec_color_range_254203_417505" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(65, 117, 5), rgb(37, 66, 3));"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#21938E_#68B56B" name="spec[color_range]" id="spec_color_range_21938e_68b56b">
<label for="spec_color_range_21938e_68b56b" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(104, 181, 107), rgb(33, 147, 142));"></div>
</label>
</div>
</div>
<div class="d-flex mt-2" data-controller="color-picker">
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#34343A_#9B9B9B" name="spec[color_range]" id="spec_color_range_34343a_9b9b9b">
<label for="spec_color_range_34343a_9b9b9b" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(155, 155, 155), rgb(52, 52, 58));"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#3C2D40_#6B5072" name="spec[color_range]" id="spec_color_range_3c2d40_6b5072">
<label for="spec_color_range_3c2d40_6b5072" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(107, 80, 114), rgb(60, 45, 64));"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#864A9E_#C86DD7" name="spec[color_range]" id="spec_color_range_864a9e_c86dd7">
<label for="spec_color_range_864a9e_c86dd7" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(200, 109, 215), rgb(134, 74, 158));"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#A61C15_#DA251C" name="spec[color_range]" id="spec_color_range_a61c15_da251c">
<label for="spec_color_range_a61c15_da251c" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(218, 37, 28), rgb(166, 28, 21));"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#C2404B_#F5515F" name="spec[color_range]" id="spec_color_range_c2404b_f5515f">
<label for="spec_color_range_c2404b_f5515f" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(245, 81, 95), rgb(194, 64, 75));"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#F24400_#FF8500" name="spec[color_range]" id="spec_color_range_f24400_ff8500">
<label for="spec_color_range_f24400_ff8500" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(255, 133, 0), rgb(242, 68, 0));"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#F76B1C_#F9AE46" name="spec[color_range]" id="spec_color_range_f76b1c_f9ae46">
<label for="spec_color_range_f76b1c_f9ae46" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(249, 174, 70), rgb(247, 107, 28));"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#E3BE9D_#EEDCCB" name="spec[color_range]" id="spec_color_range_e3be9d_eedccb">
<label for="spec_color_range_e3be9d_eedccb" class="radio-image-label radio-image-label-spec-color_range">
<div class="gradient-color color" style="background: radial-gradient(rgb(238, 220, 203), rgb(227, 190, 157));"></div>
</label>
</div>
</div>
<div class="col-form-label col-form-label-sm input-label">Color picker</div>
<div class="d-flex align-items-center"><label class="mr-2 col-form-label col-form-label-sm input-label" for="spec_color_eye_outer">Color 1</label><input class="form-control color-picker mr-4" data-action="submit-on-change#handle"
value="#000000" type="color" name="spec[color1]" id="spec_color1"><label class="mr-2 col-form-label col-form-label-sm input-label" for="spec_color_eye_inner">Color 2</label><input class="form-control color-picker"
data-action="submit-on-change#handle" value="#9b9b9b" type="color" name="spec[color2]" id="spec_color2"></div>
</div>
<div class="color-section color-tab-pane fade " id="color-image">
<div class="mt-3">
<div class="d-flex img-selector mb-2">
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_1" name="spec[color_mask_image]" id="spec_color_mask_image_mask_1">
<label for="spec_color_mask_image_mask_1" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-1"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_2" name="spec[color_mask_image]" id="spec_color_mask_image_mask_2">
<label for="spec_color_mask_image_mask_2" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-2"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_3" name="spec[color_mask_image]" id="spec_color_mask_image_mask_3">
<label for="spec_color_mask_image_mask_3" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-3"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_4" name="spec[color_mask_image]" id="spec_color_mask_image_mask_4">
<label for="spec_color_mask_image_mask_4" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-4"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_5" name="spec[color_mask_image]" id="spec_color_mask_image_mask_5">
<label for="spec_color_mask_image_mask_5" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-5"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_6" name="spec[color_mask_image]" id="spec_color_mask_image_mask_6">
<label for="spec_color_mask_image_mask_6" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-6"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_7" name="spec[color_mask_image]" id="spec_color_mask_image_mask_7">
<label for="spec_color_mask_image_mask_7" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-7"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_8" name="spec[color_mask_image]" id="spec_color_mask_image_mask_8">
<label for="spec_color_mask_image_mask_8" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-8"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_9" name="spec[color_mask_image]" id="spec_color_mask_image_mask_9">
<label for="spec_color_mask_image_mask_9" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-9"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_10" name="spec[color_mask_image]" id="spec_color_mask_image_mask_10">
<label for="spec_color_mask_image_mask_10" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-10"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_11" name="spec[color_mask_image]" id="spec_color_mask_image_mask_11">
<label for="spec_color_mask_image_mask_11" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-11"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_12" name="spec[color_mask_image]" id="spec_color_mask_image_mask_12">
<label for="spec_color_mask_image_mask_12" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-12"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_13" name="spec[color_mask_image]" id="spec_color_mask_image_mask_13">
<label for="spec_color_mask_image_mask_13" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-13"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_14" name="spec[color_mask_image]" id="spec_color_mask_image_mask_14">
<label for="spec_color_mask_image_mask_14" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-14"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_15" name="spec[color_mask_image]" id="spec_color_mask_image_mask_15">
<label for="spec_color_mask_image_mask_15" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-15"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_16" name="spec[color_mask_image]" id="spec_color_mask_image_mask_16">
<label for="spec_color_mask_image_mask_16" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-16"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_17" name="spec[color_mask_image]" id="spec_color_mask_image_mask_17">
<label for="spec_color_mask_image_mask_17" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-17"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_18" name="spec[color_mask_image]" id="spec_color_mask_image_mask_18">
<label for="spec_color_mask_image_mask_18" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-18"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_19" name="spec[color_mask_image]" id="spec_color_mask_image_mask_19">
<label for="spec_color_mask_image_mask_19" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-19"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_20" name="spec[color_mask_image]" id="spec_color_mask_image_mask_20">
<label for="spec_color_mask_image_mask_20" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-20"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="mask_21" name="spec[color_mask_image]" id="spec_color_mask_image_mask_21">
<label for="spec_color_mask_image_mask_21" class="radio-image-label radio-image-label-spec-color_mask_image">
<div class="sprite sprite-color-mask mask-21"></div>
</label>
</div>
</div>
</div>
</div>
</div>
<div class="mt-3"><label class="input-label"><b>Background</b></label>
<div class="d-flex">
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="transparent" name="spec[color_background]" id="spec_color_background_transparent">
<label for="spec_color_background_transparent" class="radio-image-label radio-image-label-spec-color_background">
<div style="background: transparent" data-toggle="tooltip" title="Transparent" class="color">None</div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="white" checked="checked" name="spec[color_background]" id="spec_color_background_white">
<label for="spec_color_background_white" class="radio-image-label radio-image-label-spec-color_background">
<div style="background: white" data-toggle="tooltip" title="White" class="color">White</div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#EAE8FE" name="spec[color_background]" id="spec_color_background_eae8fe">
<label for="spec_color_background_eae8fe" class="radio-image-label radio-image-label-spec-color_background">
<div style="background: #EAE8FE" data-toggle="tooltip" title="#eae8fe" class="color"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#FCD6CB" name="spec[color_background]" id="spec_color_background_fcd6cb">
<label for="spec_color_background_fcd6cb" class="radio-image-label radio-image-label-spec-color_background">
<div style="background: #FCD6CB" data-toggle="tooltip" title="#fcd6cb" class="color"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#FCD9B9" name="spec[color_background]" id="spec_color_background_fcd9b9">
<label for="spec_color_background_fcd9b9" class="radio-image-label radio-image-label-spec-color_background">
<div style="background: #FCD9B9" data-toggle="tooltip" title="#fcd9b9" class="color"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#D1FED5" name="spec[color_background]" id="spec_color_background_d1fed5">
<label for="spec_color_background_d1fed5" class="radio-image-label radio-image-label-spec-color_background">
<div style="background: #D1FED5" data-toggle="tooltip" title="#d1fed5" class="color"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#D0FCFF" name="spec[color_background]" id="spec_color_background_d0fcff">
<label for="spec_color_background_d0fcff" class="radio-image-label radio-image-label-spec-color_background">
<div style="background: #D0FCFF" data-toggle="tooltip" title="#d0fcff" class="color"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#C3E4FE" name="spec[color_background]" id="spec_color_background_c3e4fe">
<label for="spec_color_background_c3e4fe" class="radio-image-label radio-image-label-spec-color_background">
<div style="background: #C3E4FE" data-toggle="tooltip" title="#c3e4fe" class="color"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="#000000" name="spec[color_background]" id="spec_color_background_000000">
<label for="spec_color_background_000000" class="radio-image-label radio-image-label-spec-color_background">
<div style="background: #000000" data-toggle="tooltip" title="#000000" class="color"></div>
</label>
</div>
</div>
</div>
<div class="mt-3"><label class="input-label"><b>Eye Color</b></label>
<div class="form-group-inside">
<div class="custom-control custom-checkbox">
<input name="spec[color_apply_to_eye]" type="hidden" value="0" autocomplete="off"><input class="custom-control-input" data-controller="toggle-dom" data-toggle-dom-dom-value="eye-color" data-action="submit-on-change#handle" type="checkbox"
value="1" checked="checked" name="spec[color_apply_to_eye]" id="spec_color_apply_to_eye">
<label class="custom-control-label" for="spec_color_apply_to_eye"> From QR Code </label>
</div>
<div id="eye-color" style="display:none">
<div class="d-flex align-items-center mt-2"><label class="mr-2 col-form-label col-form-label-sm input-label" for="spec_color_eye_outer">Outer</label><input class="form-control color-picker mr-4" data-action="submit-on-change#handle"
value="#000000" type="color" name="spec[color_eye_outer]" id="spec_color_eye_outer"><label class="mr-2 col-form-label col-form-label-sm input-label" for="spec_color_eye_inner">Inner</label><input class="form-control color-picker"
data-action="submit-on-change#handle" value="#000000" type="color" name="spec[color_eye_inner]" id="spec_color_eye_inner"></div>
</div>
</div>
</div>
</form>POST /qr/client/qr_codes
<form data-controller="submit-on-change" data-turbo-frame="qr_code_preview" action="/qr/client/qr_codes" accept-charset="UTF-8" method="post"><label class="input-label"><b>Block</b></label>
<div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="default" checked="checked" name="spec[block_shape]" id="spec_block_shape_default">
<label for="spec_block_shape_default" class="radio-image-label radio-image-label-spec-block_shape">
<div class="sprite sprite-shape shape-1"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="round_black" name="spec[block_shape]" id="spec_block_shape_round_black">
<label for="spec_block_shape_round_black" class="radio-image-label radio-image-label-spec-block_shape">
<div class="sprite sprite-shape shape-2"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="bar_hori" name="spec[block_shape]" id="spec_block_shape_bar_hori">
<label for="spec_block_shape_bar_hori" class="radio-image-label radio-image-label-spec-block_shape">
<div class="sprite sprite-shape shape-3"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="bar_both" name="spec[block_shape]" id="spec_block_shape_bar_both">
<label for="spec_block_shape_bar_both" class="radio-image-label radio-image-label-spec-block_shape">
<div class="sprite sprite-shape shape-4"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="bar_vert" name="spec[block_shape]" id="spec_block_shape_bar_vert">
<label for="spec_block_shape_bar_vert" class="radio-image-label radio-image-label-spec-block_shape">
<div class="sprite sprite-shape shape-5"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="square" name="spec[block_shape]" id="spec_block_shape_square">
<label for="spec_block_shape_square" class="radio-image-label radio-image-label-spec-block_shape">
<div class="sprite sprite-shape shape-6"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="dot" name="spec[block_shape]" id="spec_block_shape_dot">
<label for="spec_block_shape_dot" class="radio-image-label radio-image-label-spec-block_shape">
<div class="sprite sprite-shape shape-7"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="dot_small" name="spec[block_shape]" id="spec_block_shape_dot_small">
<label for="spec_block_shape_dot_small" class="radio-image-label radio-image-label-spec-block_shape">
<div class="sprite sprite-shape shape-8"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="star" name="spec[block_shape]" id="spec_block_shape_star">
<label for="spec_block_shape_star" class="radio-image-label radio-image-label-spec-block_shape">
<div class="sprite sprite-shape shape-9"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="star_small" name="spec[block_shape]" id="spec_block_shape_star_small">
<label for="spec_block_shape_star_small" class="radio-image-label radio-image-label-spec-block_shape">
<div class="sprite sprite-shape shape-10"></div>
</label>
</div>
</div><label class="input-label mt-3"><b>Outer Eye</b></label>
<div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="rect" checked="checked" name="spec[eye_outer_shape]" id="spec_eye_outer_shape_rect">
<label for="spec_eye_outer_shape_rect" class="radio-image-label radio-image-label-spec-eye_outer_shape">
<div class="sprite sprite-eye eye-outer-1"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="round" name="spec[eye_outer_shape]" id="spec_eye_outer_shape_round">
<label for="spec_eye_outer_shape_round" class="radio-image-label radio-image-label-spec-eye_outer_shape">
<div class="sprite sprite-eye eye-outer-2"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="circle" name="spec[eye_outer_shape]" id="spec_eye_outer_shape_circle">
<label for="spec_eye_outer_shape_circle" class="radio-image-label radio-image-label-spec-eye_outer_shape">
<div class="sprite sprite-eye eye-outer-3"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="leaf_1" name="spec[eye_outer_shape]" id="spec_eye_outer_shape_leaf_1">
<label for="spec_eye_outer_shape_leaf_1" class="radio-image-label radio-image-label-spec-eye_outer_shape">
<div class="sprite sprite-eye eye-outer-4"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="leaf_2" name="spec[eye_outer_shape]" id="spec_eye_outer_shape_leaf_2">
<label for="spec_eye_outer_shape_leaf_2" class="radio-image-label radio-image-label-spec-eye_outer_shape">
<div class="sprite sprite-eye eye-outer-5"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="leaf_3" name="spec[eye_outer_shape]" id="spec_eye_outer_shape_leaf_3">
<label for="spec_eye_outer_shape_leaf_3" class="radio-image-label radio-image-label-spec-eye_outer_shape">
<div class="sprite sprite-eye eye-outer-6"></div>
</label>
</div>
</div><label class="input-label mt-3"><b>Inner Eye</b></label>
<div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="rect" checked="checked" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_rect">
<label for="spec_eye_inner_shape_rect" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-1"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="round" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_round">
<label for="spec_eye_inner_shape_round" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-2"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="circle" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_circle">
<label for="spec_eye_inner_shape_circle" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-3"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="diamond" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_diamond">
<label for="spec_eye_inner_shape_diamond" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-4"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="star" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_star">
<label for="spec_eye_inner_shape_star" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-5"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="leaf_1" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_leaf_1">
<label for="spec_eye_inner_shape_leaf_1" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-6"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="leaf_2" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_leaf_2">
<label for="spec_eye_inner_shape_leaf_2" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-7"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="leaf_3" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_leaf_3">
<label for="spec_eye_inner_shape_leaf_3" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-8"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="heart" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_heart">
<label for="spec_eye_inner_shape_heart" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-9"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="cloud" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_cloud">
<label for="spec_eye_inner_shape_cloud" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-10"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="hexagon" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_hexagon">
<label for="spec_eye_inner_shape_hexagon" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-11"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="leaf_icon" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_leaf_icon">
<label for="spec_eye_inner_shape_leaf_icon" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-12"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="star2" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_star2">
<label for="spec_eye_inner_shape_star2" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-13"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="crown" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_crown">
<label for="spec_eye_inner_shape_crown" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-14"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="location" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_location">
<label for="spec_eye_inner_shape_location" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-15"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="clothing" name="spec[eye_inner_shape]" id="spec_eye_inner_shape_clothing">
<label for="spec_eye_inner_shape_clothing" class="radio-image-label radio-image-label-spec-eye_inner_shape">
<div class="sprite sprite-eye eye-inner-16"></div>
</label>
</div>
</div>
</form>POST /qr/client/qr_codes
<form data-controller="submit-on-change" data-turbo-frame="qr_code_preview" action="/qr/client/qr_codes" accept-charset="UTF-8" method="post">
<div class="d-flex mt-2">
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="no_frame" checked="checked" name="spec[frame_name]" id="spec_frame_name_no_frame">
<label for="spec_frame_name_no_frame" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-1"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="round_rect" name="spec[frame_name]" id="spec_frame_name_round_rect">
<label for="spec_frame_name_round_rect" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-2"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="four_corner" name="spec[frame_name]" id="spec_frame_name_four_corner">
<label for="spec_frame_name_four_corner" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-3"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="four_corner_bar" name="spec[frame_name]" id="spec_frame_name_four_corner_bar">
<label for="spec_frame_name_four_corner_bar" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-4"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="scan_me_1" name="spec[frame_name]" id="spec_frame_name_scan_me_1">
<label for="spec_frame_name_scan_me_1" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-5"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="scan_me_2" name="spec[frame_name]" id="spec_frame_name_scan_me_2">
<label for="spec_frame_name_scan_me_2" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-6"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="scan_me_3" name="spec[frame_name]" id="spec_frame_name_scan_me_3">
<label for="spec_frame_name_scan_me_3" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-7"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="stamp_one" name="spec[frame_name]" id="spec_frame_name_stamp_one">
<label for="spec_frame_name_stamp_one" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-8"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="stamp_all" name="spec[frame_name]" id="spec_frame_name_stamp_all">
<label for="spec_frame_name_stamp_all" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-9"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="stamp_colorful" name="spec[frame_name]" id="spec_frame_name_stamp_colorful">
<label for="spec_frame_name_stamp_colorful" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-10"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="movie" name="spec[frame_name]" id="spec_frame_name_movie">
<label for="spec_frame_name_movie" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-11"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="shopping" name="spec[frame_name]" id="spec_frame_name_shopping">
<label for="spec_frame_name_shopping" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-12"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="flower" name="spec[frame_name]" id="spec_frame_name_flower">
<label for="spec_frame_name_flower" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-13"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="flower_black" name="spec[frame_name]" id="spec_frame_name_flower_black">
<label for="spec_frame_name_flower_black" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-14"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="butterfly" name="spec[frame_name]" id="spec_frame_name_butterfly">
<label for="spec_frame_name_butterfly" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-15"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="ball" name="spec[frame_name]" id="spec_frame_name_ball">
<label for="spec_frame_name_ball" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-16"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="tag" name="spec[frame_name]" id="spec_frame_name_tag">
<label for="spec_frame_name_tag" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-17"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="blue_square" name="spec[frame_name]" id="spec_frame_name_blue_square">
<label for="spec_frame_name_blue_square" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-18"></div>
</label>
</div>
<div class="form-check radio-image">
<input data-action="submit-on-change#handle" class="custom-control-input " type="radio" value="price_tag" name="spec[frame_name]" id="spec_frame_name_price_tag">
<label for="spec_frame_name_price_tag" class="radio-image-label radio-image-label-spec-frame_name">
<div class="sprite sprite-frame frame-19"></div>
</label>
</div>
</div><label class="input-label mt-3"><b>Frame Color</b></label>
<div class="d-flex align-items-center">
<div class="custom-control custom-radio mr-2 d-flex align-items-center"><input class="custom-control-input" data-action="submit-on-change#handle" type="radio" value="default" checked="checked" name="spec[frame_color_type]"
id="spec_frame_color_type_default"><label class="custom-control-label" for="spec_frame_color_type_default"><span>Default color</span></label></div>
<div class="custom-control custom-radio mr-2 d-flex align-items-center"><input class="custom-control-input" data-action="submit-on-change#handle" type="radio" value="qr" name="spec[frame_color_type]" id="spec_frame_color_type_qr"><label
class="custom-control-label" for="spec_frame_color_type_qr"><span>From QR Code</span></label></div>
<div class="custom-control custom-radio mr-2 d-flex align-items-center"><input class="custom-control-input" data-action="submit-on-change#handle" type="radio" value="custom" name="spec[frame_color_type]" id="spec_frame_color_type_custom"><label
class="custom-control-label d-flex align-items-center" for="spec_frame_color_type_custom"><span>Custom:</span></label><input class="form-control color-picker ml-2" data-action="submit-on-change#handle" value="#000000" type="color"
name="spec[frame_color]" id="spec_frame_color"></div>
</div>
</form>POST /qr/client/qr_codes/6033641925/use_template
<form data-turbo-frame="modal-window" action="/qr/client/qr_codes/6033641925/use_template" accept-charset="UTF-8" method="post">
<button name="button" type="submit" class="btn pl-4 pr-4 bg-transparent btn-sm btn-white">Use This Style<i class="fas fa-angle-double-right ml-2"></i></button>
</form>POST /qr/client/qr_codes/4309606521/use_template
<form data-turbo-frame="modal-window" action="/qr/client/qr_codes/4309606521/use_template" accept-charset="UTF-8" method="post">
<button name="button" type="submit" class="btn pl-4 pr-4 bg-transparent btn-sm btn-white">Use This Style<i class="fas fa-angle-double-right ml-2"></i></button>
</form>POST /qr/client/qr_codes/2056964183/use_template
<form data-turbo-frame="modal-window" action="/qr/client/qr_codes/2056964183/use_template" accept-charset="UTF-8" method="post">
<button name="button" type="submit" class="btn pl-4 pr-4 bg-transparent btn-sm btn-white">Use This Style<i class="fas fa-angle-double-right ml-2"></i></button>
</form>POST /qr/client/qr_codes/9452013746/use_template
<form data-turbo-frame="modal-window" action="/qr/client/qr_codes/9452013746/use_template" accept-charset="UTF-8" method="post">
<button name="button" type="submit" class="btn pl-4 pr-4 bg-transparent btn-sm btn-white">Use This Style<i class="fas fa-angle-double-right ml-2"></i></button>
</form>POST /qr/client/qr_codes/1723465690/use_template
<form data-turbo-frame="modal-window" action="/qr/client/qr_codes/1723465690/use_template" accept-charset="UTF-8" method="post">
<button name="button" type="submit" class="btn pl-4 pr-4 bg-transparent btn-sm btn-white">Use This Style<i class="fas fa-angle-double-right ml-2"></i></button>
</form>Text Content
Academy Pricing Sign In THE UNLIMITED DYNAMIC QR CODE SOLUTION UNLIMITED QR CODES AND SCANS. NO EXPIRATION DATE. * URL * PDF * Images * vCard * App Upload your menu, brochure, catalog, ebook, or any other PDF files. Drag and drop your file here or Browse files Share a series of images about your products, company or events. Drag and drop your file here or Browse files Name Contact Company Address Photo Upload from local Note URL for iOS URL for Android Template Logo Upload from local Shape Square Circle Shadow Has Shadow No Shadow Size Small Medium Large Text Header Size 16 20 24 30 36 42 48 54 60 72 Color Footer Size 16 20 24 30 36 42 48 54 60 72 Color Left Size 16 20 24 30 36 42 48 54 60 72 Color Right Size 16 20 24 30 36 42 48 54 60 72 Color Color Color Pure Gradient Image Recommended Color picker Direction Radial Vertical Horizontal Diagonal Recommended Color picker Color 1Color 2 Background None White Eye Color From QR Code OuterInner Shape Block Outer Eye Inner Eye Frame Frame Color Default color From QR Code Custom: Update QR code target anytime, even after printing. Print - Small Print - Large Web - Small Web - Large PNG JPG SVG Render the vector file without any styles. Download TRUSTED BY 30,000+ STARTUPS AND FORTUNE 500 COMPANIES. #1 QR CODE PLATFORM FOR E-COMMERCE (AND MORE!) TEST AND APPROVED Rigorously tested for security, usability and performance by Shopify. QR Code Hub is the only QR Code Platform that has achieved the “Built for Shopify” approval. FIVE STARS REVIEW Over 100 five star reviews. People love how easy to use it. How fast our customer support is. View on Shopify App Store >> WHAT CUSTOMERS THINK MATTERS * * * * * Best QR Code app hands down. Literally no reason to look any further. THE SWEET TEA COMPANY * * * * * This is a one-stop shop for cost-effective QR Codes and QR Code Marketing, while somehow making expensive paid apps look shabby by comparison. I really cannot say enough nice things about this... VAULTWORKS * * * * * Well made app and even better customer service and support. [....] If you need a QR code app, not only is this one great but you're paying for top notch support. SHREWD ARCHERY * * * * * fantastic design style and love that we can customize it. So unique and easy to use. It looks great on a wall next to my art. KURTIS BRAND * * * * * Very simply and useful app for generating QR codes and seeing the statistics on the click performance. Also, has various options for design and style of QR codes. Really like this app! FJ FANTASY SPORTS * * * * * The QR Code Generator Hub is an all-in-one solution designed to enhance your offline-to-online sales and marketing efforts. Whether you’re a business owner, marketer, or just someone looking to share information seamlessly, this app has you covered. PLANTOPIA CORNER * * * * * QR Code Generator Hub is a must have app. The customer service more then excellent and they action your request faster then light speed. Good job guys! PADDLERSHUB-UAE * * * * * Jonathan was AMAZING and was a huge help! He answered our questions quickly and got us up a running immediately. Thank you, Jonathan for going above and beyond!! ANNE NEILSON HOME View All 100+ Reviews >> PAY FOR FEATURES, NOT FOR USAGE Our pricing is simple and stress-free. There is no per-useage fees. Everything is unlimited. Monthly Yearly Lifetime Startup $ 9.95 /mo Pay $119.95 annually Unlimited Dynamic QR Codes Unlimited Scans Unlimited Lifetime Unlimited In-depth Reporting & GA Tracking Unlimited Custom Domains Start 14-day free trial Growth $ 19.95 /mo Pay $239.40 annually All Startup Features Unlimited Users Unlimited Batch Creation & Download Unlimited Authentic QR Codes Unlimited Phone Support Get started UNLIMITED PEACE-OF-MIND Our competitors charge by usage, meaning you’ll rack up big bills when things go viral. We don’t. All our plans are unlimited. Use This Style UNLIMITED POTENTIAL Our feature rich but easy-to-use platform has everything you need to manage QR Code for a multi-national campaign..or your kid’s birthday party. Use This Style UNLIMITED UPDATES Our dynamic QR Codes can be changed anywhere, at any time. Never worry that your QR Code is out of date. Use This Style UNLIMITED CUSTOMIZATION Use your own domain name. Choose your colors, style, border, image and more. With thousands of options to choose from, you can design the perfect QR Code for your brand and your marketing needs. Use This Style UNLIMITED SECURITY Every QR Code uses SSL certificates and enterprise-grade security at no extra cost. Use This Style GET UNLIMITED QR CODES NOW Start Your 14-Day Free Trial * hello@qrcodesunlimited.com * +1-415-223-1327 * * * * * COMPANY * About * Privacy Policy * Terms * Affiliate Program QR CODE ACADEMY * The Basics * Shopify Tutorial * Use Cases * Case Studies * For Business * Design QR CODE TYPES * QR Code for Plain Text * QR Code for Facebook * QR Code for Images * QR Code for Instagram * QR Code for PDF * QR Code for Twitter * QR Code for Youtube * QR Code for vCard © Brainpage Ltd dba QR Codes Unlimited 2024. 'QR Code' is a registered trademark of DENSO WAVE INCORPORATED