qrlogo.io
Open in
urlscan Pro
172.67.180.141
Public Scan
URL:
https://qrlogo.io/type/whatsapp/customize?name=Cidade+Dutra&phone_number=+5511967204937&logo_style=up
Submission: On August 09 via api from US — Scanned from DE
Submission: On August 09 via api from US — Scanned from DE
Form analysis 3 forms found in the DOM
<form id="login-form" class="modal-forms">
<input type="hidden" name="_token" value="gQpd9YXt40RWOe4OBbhM2NzHsMp7Hc332xGEpyUw"> <label for="email">Email</label>
<input class="element" type="email" name="email" required="">
<label for="password">Password</label>
<input class="element" type="password" name="password" required="">
<div class="mui-style-vkmwp1">
<a class="mui-style-r3n9jo" href="//qrlogo.io/forget-password">Forgot your password?</a>
</div>
<button id="login" class="login" type="submit">Log In</button>
<span class="mui-style-149hdr9"> or </span>
<button type="button" style="background:none;" onclick="window.location.href='//qrlogo.io/auth/google?redirect_url=//qrlogo.io/type/whatsapp/customize?logo_style=up&name=Cidade%20Dutra&phone_number=%205511967204937'"
class="mui-style-tkv6to mb-4"><span class="sp-google"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px 6px; max-width: 100%;"><img
alt="google" aria-hidden="true" src="//qrlogo.io/img/google.svg"></span><span><span>Continue with Google</span></span></span></button>
<button type="button" style="background:none;" onclick="window.location.href='//qrlogo.io/auth/facebook?redirect_url=//qrlogo.io/type/whatsapp/customize?logo_style=up&name=Cidade%20Dutra&phone_number=%205511967204937'"
class="mui-style-tkv6to"><span class="sp-google"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px 6px; max-width: 100%;"><img alt="google"
aria-hidden="true" src="//qrlogo.io/img/facebook.svg"></span><span><span>Continue with Facebook</span></span></span></button>
</form><form id="registration" class="modal-forms">
<input type="hidden" name="_token" value="gQpd9YXt40RWOe4OBbhM2NzHsMp7Hc332xGEpyUw"> <label for="name">Name</label>
<input class="element" type="text" name="name" required="">
<label for="email">Email</label>
<input class="element" type="email" name="email" required="">
<label for="password">Password</label>
<input class="element" type="password" name="password" required="">
<button id="register" class="register" type="submit">Sign Up</button>
<span class="mui-style-149hdr9"> or </span>
<button type="button" style="background:none;" onclick="window.location.href='//qrlogo.io/auth/google?redirect_url=//qrlogo.io/type/whatsapp/customize?logo_style=up&name=Cidade%20Dutra&phone_number=%205511967204937'"
class="mui-style-tkv6to mb-4" "=""><span class=" sp-google"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px 6px; max-width: 100%;"><img
alt="google" aria-hidden="true" src="//qrlogo.io/img/google.svg"></span><span><span>Continue with Google</span></span></span></button>
<button type="button" style="background:none;" onclick="window.location.href='//qrlogo.io/auth/facebook?redirect_url=//qrlogo.io/type/whatsapp/customize?logo_style=up&name=Cidade%20Dutra&phone_number=%205511967204937'"
class="mui-style-tkv6to"><span class="sp-google"><span style="box-sizing: border-box; display: block; width: initial; height: initial; background: none; opacity: 1; border: 0px; margin: 0px; padding: 0px 6px; max-width: 100%;"><img alt="google"
aria-hidden="true" src="//qrlogo.io/img/facebook.svg"></span><span><span>Continue with Facebook</span></span></span></button>
<div class="mui-style-wy5nxv"><span>Already have an account ? </span><a class="mui-style-r3n9jo" data-dismiss="modal" data-toggle="modal" data-target="#login-modal"> Log In</a>
<div class="mui-style-196ikcm">
<h5 class="mui-style-i9fpv"><span>By clicking 'Sign up' or signing up with your Google and/or Facebook account, you confirm that you have read and consent to our</span><a href="/terms-of-use" class="mui-style-lrjjh1">Terms of use</a> and
<a href="/privacy-policy" class="mui-style-lrjjh1">Privacy policy</a></h5>
</div>
</div>
</form>POST /type/whatsapp/customize
<form id="customizeForm" action="/type/whatsapp/customize" method="post" enctype="multipart/form-data">
<input type="hidden" name="_token" value="gQpd9YXt40RWOe4OBbhM2NzHsMp7Hc332xGEpyUw">
<div class="add-content add-logo">
<div class="add-content-container">
<div class="customize">
<div data-toggle="collapse" href="#collapsetwo" role="button" aria-controls="collapsetwo" class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded MuiAccordionSummary-gutters mui-style-1tqft8s" tabindex="0" aria-expanded="true">
<div class="MuiAccordionSummary-content Mui-expanded MuiAccordionSummary-contentGutters mui-style-17o5nyn">
<p data-lokalise="true" data-key="qrBuilder.qrCustomizeForm.sections.frame.type" class="mui-style-e2p7cd">QR code pattern</p>
</div>
<div class="MuiAccordionSummary-expandIconWrapper Mui-expanded mui-style-1fx8m19">
<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.43.55a2.03 2.03 0 0 0-2.77 0L8.5 4.5 4.34.55a2.03 2.03 0 0 0-2.77 0 1.8 1.8 0 0 0 0 2.63l5.54 5.27a2.03 2.03 0 0 0 2.77 0l5.55-5.27a1.8 1.8 0 0 0 0-2.63Z" fill="var(--accordion-expand-icon-color, currentColor)"></path>
</svg>
</div>
</div>
<div class="row collapse show showc" id="collapsetwo">
<div class="col-sm-12 col-md-12 element">
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<!--<select name="dp"
class="form-control qr-inputs-b qr-inputs-m">
<option value="p1" selected>Rectangle</option>
<option value="p2">Circle</option>
<option value="p3">Leaflet</option>
<option value="p4">Circles</option>
<option value="p5">Lightning Bug</option>
<option value="p6">Filleted Corners</option>
<option value="p7">Vertical Bars</option>
<option value="p8">Horizontal Bars</option>
<option value="p9">Cityscape</option>
<option value="p10">Horizon</option>
<option value="p11">ID Cards</option>
<option value="p12">Rounded Rectangles</option>
<option value="p13">Royal Gate</option>
<option value="p14">Diamond</option>
<option value="p15">Diamond-shaped Rectangles</option>
<option value="p16">Handshake</option>
<option value="p17">Randomly Rotated</option>
<option value="p18">Alternating Diagonals</option>
<option value="p19">Circular Corners</option>
<option value="p20">Interconnected Hammers</option>
<option value="p21">Interconnected Circles</option>
<option value="p22">Arrowheads</option>
<option value="p23">Labyrinth</option>
<option value="p24">Curvy Labyrinth</option>
<option value="p25">Triangular Shapes</option>
<option value="p26">Upward-pointing Triangles</option>
<option value="p27">Sideways-pointing Triangles</option>
<option value="p28">House</option>
<option value="p29">Diagonal Circle</option>
<option value="p30">Glowing Circle</option>
<option value="p31">Glowing Square</option>
<option value="p32">Glowing Rounded Corners</option>
<option value="p33">Glowing Circle-in-Square</option>
<option value="p34">No-overlap Rounded Corner</option>
</select>
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
-->
<input type="hidden" name="dp" value="p1">
<section id="qr-pattern-carousel" class="splide splide--slide splide--ltr splide--draggable splide--nav is-active is-overflow is-initialized"
aria-label="The carousel with thumbnails. Selecting a thumbnail will change the Beautiful Gallery carousel." aria-roledescription="carousel">
<div class="splide__arrows splide__arrows--ltr"><button class="splide__arrow splide__arrow--prev" type="button" disabled="" aria-label="Previous slide" aria-controls="qr-pattern-carousel-track"><svg
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false">
<path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path>
</svg></button><button class="splide__arrow splide__arrow--next" type="button" aria-label="Next slide" aria-controls="qr-pattern-carousel-track"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"
focusable="false">
<path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path>
</svg></button></div>
<div class="splide__track splide__track--slide splide__track--ltr splide__track--draggable splide__track--nav" id="qr-pattern-carousel-track" style="padding-left: 0px; padding-right: 0px;">
<ul class="splide__list" id="qr-pattern-carousel-list" role="presentation" style="transform: translateX(0px);">
<li class="splide__slide is-active is-visible" id="qr-pattern-carousel-slide01" role="button" aria-label="Go to slide 1" style="margin-right: 8px; width: 50px; height: 50px;" aria-current="true" tabindex="0">
<img src="/img/qr_pattern/square.png" alt="">
</li>
<li class="splide__slide is-visible is-next" id="qr-pattern-carousel-slide02" role="button" aria-label="Go to slide 2" style="margin-right: 8px; width: 50px; height: 50px;" tabindex="0">
<img src="/img/qr_pattern/dots.png" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-carousel-slide03" role="button" aria-label="Go to slide 3" style="margin-right: 8px; width: 50px; height: 50px;" tabindex="0">
<img src="/img/qr_pattern/roundness.png" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-carousel-slide04" role="button" aria-label="Go to slide 4" style="margin-right: 8px; width: 50px; height: 50px;" tabindex="0">
<img src="/img/qr_pattern/triangle.png" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-carousel-slide05" role="button" aria-label="Go to slide 5" style="margin-right: 8px; width: 50px; height: 50px;" tabindex="0">
<img src="/img/qr_pattern/rhombus.png" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-carousel-slide06" role="button" aria-label="Go to slide 6" style="margin-right: 8px; width: 50px; height: 50px;" tabindex="0">
<img src="/img/qr_pattern/star-5.png" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-carousel-slide07" role="button" aria-label="Go to slide 7" style="margin-right: 8px; width: 50px; height: 50px;" tabindex="0">
<img src="/img/qr_pattern/star-7.png" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-carousel-slide08" role="button" aria-label="Go to slide 8" style="margin-right: 8px; width: 50px; height: 50px;" tabindex="0">
<img src="/img/qr_pattern/vertical-lines.png" alt="">
</li>
<!-- <li class="splide__slide">
<img src="/img/qr_pattern/p9.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p10.png" alt="">
</li> -->
<li class="splide__slide is-visible" id="qr-pattern-carousel-slide09" role="button" aria-label="Go to slide 9" style="margin-right: 8px; width: 50px; height: 50px;" tabindex="0">
<img src="/img/qr_pattern/horizontal-lines.png" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-carousel-slide10" role="button" aria-label="Go to slide 10" style="margin-right: 8px; width: 50px; height: 50px;" tabindex="0">
<img src="/img/qr_pattern/diamond.png" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-carousel-slide11" role="button" aria-label="Go to slide 11" style="margin-right: 8px; width: 50px; height: 50px;" tabindex="0">
<img src="/img/qr_pattern/fish.png" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-carousel-slide12" role="button" aria-label="Go to slide 12" style="margin-right: 8px; width: 50px; height: 50px;" tabindex="0">
<img src="/img/qr_pattern/tree.png" alt="">
</li>
<li class="splide__slide" id="qr-pattern-carousel-slide13" role="button" aria-label="Go to slide 13" style="margin-right: 8px; width: 50px; height: 50px;" aria-hidden="true" tabindex="-1">
<img src="/img/qr_pattern/twoTrianglesWithCircle.png" alt="">
</li>
<li class="splide__slide" id="qr-pattern-carousel-slide14" role="button" aria-label="Go to slide 14" style="margin-right: 8px; width: 50px; height: 50px;" aria-hidden="true" tabindex="-1">
<img src="/img/qr_pattern/fourTriangles.png" alt="">
</li>
<li class="splide__slide" id="qr-pattern-carousel-slide15" role="button" aria-label="Go to slide 15" style="margin-right: 8px; width: 50px; height: 50px;" aria-hidden="true" tabindex="-1">
<img src="/img/qr_pattern/triangle-end.png" alt="">
</li>
<!-- <li class="splide__slide">
<img src="/img/qr_pattern/p18.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p19.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p20.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p21.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p22.png" alt="">
</li> -->
<!-- <li class="splide__slide">
<img src="/img/qr_pattern/p23.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p24.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p25.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p26.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p27.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p28.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p29.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p30.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p31.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p32.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p33.png" alt="">
</li>
<li class="splide__slide">
<img src="/img/qr_pattern/p34.png" alt="">
</li>-->
</ul>
</div>
</section>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element">
<p class="title-customize">Gradient Style</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<select name="dgs" class="form-control qr-inputs-b qr-inputs-m">
<option value="gs1">None</option>
<option value="gs12" selected="">Linear</option>
<option value="gs13">Radial</option>
</select>
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element begin-color">
<p class="title-customize">Gradient begin Color</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required="" name="dgsc" placeholder="#000000" type="text" data-type-placeholder="true" class="form-control qr-inputs-b qr-inputs-m hexcolor" value="">
<div class="contain-color-picker">
<div class="color-picker-wrapper">
<div><input type="color" class="colorpicker" name="color" pattern="^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$" value=""></div>
</div>
</div>
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element">
<p class="title-customize">Gradient End Color</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required="" name="dgec" placeholder="#ffffff" type="text" data-type-placeholder="true" class="form-control qr-inputs-b qr-inputs-m hexcolor" value="">
<div class="contain-color-picker">
<div class="color-picker-wrapper">
<div><input type="color" class="colorpicker" name="color" pattern="^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$" value=""></div>
</div>
</div>
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="mui-style-1mquk94"></div>
<div class="col-12 mb-4 MuiAccordionSummary-content Mui-expanded MuiAccordionSummary-contentGutters mui-style-17o5nyn">
<p class="mui-style-e2p7cd">Corner style</p>
</div>
<div class="col-sm-12 col-md-12 element">
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input type="hidden" name="ep" value="cp1">
<section id="corner-pattern-carousel" class="splide splide--slide splide--ltr splide--draggable splide--nav is-active is-initialized"
aria-label="The carousel with thumbnails. Selecting a thumbnail will change the Beautiful Gallery carousel." aria-roledescription="carousel">
<div class="splide__arrows splide__arrows--ltr"><button class="splide__arrow splide__arrow--prev" type="button" disabled="" aria-label="Previous slide" aria-controls="corner-pattern-carousel-track"><svg
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false">
<path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path>
</svg></button><button class="splide__arrow splide__arrow--next" type="button" aria-label="Next slide" aria-controls="corner-pattern-carousel-track"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40"
height="40" focusable="false">
<path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path>
</svg></button></div>
<div class="splide__track splide__track--slide splide__track--ltr splide__track--draggable splide__track--nav" id="corner-pattern-carousel-track" style="padding-left: 0px; padding-right: 0px;">
<ul class="splide__list" id="corner-pattern-carousel-list" role="presentation" style="transform: translateX(0px);">
<li class="splide__slide is-active is-visible" id="corner-pattern-carousel-slide01" role="button" aria-label="Go to slide 1" aria-current="true" tabindex="0" style="margin-right: 30px; width: 54px; height: 54px;">
<img src="/img/corner_pattern/default.webp" alt="">
</li>
<li class="splide__slide is-visible is-next" id="corner-pattern-carousel-slide02" role="button" aria-label="Go to slide 2" tabindex="0" style="margin-right: 30px; width: 54px; height: 54px;">
<img src="/img/corner_pattern/eye-shaped.webp" alt="">
</li>
<li class="splide__slide is-visible" id="corner-pattern-carousel-slide03" role="button" aria-label="Go to slide 3" tabindex="0" style="margin-right: 30px; width: 54px; height: 54px;">
<img src="/img/corner_pattern/octagon.webp" alt="">
</li>
<li class="splide__slide is-visible" id="corner-pattern-carousel-slide04" role="button" aria-label="Go to slide 4" tabindex="0" style="margin-right: 30px; width: 54px; height: 54px;">
<img src="/img/corner_pattern/rounded-corners.webp" alt="">
</li>
<li class="splide__slide is-visible" id="corner-pattern-carousel-slide05" role="button" aria-label="Go to slide 5" tabindex="0" style="margin-right: 30px; width: 54px; height: 54px;">
<img src="/img/corner_pattern/whirlpool.webp" alt="">
</li>
<li class="splide__slide is-visible" id="corner-pattern-carousel-slide06" role="button" aria-label="Go to slide 6" tabindex="0" style="margin-right: 30px; width: 54px; height: 54px;">
<img src="/img/corner_pattern/water-drop.webp" alt="">
</li>
<li class="splide__slide is-visible" id="corner-pattern-carousel-slide07" role="button" aria-label="Go to slide 7" tabindex="0" style="margin-right: 30px; width: 54px; height: 54px;">
<img src="/img/corner_pattern/circle.webp" alt="">
</li>
<li class="splide__slide is-visible" id="corner-pattern-carousel-slide08" role="button" aria-label="Go to slide 8" tabindex="0" style="margin-right: 30px; width: 54px; height: 54px;">
<img src="/img/corner_pattern/zigzag.webp" alt="">
</li>
<li class="splide__slide is-visible" id="corner-pattern-carousel-slide09" role="button" aria-label="Go to slide 9" tabindex="0" style="margin-right: 30px; width: 54px; height: 54px;">
<img src="/img/corner_pattern/circle-dots.webp" alt="">
</li>
</ul>
</div>
</section>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element corner-color" style="display: none;">
<p class="title-customize">Corner Color Inner</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required="" name="eci" placeholder="#000000" type="text" data-type-placeholder="true" class="form-control qr-inputs-b qr-inputs-m hexcolor" value="">
<div class="contain-color-picker">
<div class="color-picker-wrapper">
<div><input type="color" class="colorpicker" name="color" pattern="^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$" value=""></div>
</div>
</div>
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element corner-color" style="display: none;">
<p class="title-customize">Frame Corner Color Outer</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required="" name="eco" placeholder="#000000" type="text" data-type-placeholder="true" class="form-control qr-inputs-b qr-inputs-m hexcolor" value="">
<div class="contain-color-picker">
<div class="color-picker-wrapper">
<div><input type="color" class="colorpicker" name="color" pattern="^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$" value=""></div>
</div>
</div>
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="add-content add-logo">
<div class="add-content-container">
<div class="customize">
<div data-toggle="collapse" href="#collapseOne" aria-controls="collapseOne" class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded MuiAccordionSummary-gutters mui-style-1tqft8s" tabindex="0" role="button" aria-expanded="true">
<div class="MuiAccordionSummary-content Mui-expanded MuiAccordionSummary-contentGutters mui-style-17o5nyn">
<p data-lokalise="true" data-key="qrBuilder.qrCustomizeForm.sections.frame.type" class="mui-style-e2p7cd">Add logo</p>
</div>
<div class="MuiAccordionSummary-expandIconWrapper Mui-expanded mui-style-1fx8m19">
<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.43.55a2.03 2.03 0 0 0-2.77 0L8.5 4.5 4.34.55a2.03 2.03 0 0 0-2.77 0 1.8 1.8 0 0 0 0 2.63l5.54 5.27a2.03 2.03 0 0 0 2.77 0l5.55-5.27a1.8 1.8 0 0 0 0-2.63Z" fill="var(--accordion-expand-icon-color, currentColor)"></path>
</svg>
</div>
</div>
<div class="row collapse show showc" id="collapseOne">
<div class="col-sm-12 col-lg-6">
<p class="title-customize">Upload your own logo</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i ">
<div class="panel">
<div class="button_outer">
<div class="btn_upload">
<input type="file" id="upload_file" name="own_logo" accept="image/png, image/jpeg, image/jpg"> Upload Image
</div>
<div class="processing_bar"></div>
<div class="success_box"></div>
</div>
</div>
<div class="error_msg"></div>
<div class="uploaded_file_view" id="uploaded_view">
<span class="file_remove">X</span>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element logo-size">
<p class="title-customize">Logo size</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required="" name="ls" placeholder="10" type="number" data-type-placeholder="true" class="form-control qr-inputs-b qr-inputs-m" value="10" min="0" max="11">
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element logo-size">
<p class="title-customize">logo Excavated</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<select name="le" class="form-control qr-inputs-b qr-inputs-m">
<option value="true" selected="">yes</option>
<option value="false">no</option>
</select>
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element logo-size">
<p class="title-customize">Background shape</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<select name="lbs" class="form-control qr-inputs-b qr-inputs-m">
<option value="circle" selected="">Circle</option>
<option value="square">Square</option>
</select>
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element logo-size">
<p class="title-customize">logo Angle</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required="" name="la" placeholder="1-359 (degrees) for clockwise rotation" type="number" data-type-placeholder="true" class="form-control qr-inputs-b qr-inputs-m" value="0">
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="add-content add-poster" style="display: none;">
<div class="add-content-container">
<div class="customize">
<div data-toggle="collapse" href="#collapseThree" aria-controls="collapseThree" class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded MuiAccordionSummary-gutters mui-style-1tqft8s" tabindex="0" role="button" aria-expanded="true">
<div class="MuiAccordionSummary-content Mui-expanded MuiAccordionSummary-contentGutters mui-style-17o5nyn">
<p data-lokalise="true" data-key="qrBuilder.qrCustomizeForm.sections.frame.type" class="mui-style-e2p7cd">Add Poster</p>
</div>
<div class="MuiAccordionSummary-expandIconWrapper Mui-expanded mui-style-1fx8m19">
<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.43.55a2.03 2.03 0 0 0-2.77 0L8.5 4.5 4.34.55a2.03 2.03 0 0 0-2.77 0 1.8 1.8 0 0 0 0 2.63l5.54 5.27a2.03 2.03 0 0 0 2.77 0l5.55-5.27a1.8 1.8 0 0 0 0-2.63Z" fill="var(--accordion-expand-icon-color, currentColor)"></path>
</svg>
</div>
</div>
<div class="row collapse show showc" id="collapseThree">
<div class="col-sm-12 col-lg-6">
<p class="title-customize">Upload your own poster</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i ">
<div class="panel-poster">
<div class="button_poster_outer">
<div class="btn_upload">
<input type="file" id="upload_poster_file" name="own_poster" accept="image/png"> Upload Image (PNG)
</div>
<div class="processing_bar"></div>
<div class="success_box"></div>
</div>
</div>
<div class="error_poster_msg"></div>
<div class="uploaded_file_view" id="uploaded_poster_view">
<span class="file_poster_remove">X</span>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element poster-size">
<p class="title-customize">Poster size</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required="" name="ps" placeholder="10" type="number" data-type-placeholder="true" class="form-control qr-inputs-b qr-inputs-m" value="50" min="0" max="100">
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element poster-size">
<p class="title-customize">Poster Pattern</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<select name="pp" class="form-control qr-inputs-b qr-inputs-m">
<option value="ROUND" selected="">ROUND</option>
<option value="SQUARE">SQUARE</option>
<option value="DIAMONDS">DIAMONDS</option>
<option value="OVAL">OVAL</option>
</select>
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element poster-size">
<p class="title-customize">Poster Eye Shape</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<select name="pe" class="form-control qr-inputs-b qr-inputs-m">
<option value="RECT_RECT" selected="">RECT_RECT</option>
<option value="ROUND_RECT">ROUND_RECT</option>
<option value="RECT_CIRC">RECT_CIRC</option>
<option value="ROUNDRECT_CIRC">ROUNDRECT_CIRC</option>
<option value="CIRC_CIRC">CIRC_CIRC</option>
<option value="BR_LEAF">BR_LEAF</option>
<option value="TR_LEAF">TR_LEAF</option>
<option value="BL_LEAF">BL_LEAF</option>
<option value="TL_LEAF">TL_LEAF</option>
<option value="TLBR_LEAF">TLBR_LEAF</option>
<option value="ZIGZAG">ZIGZAG</option>
<option value="WARP_RECT1">WARP_RECT1</option>
<option value="BLACK_HOLE">BLACK_HOLE</option>
<option value="STAR">STAR</option>
<option value="GRID">GRID</option>
<option value="SCION">SCION</option>
<option value="OCTAGON">OCTAGON</option>
<option value="FLOWER">FLOWER</option>
<option value="HUT">HUT</option>
<option value="DARK_HUT">DARK_HUT</option>
</select>
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element poster-size">
<p class="title-customize">Poster position top</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required="" name="pt" placeholder="50" type="number" data-type-placeholder="true" class="form-control qr-inputs-b qr-inputs-m" value="50">
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element poster-size">
<p class="title-customize">Poster position left</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required="" name="pl" placeholder="50" type="number" data-type-placeholder="true" class="form-control qr-inputs-b qr-inputs-m" value="50">
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="add-content add-logo">
<div class="add-content-container">
<div class="customize">
<div data-toggle="collapse" href="#collapseExample" aria-controls="collapseExample" class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded MuiAccordionSummary-gutters mui-style-1tqft8s" tabindex="0" role="button"
aria-expanded="true">
<div class="MuiAccordionSummary-content Mui-expanded MuiAccordionSummary-contentGutters mui-style-17o5nyn">
<p data-lokalise="true" data-key="qrBuilder.qrCustomizeForm.sections.frame.type" class="mui-style-e2p7cd">QR code frame</p>
</div>
<div class="MuiAccordionSummary-expandIconWrapper Mui-expanded mui-style-1fx8m19">
<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.43.55a2.03 2.03 0 0 0-2.77 0L8.5 4.5 4.34.55a2.03 2.03 0 0 0-2.77 0 1.8 1.8 0 0 0 0 2.63l5.54 5.27a2.03 2.03 0 0 0 2.77 0l5.55-5.27a1.8 1.8 0 0 0 0-2.63Z" fill="var(--accordion-expand-icon-color, currentColor)"></path>
</svg>
</div>
</div>
<div class="row collapse show showc" id="collapseExample">
<!-- <div class="col-sm-12 col-md-6 element">
<p class="title-customize">Frame color</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required name="frame_color"
placeholder="#000000" type="text" data-type-placeholder="true"
class="form-control qr-inputs-b qr-inputs-m" value="#000000">
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element">
<p class="title-customize">Frame text</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required name="frame_text"
placeholder="Scan me!" type="text" data-type-placeholder="true"
class="form-control qr-inputs-b qr-inputs-m" value="Scan me!">
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>-->
<div class="col-sm-12 col-md-12 element">
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input type="hidden" name="shape" value="none">
<section id="qr-pattern-shape" class="splide splide--slide splide--ltr splide--draggable splide--nav is-active is-overflow is-initialized"
aria-label="The carousel with thumbnails. Selecting a thumbnail will change the Beautiful Gallery carousel." aria-roledescription="carousel">
<div class="splide__arrows splide__arrows--ltr"><button class="splide__arrow splide__arrow--prev" type="button" disabled="" aria-label="Previous slide" aria-controls="qr-pattern-shape-track"><svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 40 40" width="40" height="40" focusable="false">
<path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path>
</svg></button><button class="splide__arrow splide__arrow--next" type="button" aria-label="Next slide" aria-controls="qr-pattern-shape-track"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"
focusable="false">
<path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path>
</svg></button></div>
<div class="splide__track splide__track--slide splide__track--ltr splide__track--draggable splide__track--nav" id="qr-pattern-shape-track" style="padding-left: 0px; padding-right: 0px;">
<ul class="splide__list" id="qr-pattern-shape-list" role="presentation" style="transform: translateX(0px);">
<li class="splide__slide is-active is-visible" id="qr-pattern-shape-slide01" role="button" aria-label="Go to slide 1" style="margin-right: 30px; width: 60px; height: 75px;" aria-current="true" tabindex="0">
<img src="/img/shapes/none.jpg" alt="">
</li>
<li class="splide__slide is-visible is-next" id="qr-pattern-shape-slide02" role="button" aria-label="Go to slide 2" style="margin-right: 30px; width: 60px; height: 75px;" tabindex="0">
<img src="/img/shapes/circle.jpg" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-shape-slide03" role="button" aria-label="Go to slide 3" style="margin-right: 30px; width: 60px; height: 75px;" tabindex="0">
<img src="/img/shapes/cloud.jpg" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-shape-slide04" role="button" aria-label="Go to slide 4" style="margin-right: 30px; width: 60px; height: 75px;" tabindex="0">
<img src="/img/shapes/shopping-cart.jpg" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-shape-slide05" role="button" aria-label="Go to slide 5" style="margin-right: 30px; width: 60px; height: 75px;" tabindex="0">
<img src="/img/shapes/gift.jpg" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-shape-slide06" role="button" aria-label="Go to slide 6" style="margin-right: 30px; width: 60px; height: 75px;" tabindex="0">
<img src="/img/shapes/cup.jpg" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-shape-slide07" role="button" aria-label="Go to slide 7" style="margin-right: 30px; width: 60px; height: 75px;" tabindex="0">
<img src="/img/shapes/t-shirt.jpg" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-shape-slide08" role="button" aria-label="Go to slide 8" style="margin-right: 30px; width: 60px; height: 75px;" tabindex="0">
<img src="/img/shapes/home.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide09" role="button" aria-label="Go to slide 9" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/book.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide10" role="button" aria-label="Go to slide 10" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/message.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide11" role="button" aria-label="Go to slide 11" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/bag.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide12" role="button" aria-label="Go to slide 12" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/truck.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide13" role="button" aria-label="Go to slide 13" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/truck.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide14" role="button" aria-label="Go to slide 14" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/trophy.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide15" role="button" aria-label="Go to slide 15" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/umbrella.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide16" role="button" aria-label="Go to slide 16" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/van.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide17" role="button" aria-label="Go to slide 17" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/watch.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide18" role="button" aria-label="Go to slide 18" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/water.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide19" role="button" aria-label="Go to slide 19" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/bulb.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide20" role="button" aria-label="Go to slide 20" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/sun.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide21" role="button" aria-label="Go to slide 21" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/car.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide22" role="button" aria-label="Go to slide 22" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/pet.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide23" role="button" aria-label="Go to slide 23" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/gym.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide24" role="button" aria-label="Go to slide 24" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/salon.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide25" role="button" aria-label="Go to slide 25" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/food.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide26" role="button" aria-label="Go to slide 26" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/ice-cream.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide27" role="button" aria-label="Go to slide 27" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/search.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide28" role="button" aria-label="Go to slide 28" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/burger.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide29" role="button" aria-label="Go to slide 29" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/apple.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide30" role="button" aria-label="Go to slide 30" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/barn.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide31" role="button" aria-label="Go to slide 31" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/sun-rise.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide32" role="button" aria-label="Go to slide 32" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/star.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide33" role="button" aria-label="Go to slide 33" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/realtor.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide34" role="button" aria-label="Go to slide 34" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/legal.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide35" role="button" aria-label="Go to slide 35" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/juice.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide36" role="button" aria-label="Go to slide 36" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/water-glass.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide37" role="button" aria-label="Go to slide 37" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/electrician.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide38" role="button" aria-label="Go to slide 38" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/plumber.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide39" role="button" aria-label="Go to slide 39" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/builder.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide40" role="button" aria-label="Go to slide 40" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/home-mover.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide41" role="button" aria-label="Go to slide 41" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/cooking.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide42" role="button" aria-label="Go to slide 42" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/gardening.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide43" role="button" aria-label="Go to slide 43" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/furniture.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide44" role="button" aria-label="Go to slide 44" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/mobile.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide45" role="button" aria-label="Go to slide 45" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/restaurant.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide46" role="button" aria-label="Go to slide 46" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/travel.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide47" role="button" aria-label="Go to slide 47" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/dentist.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide48" role="button" aria-label="Go to slide 48" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/golf.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide49" role="button" aria-label="Go to slide 49" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/pizza.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide50" role="button" aria-label="Go to slide 50" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/locksmith.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide51" role="button" aria-label="Go to slide 51" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/bakery.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide52" role="button" aria-label="Go to slide 52" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/painter.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide53" role="button" aria-label="Go to slide 53" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/pest.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide54" role="button" aria-label="Go to slide 54" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/teddy.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide55" role="button" aria-label="Go to slide 55" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/boot.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide56" role="button" aria-label="Go to slide 56" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/shield.jpg" alt="">
</li>
<li class="splide__slide" id="qr-pattern-shape-slide57" role="button" aria-label="Go to slide 57" style="margin-right: 30px; width: 60px; height: 75px;" aria-hidden="true" tabindex="-1">
<img src="/img/shapes/shawarma.jpg" alt="">
</li>
</ul>
</div>
</section>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element">
<p class="title-customize">Background color</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required="" name="bc" placeholder="#ffffff" type="text" data-type-placeholder="true" class="form-control qr-inputs-b qr-inputs-m hexcolor" value="">
<div class="contain-color-picker">
<div class="color-picker-wrapper">
<div><input type="color" class="colorpicker" value="#ffffff" name="color" pattern="^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$"></div>
</div>
</div>
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<!-- <div class="col-sm-12 col-md-6 element">
<p class="title-customize">Text color</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required name="frame_text_color"
placeholder="#000000" type="text" data-type-placeholder="true"
class="form-control qr-inputs-b qr-inputs-m" value="#000000">
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>-->
<div class="col-6 element">
<div class="mui-style-1s7ui8h"><label class="no-padding mui-style-1053k5h"><span class="check mui-style-gqbfbn">
<input type="checkbox" name="ifbt" value="1"></span><span class="mui-style-1r2atn2"><span>Transparent background</span></span></label></div>
</div>
</div>
</div>
</div>
</div>
<div class="add-content add-logo">
<div class="add-content-container">
<div class="customize">
<div data-toggle="collapse" href="#collapseFive" aria-controls="collapseFive" class="MuiButtonBase-root MuiAccordionSummary-root Mui-expanded MuiAccordionSummary-gutters mui-style-1tqft8s" tabindex="0" role="button" aria-expanded="true">
<div class="MuiAccordionSummary-content Mui-expanded MuiAccordionSummary-contentGutters mui-style-17o5nyn">
<p data-lokalise="true" data-key="qrBuilder.qrCustomizeForm.sections.frame.type" class="mui-style-e2p7cd">QR Code Sticker</p>
</div>
<div class="MuiAccordionSummary-expandIconWrapper Mui-expanded mui-style-1fx8m19">
<svg width="16" height="9" viewBox="0 0 16 9" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.43.55a2.03 2.03 0 0 0-2.77 0L8.5 4.5 4.34.55a2.03 2.03 0 0 0-2.77 0 1.8 1.8 0 0 0 0 2.63l5.54 5.27a2.03 2.03 0 0 0 2.77 0l5.55-5.27a1.8 1.8 0 0 0 0-2.63Z" fill="var(--accordion-expand-icon-color, currentColor)"></path>
</svg>
</div>
</div>
<div class="row collapse show showc" id="collapseFive">
<div class="col-sm-12 col-md-12 element">
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input type="hidden" name="advanced_shape" value="none">
<section id="qr-pattern-sticker" class="splide splide--slide splide--ltr splide--draggable splide--nav is-active is-initialized"
aria-label="The carousel with thumbnails. Selecting a thumbnail will change the Beautiful Gallery carousel." aria-roledescription="carousel">
<div class="splide__arrows splide__arrows--ltr"><button class="splide__arrow splide__arrow--prev" type="button" disabled="" aria-label="Previous slide" aria-controls="qr-pattern-sticker-track"><svg xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 40 40" width="40" height="40" focusable="false">
<path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path>
</svg></button><button class="splide__arrow splide__arrow--next" type="button" aria-label="Next slide" aria-controls="qr-pattern-sticker-track"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40"
focusable="false">
<path d="m15.5 0.932-4.3 4.38 14.5 14.6-14.5 14.5 4.3 4.4 14.6-14.6 4.4-4.3-4.4-4.4-14.6-14.6z"></path>
</svg></button></div>
<div class="splide__track splide__track--slide splide__track--ltr splide__track--draggable splide__track--nav" id="qr-pattern-sticker-track" style="padding-left: 0px; padding-right: 0px;">
<ul class="splide__list" id="qr-pattern-sticker-list" role="presentation" style="transform: translateX(0px);">
<li class="splide__slide is-active is-visible" id="qr-pattern-sticker-slide01" role="button" aria-label="Go to slide 1" aria-current="true" tabindex="0" style="margin-right: 30px; width: 60px; height: 75px;">
<img src="/img/advanced-shapes/none.png" alt="">
</li>
<li class="splide__slide is-visible is-next" id="qr-pattern-sticker-slide02" role="button" aria-label="Go to slide 2" tabindex="0" style="margin-right: 30px; width: 60px; height: 75px;">
<img src="/img/advanced-shapes/four-corners-text-bottom.png" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-sticker-slide03" role="button" aria-label="Go to slide 3" tabindex="0" style="margin-right: 30px; width: 60px; height: 75px;">
<img src="/img/advanced-shapes/four-corners-text-top.png" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-sticker-slide04" role="button" aria-label="Go to slide 4" tabindex="0" style="margin-right: 30px; width: 60px; height: 75px;">
<img src="/img/advanced-shapes/rect-frame-text-top.png" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-sticker-slide05" role="button" aria-label="Go to slide 5" tabindex="0" style="margin-right: 30px; width: 60px; height: 75px;">
<img src="/img/advanced-shapes/rect-frame-text-bottom.png" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-sticker-slide06" role="button" aria-label="Go to slide 6" tabindex="0" style="margin-right: 30px; width: 60px; height: 75px;">
<img src="/img/advanced-shapes/simple-text-bottom.png" alt="">
</li>
<li class="splide__slide is-visible" id="qr-pattern-sticker-slide07" role="button" aria-label="Go to slide 7" tabindex="0" style="margin-right: 30px; width: 60px; height: 75px;">
<img src="/img/advanced-shapes/simple-text-top.png" alt="">
</li>
<!-- <li class="splide__slide">
<img src="/img/advanced-shapes/coupon.png" alt="">
</li> -->
<!-- <li class="splide__slide">
<img src="/img/advanced-shapes/review-collector.png" alt="">
</li> -->
<li class="splide__slide is-visible" id="qr-pattern-sticker-slide08" role="button" aria-label="Go to slide 8" tabindex="0" style="margin-right: 30px; width: 60px; height: 75px;">
<img src="/img/advanced-shapes/healthcare.png" alt="">
</li>
<!-- <li class="splide__slide">
<img src="/img/advanced-shapes/pincode-protected.png" alt="">
</li> -->
</ul>
</div>
</section>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element">
<p class="title-customize">Text</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required="" name="sticker_text" placeholder="Scan Me" type="text" data-type-placeholder="true" class="form-control qr-inputs-b qr-inputs-m" value="Scan Me">
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element">
<p class="title-customize">Text color</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required="" name="sticker_text_color" placeholder="#ffffff" type="text" data-type-placeholder="true" class="form-control qr-inputs-b qr-inputs-m hexcolor" value="">
<div class="contain-color-picker">
<div class="color-picker-wrapper">
<div><input type="color" class="colorpicker" value="#ffffff" name="color" pattern="^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$"></div>
</div>
</div>
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element">
<p class="title-customize">Text Size</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required="" name="sticker_text_size" min="0" max="2" step="0.01" placeholder="#000000" type="range" data-type-placeholder="true" class="form-control qr-inputs-b qr-inputs-m" value="0.3" style="border: none;">
<fieldset aria-hidden="true" class="qr-inputs-f f-set" style="border:none;">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-sm-12 col-md-6 element">
<p class="title-customize">Background color</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<input required="" name="sticker_background_color" placeholder="#ffffff" type="text" data-type-placeholder="true" class="form-control qr-inputs-b qr-inputs-m hexcolor" value="">
<div class="contain-color-picker">
<div class="color-picker-wrapper">
<div><input type="color" class="colorpicker" value="#1C57CB" name="color" pattern="^#+([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$"></div>
</div>
</div>
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
<div class="col-6 element">
<p class="title-customize">Drop shadow</p>
<div class="qr-inputs">
<div class="qr-inputs-m qr-inputs-i">
<select name="sticker_drop_shadow" class="form-control qr-inputs-b qr-inputs-m">
<option value="true">yes</option>
<option value="false" selected="">no</option>
</select>
<fieldset aria-hidden="true" class="qr-inputs-f f-set">
<legend class="mui-style-hdw1oc"><span class="notranslate"></span>
</legend>
</fieldset>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>Text Content
Home QR Code Maker Pricing Blog Contact EN * English * Español * Português * Français * Deutsch * Malay * Thai * Turkish * Polish * Mandarin * عربي Login * Register * Login * Home * Pricing * Blog * Contact Language * English * Español * Português * Français * Deutsch * Malay * Thai * Turkish * Polish * Mandarin * عربي © 2023 Qrlogo. DONT HAVE AN ACCOUNT ? Sign Up LOGIN Email Password Forgot your password? Log In or Continue with Google Continue with Facebook DO YOU HAVE AN ACCOUNT ? Log In CREATE AN ACCOUNT Name Email Password Sign Up or Continue with Google Continue with Facebook Already have an account ? Log In BY CLICKING 'SIGN UP' OR SIGNING UP WITH YOUR GOOGLE AND/OR FACEBOOK ACCOUNT, YOU CONFIRM THAT YOU HAVE READ AND CONSENT TO OURTERMS OF USE AND PRIVACY POLICY * Choose type * 2 Add content * 3 Customize QR design * 4 Finish QR code pattern * * * * * * * * * * * * * * * Gradient Style None Linear Radial Gradient begin Color Gradient End Color Corner style * * * * * * * * * Corner Color Inner Frame Corner Color Outer Add logo Upload your own logo Upload Image X Logo size logo Excavated yes no Background shape Circle Square logo Angle Add Poster Upload your own poster Upload Image (PNG) X Poster size Poster Pattern ROUND SQUARE DIAMONDS OVAL Poster Eye Shape RECT_RECT ROUND_RECT RECT_CIRC ROUNDRECT_CIRC CIRC_CIRC BR_LEAF TR_LEAF BL_LEAF TL_LEAF TLBR_LEAF ZIGZAG WARP_RECT1 BLACK_HOLE STAR GRID SCION OCTAGON FLOWER HUT DARK_HUT Poster position top Poster position left QR code frame * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Background color Transparent background QR Code Sticker * * * * * * * * Text Text color Text Size Background color Drop shadow yes no generating.... Preview × PREVIEW generating.... Back Preview Finish SUBSCRIPTION NEEDED! × Upgrade now You reached your limit of creating QR Codes, to create more you need to subscribe and unlock all of QRLogo special features Upgrade! YOU DONT WANT TO SIGN UP! × Free Download Enjoy You can download your QR Code Download! HI THERE ✌️ Write with Whatsapp Write with Messenger How may we help you? Just send us a message now to get assistance. 3:36 pm Powered by Popupsmart Dear Website Administrator, Enjoying FreeChat? We've now upgraded it to LiveChatAi.com, providing you with even more features. Register for free at our site to enjoy these new enhancements and remove the current tag. Details about migration: https://livechatai.com/free-live-chat AI bot & live chat for Website x ✕ DATENSCHUTZ & TRANSPARENZ qrlogo.io und unsere Partner bitten um Ihre Zustimmung zur Nutzung Ihrer persönlichen Daten sowie zum Speichern und/oder Zugreifen auf Informationen auf Ihrem Gerät. Dazu gehört die Nutzung Ihrer persönlichen Daten für personalisierte Werbung und Inhalte, Werbe- und Inhaltsmessung, Publikumsforschung und die Entwicklung von Dienstleistungen. Ein Beispiel für die Verarbeitung von Daten könnte ein eindeutiger Identifikator sein, der in einem Cookie gespeichert wird. Ihre persönlichen Daten können von 881 Partnern gespeichert, abgerufen und geteilt werden oder speziell von dieser Seite genutzt werden. Sie können Ihre Einstellungen jederzeit ändern oder Ihre Zustimmung zurückziehen; der Link dazu befindet sich in unserer Datenschutzrichtlinie am Ende dieser Seite. Einige Anbieter können Ihre persönlichen Daten auf Grundlage eines berechtigten Interesses verarbeiten, gegen das Sie durch Verwalten Ihrer Einstellungen unten Einspruch erheben können. Einstellungen verwalten Weiter mit den empfohlenen Cookies Anbieter-Liste | Datenschutzerklärung