https://xkeon.com/

ID de l'analyse :
9b5259e6-ee0e-49fa-9eeb-478e4de867a0Terminée
URL soumise :
https://xkeon.com/
Fin du rapport :
NomType
0object
1object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
$function
jQueryfunction
Popperfunction
google_js_reporting_queueobject
google_srtnumber
<!DOCTYPE html><html lang="en"><head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Xkeon - Free Online QR Code Generator</title>
  <!-- Favicon -->
  <link rel="icon" href="admin/uploads/favicon.png" type="image/x-icon">



   <!-- SEO Meta Tags -->
   <meta name="description" content="Generate high-quality QR codes for free with Xkeon. No sign-up required, no data stored. Create QR codes for URLs, contact information, events, and more instantly!">
    <meta name="keywords" content="QR code generator, free QR code generator, online QR code generator, QR code creator, QR code maker, QR code, generate QR codes, QRGen">

 <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
   
    <meta property="og:title" content="Xkeon - Free Online QR Code Generator">
    <meta property="og:description" content="Create high-quality QR codes for any purpose with Xkeon. It's free, easy to use, and no data is stored. Generate your QR code in seconds!">
    <meta property="og:image" content="admin/uploads/opengraph.png">
  <link rel="stylesheet" href="styles.css">
  
  <link rel="stylesheet" href="static/assets/css/styles.min.css">
  <script async="" src="" charset="UTF-8" crossorigin="*"></script><script src="https://pagead2.googlesyndication.com/pagead/managed/js/adsense/m202412090101/show_ads_impl_with_ama_fy2021.js?client=ca-pub-8250466971351409&amp;plah=xkeon.com"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>



  <meta http-equiv="origin-trial" content="AlK2UR5SkAlj8jjdEc9p3F3xuFYlF6LYjAML3EOqw1g26eCwWPjdmecULvBH5MVPoqKYrOfPhYVL71xAXI1IBQoAAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="Amm8/NmvvQfhwCib6I7ZsmUxiSCfOxWxHayJwyU1r3gRIItzr7bNQid6O8ZYaE1GSQTa69WwhPC9flq/oYkRBwsAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="A9wSqI5i0iwGdf6L1CERNdmsTPgVu44ewj8QxTBYgsv1LCPUVF7YmWOvTappqB1139jAymxUW/RO8zmMqo4zlAAAAACNeyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A+d7vJfYtay4OUbdtRPZA3y7bKQLsxaMEPmxgfhBGqKXNrdkCQeJlUwqa6EBbSfjwFtJWTrWIioXeMW+y8bWAgQAAACTeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="AlK2UR5SkAlj8jjdEc9p3F3xuFYlF6LYjAML3EOqw1g26eCwWPjdmecULvBH5MVPoqKYrOfPhYVL71xAXI1IBQoAAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="Amm8/NmvvQfhwCib6I7ZsmUxiSCfOxWxHayJwyU1r3gRIItzr7bNQid6O8ZYaE1GSQTa69WwhPC9flq/oYkRBwsAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="A9wSqI5i0iwGdf6L1CERNdmsTPgVu44ewj8QxTBYgsv1LCPUVF7YmWOvTappqB1139jAymxUW/RO8zmMqo4zlAAAAACNeyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A+d7vJfYtay4OUbdtRPZA3y7bKQLsxaMEPmxgfhBGqKXNrdkCQeJlUwqa6EBbSfjwFtJWTrWIioXeMW+y8bWAgQAAACTeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"></head><body><div class="adsense-container"><script src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8250466971351409" crossorigin="anonymous" data-checked-head="true"></script></div><ins class="adsbygoogle adsbygoogle-noablate" data-adsbygoogle-status="done" style="display: none !important;" data-ad-status="unfilled"><div id="aswift_0_host" style="border: none; height: 0px; width: 0px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;"><iframe id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;border:0;width:undefinedpx;height:undefinedpx;" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" src="https://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-8250466971351409&amp;output=html&amp;adk=1812271804&amp;adf=3025194257&amp;abgtt=6&amp;lmt=1734672898&amp;plat=1%3A8200%2C2%3A8200%2C3%3A2162688%2C4%3A2162688%2C9%3A134250504%2C16%3A8388608%2C17%3A32%2C24%3A32%2C25%3A32%2C30%3A1048576%2C32%3A32%2C41%3A32%2C42%3A32&amp;format=0x0&amp;url=https%3A%2F%2Fxkeon.com%2F&amp;pra=5&amp;wgl=1&amp;aihb=0&amp;aiof=3&amp;asro=0&amp;ailel=1~2~4~6~7~8~9~10~11~12~13~14~15~16~17~18~19~20~21~24~29~30~34&amp;aiael=1~2~3~4~6~7~8~9~10~11~12~13~14~15~16~17~18~19~20~21~24~29~30~34&amp;aicel=33~38&amp;aifxl=29_18~30_19&amp;aiixl=29_5~30_6&amp;aiict=1&amp;itsi=-1&amp;aiapm=0.3221&amp;aiapmi=0.33938&amp;aiombap=1&amp;aief=1&amp;uach=WyIiLCIiLCIiLCIiLCIiLG51bGwsMCxudWxsLCIiLG51bGwsMF0.&amp;dt=1734672898075&amp;bpp=22&amp;bdt=533&amp;idt=188&amp;shv=r20241212&amp;mjsv=m202412090101&amp;ptt=9&amp;saldr=aa&amp;abxe=1&amp;eoidce=1&amp;nras=1&amp;correlator=3073310177108&amp;frm=20&amp;pv=2&amp;u_tz=0&amp;u_his=2&amp;u_h=1&amp;u_w=1&amp;u_ah=1&amp;u_aw=1&amp;u_cd=24&amp;u_sd=1&amp;dmc=2&amp;adx=-12245933&amp;ady=-12245933&amp;biw=790&amp;bih=590&amp;scr_x=0&amp;scr_y=0&amp;eid=31089328%2C31089337%2C95345967&amp;oid=2&amp;pvsid=3113986309491877&amp;tmod=940281218&amp;uas=0&amp;nvt=1&amp;fsapi=1&amp;fc=1920&amp;brdim=0%2C0%2C0%2C0%2C1%2C0%2C0%2C0%2C800%2C600&amp;vis=1&amp;rsz=%7C%7Cs%7C&amp;abl=NS&amp;fu=33792&amp;bc=31&amp;bz=0&amp;ifi=1&amp;uci=a!1&amp;fsb=1&amp;dtd=218" data-google-container-id="a!1" tabindex="0" title="Advertisement" aria-label="Advertisement" data-load-complete="true"></iframe></div></ins>





<script>
document.addEventListener('click', function(event) {
  var target = event.target;

  for (var i = 0; i < 5; i++) {
    if (target.tagName === 'A' && (target.parentElement.classList.contains('banner-container') || target.parentElement.classList.contains('secondbanner-container'))) {
      event.preventDefault();
      var url = target.getAttribute('href');
      window.open(url, '_blank');
      break;
    }
    target = target.parentElement;
    if (!target) break;
  }
});
</script>







<script>
  document.addEventListener('DOMContentLoaded', function () {
    const darkModeSwitch = document.querySelector('.input43');
    const body = document.body;

    const darkModeEnabled = localStorage.getItem('darkModeEnabled') === 'true';

    if (darkModeEnabled) {
      body.classList.add('dark');
      darkModeSwitch.checked = true; 
    } else {
      body.classList.remove('dark');
      darkModeSwitch.checked = false;
    }

    darkModeSwitch.addEventListener('change', function () {
      console.log('Switch changed:', darkModeSwitch.checked);

      if (darkModeSwitch.checked) {
        body.classList.add('dark');
        localStorage.setItem('darkModeEnabled', 'true');
      } else {
        body.classList.remove('dark');
        localStorage.setItem('darkModeEnabled', 'false');
      }

      console.log('dark class added?', body.classList.contains('dark'));
    });
  });
</script>










  <link rel="icon" href="admin/uploads/favicon.png" type="image/x-icon">

  <link rel="stylesheet" href="styles.css">
  
  <link rel="stylesheet" href="static/assets/css/styles.min.css">

 
      <!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id="></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '');
</script>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
   <script>
  document.addEventListener('DOMContentLoaded', function () {
    const darkModeSwitch = document.querySelector('.input43');
    const body = document.body;

    const darkModeEnabled = localStorage.getItem('darkModeEnabled') === 'true';

    if (darkModeEnabled) {
      body.classList.add('dark');
      darkModeSwitch.checked = true; 
    } else {
      body.classList.remove('dark');
      darkModeSwitch.checked = false;
    }

    darkModeSwitch.addEventListener('change', function () {
      console.log('Switch changed:', darkModeSwitch.checked);

      if (darkModeSwitch.checked) {
        body.classList.add('dark');
        localStorage.setItem('darkModeEnabled', 'true');
      } else {
        body.classList.remove('dark');
        localStorage.setItem('darkModeEnabled', 'false');
      }

      console.log('dark class added?', body.classList.contains('dark'));
    });
  });
</script>


<header class="pt20">
    <div class="container">
        <div class="R aic gx16">
            <div class="C">
           <a class="button" href="https://xkeon.com">
                    <img class="logo" src="/admin/uploads/logo.png" alt="" height="auto">
                    <img class="logo-dark" src="/admin/uploads/logodark.png" alt="" height="auto">
                </a>

  <div class="adsense-container"><script src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8250466971351409" crossorigin="anonymous" data-checked-head="true"></script></div>
            </div>
<div class="C0    " id="headerLinks">
    <ul class="header-links">
        <li><a href="https://xkeon.com" class="c2 dark-c4 fs20 fs32-M">Home</a></li><li><a href="contact.php" class="c2 dark-c4 fs20 fs32-M">Contact Us</a></li>
            </ul>
</div>

            <div class="C0">
                
                <div class=" gtranslate_wrapper"></div>
                </div>

<div class="C0 ">
            <div class="wh60 c3 c3 dark-c8  container">
            <label class="icon wh60 c3 c3 dark-c8 mr8 toggle" for="darkModeSwitch">
                <input id="darkModeSwitch" class="  toggle-input" type="checkbox">
                <div class="icon icon--moon">
                    <svg height="25" width="25" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path clip-rule="evenodd" d="M9.528 1.718a.75.75 0 01.162.819A8.97 8.97 0 009 6a9 9 0 009 9 8.97 8.97 0 003.463-.69.75.75 0 01.981.98 10.503 10.503 0 01-9.694 6.46c-5.799 0-10.5-4.701-10.5-10.5 0-4.368 2.667-8.112 6.46-9.694a.75.75 0 01.818.162z" fill-rule="evenodd"></path>
                    </svg>
                </div>
                <div class="   wh60 c3 c3 dark-c8 mr8 icon icon--sun">
                    <svg height="25" width="25" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                        <path d="M12 2.25a.75.75 0 01.75.75v2.25a.75.75 0 01-1.5 0V3a.75.75 0 01.75-.75zM7.5 12a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM18.894 6.166a.75.75 0 00-1.06-1.06l-1.591 1.59a.75.75 0 101.06 1.061l1.591-1.59zM21.75 12a.75.75 0 01-.75.75h-2.25a.75.75 0 010-1.5H21a.75.75 0 01.75.75zM17.834 18.894a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 10-1.061 1.06l1.59 1.591zM12 18a.75.75 0 01.75.75V21a.75.75 0 01-1.5 0v-2.25A.75.75 0 0112 18zM7.758 17.303a.75.75 0 00-1.061-1.06l-1.591 1.59a.75.75 0 001.06 1.061l1.591-1.59zM6 12a.75.75 0 01-.75.75H3a.75.75 0 010-1.5h2.25A.75.75 0 016 12zM6.697 7.757a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 00-1.061 1.06l1.59 1.591z"></path>
                    </svg>
                </div>
            </label>
        </div>
    </div>

<style>
        body {
            background: #f0f0f0;
        }
        


        .c3 .h1 {
            color: #535493;
        }

     .h1{
            color: #535493;
        }
  

        .dark .dark-c8 {
            color: #71baf9;
        }
    </style>
<style>


.toggle {
    width: 10px; /* Adjust to your desired size */
    height: 10px; /* Adjust to your desired size */
    border-radius: auto;
    display: grid;
    place-items: center;
    cursor: pointer;
    line-height: -3;
    margin-left: -17px; /* Adjust this value as needed to move it to the left */
}

.toggle-input {
  display: none;
}

.icon {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  transition: transform 500ms;
}

.icon--moon {
  transition-delay: 200ms;
}

.icon--sun {
  transform: scale(0);
}

#darkModeSwitch:checked + .icon--moon {
  transform: rotate(360deg) scale(0);
}

#darkModeSwitch:checked ~ .icon--sun {
  transition-delay: 200ms;
  transform: scale(1) rotate(360deg);
}

header.pt20 {
    padding-top: 20px;
    background-color: ;
    border-bottom: 1px solid rgba(204, 204, 204, 0.5); 
}





</style>

                      <div class="C0">
<div class="mobile-nav-icon" id="mobileNavIcon" style="display: none; cursor: pointer;">
    <svg class="icon wh60 c3 c3 dark-c8 mr8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" style="width: 25px; height: 25px;">
        <path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"></path>
    </svg>
</div>
</div>

<div id="sideNavigation" class="side-navigation-menu">
    <span class="close-btn" onclick="closeSideNavigation()">×</span>
    <ul>
        <li><a href="https://xkeon.com">Home</a></li><li><a href="contact.php">Contact Us</a></li>              
        <li>
            <p id="copyright" class="mt-3">
                Copyright © xkeon            </p>
        </li>
    </ul>
</div>




   <script>
 document.addEventListener('DOMContentLoaded', function () {
    const darkModeSwitch = document.getElementById('darkModeSwitch');
    const body = document.body;
    const darkModeEnabled = localStorage.getItem('darkModeEnabled') === 'true';

    if (darkModeEnabled) {
        body.classList.add('dark');
        darkModeSwitch.checked = true;
    } else {
        body.classList.remove('dark');
        darkModeSwitch.checked = false;
    }

    darkModeSwitch.addEventListener('change', function () {
        if (darkModeSwitch.checked) {
            body.classList.add('dark');
            localStorage.setItem('darkModeEnabled', 'true');
        } else {
            body.classList.remove('dark');
            localStorage.setItem('darkModeEnabled', 'false');
        }
    });

    const mobileNavIcon = document.getElementById('mobileNavIcon');
    const sideNav = document.getElementById('sideNavigation');

    function toggleSideNavigation() {
        if (sideNav.style.display === 'block') {
            sideNav.style.display = 'none';
        } else {
            sideNav.style.display = 'block';
        }
    }

    if (window.innerWidth <= 600) {
        mobileNavIcon.style.display = 'block';
    }

    mobileNavIcon.addEventListener('click', toggleSideNavigation);
});

function closeSideNavigation() {
    document.getElementById('sideNavigation').style.display = 'none';
}

</script>


<script>
    document.addEventListener('DOMContentLoaded', function () {
        const socialMediaLinks = document.querySelectorAll('.social-media-link');

        socialMediaLinks.forEach(link => {
            link.classList.add('social-media-icon');
        });
    });
</script>


<style>
.side-navigation-menu {
    display: none;
}

.side-navigation-menu.show {
    display: block;
}
.side-navigation-menu {
    display: none; 
    position: fixed;
    top: 0; 
    left: 0;
    width: 250px; 
    height: 100%; 
    background-color: #696969 ; 
    z-index: 1000;
    padding-top: 60px; 
}

.side-navigation-menu a {
    display: block; 
    padding: 10px 20px; 
    color: #fff; 
    text-decoration: none;
}

.side-navigation-menu a:hover {
    background-color: #555; 
}

.side-navigation-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.close-btn {
    position: absolute; 
    top: 20px; 
    right: 20px; 
    color: #fff; 
    cursor: pointer; 
    font-size: 24px; 
}
.social-media-icons ul li a svg {
    width: 5px;
    height: 5px;
}
.social-media-icons {
    position: relative;
    text-align: center;
}

.social-media-icons ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.social-media-icons ul li {
    display: inline-block;
    margin-right: 10px; 
    vertical-align: middle;
}

.social-media-icons ul li:last-child {
    margin-right: 0;
}

.social-media-icons ul li a svg {
    width: 9px;
    height: 9px;
    fill: #fff; 
}
    .social-media-icon svg {
        width: 24px; 
        height: 24px; 
        fill: #fff; 
    }
</style>





</div></div></header>

 <div class="main">
    <div class="pt60 pt96-M pb48 pb72-L">
        <div class="container tac">
            <div class="mb48">
                <div class="fs28 fs56-M fw7 c3 dark-c8 lh13 mb12">QR code Generator</div>
                <div class="c2 dark-c4 fs20 fs32-M">Generate simple &amp; advanced QR codes. Easy, customizable in seconds </div>
                </div>
                <label for="dataType" class="c2 dark-c4 fs20 fs32-M"> </label>
 <div class="     dark-c8  mb72-M">
    <select id="dataType" name="dataType" class="styled-select">
        <option value="link">Link</option>
        <option value="text">Text</option>
        <option value="email">Email</option>
        <option value="location">Location</option>
        <option value="phone">Phone</option>
        <option value="sms">SMS</option>
        <option value="whatsapp">WhatsApp</option>
        <option value="skype">Skype</option>
        <option value="zoom">Zoom</option>
        <option value="wifi">WiFi</option>
        <option value="vcard">vCard</option>
        <option value="paypal">PayPal</option>
    </select><div class="select-container"><div class="option selected" data-value="link"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon wh60 c3 c3 dark-c8 mr8"><path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4 10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z"></path></svg><span>Link</span></div><div class="option" data-value="text"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon wh60 c3 c3 dark-c8 mr8"><path d="M192 32h64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H384l0 352c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-352H288V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V352H192c-88.4 0-160-71.6-160-160s71.6-160 160-160z"></path></svg><span>Text</span></div><div class="option" data-value="email"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon wh60 c3 c3 dark-c8 mr8"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"></path></svg><span>Email</span></div><div class="option" data-value="location"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="icon wh60 c3 c3 dark-c8 mr8"><path d="M215.7 499.2C267 435 384 279.4 384 192C384 86 298 0 192 0S0 86 0 192c0 87.4 117 243 168.3 307.2c12.3 15.3 35.1 15.3 47.4 0zM192 128a64 64 0 1 1 0 128 64 64 0 1 1 0-128z"></path></svg><span>Location</span></div><div class="option" data-value="phone"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="icon wh60 c3 c3 dark-c8 mr8 "><path d="M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z"></path></svg><span>Phone</span></div><div class="option" data-value="sms"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon wh60 c3 c3 dark-c8 mr8 "><path d="M208 352c114.9 0 208-78.8 208-176S322.9 0 208 0S0 78.8 0 176c0 38.6 14.7 74.3 39.6 103.4c-3.5 9.4-8.7 17.7-14.2 24.7c-4.8 6.2-9.7 11-13.3 14.3c-1.8 1.6-3.3 2.9-4.3 3.7c-.5 .4-.9 .7-1.1 .8l-.2 .2 0 0 0 0C1 327.2-1.4 334.4 .8 340.9S9.1 352 16 352c21.8 0 43.8-5.6 62.1-12.5c9.2-3.5 17.8-7.4 25.3-11.4C134.1 343.3 169.8 352 208 352zM448 176c0 112.3-99.1 196.9-216.5 207C255.8 457.4 336.4 512 432 512c38.2 0 73.9-8.7 104.7-23.9c7.5 4 16 7.9 25.2 11.4c18.3 6.9 40.3 12.5 62.1 12.5c6.9 0 13.1-4.5 15.2-11.1c2.1-6.6-.2-13.8-5.8-17.9l0 0 0 0-.2-.2c-.2-.2-.6-.4-1.1-.8c-1-.8-2.5-2-4.3-3.7c-3.6-3.3-8.5-8.1-13.3-14.3c-5.5-7-10.7-15.4-14.2-24.7c24.9-29 39.6-64.7 39.6-103.4c0-92.8-84.9-168.9-192.6-175.5c.4 5.1 .6 10.3 .6 15.5z"></path></svg><span>SMS</span></div><div class="option" data-value="whatsapp"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon wh60 c3 c3 dark-c8 mr8 "><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7 .9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg><span>WhatsApp</span></div><div class="option" data-value="skype"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="icon wh60 c3 c3 dark-c8 mr8 "><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M424.7 299.8c2.9-14 4.7-28.9 4.7-43.8 0-113.5-91.9-205.3-205.3-205.3-14.9 0-29.7 1.7-43.8 4.7C161.3 40.7 137.7 32 112 32 50.2 32 0 82.2 0 144c0 25.7 8.7 49.3 23.3 68.2-2.9 14-4.7 28.9-4.7 43.8 0 113.5 91.9 205.3 205.3 205.3 14.9 0 29.7-1.7 43.8-4.7 19 14.6 42.6 23.3 68.2 23.3 61.8 0 112-50.2 112-112 .1-25.6-8.6-49.2-23.2-68.1zm-194.6 91.5c-65.6 0-120.5-29.2-120.5-65 0-16 9-30.6 29.5-30.6 31.2 0 34.1 44.9 88.1 44.9 25.7 0 42.3-11.4 42.3-26.3 0-18.7-16-21.6-42-28-62.5-15.4-117.8-22-117.8-87.2 0-59.2 58.6-81.1 109.1-81.1 55.1 0 110.8 21.9 110.8 55.4 0 16.9-11.4 31.8-30.3 31.8-28.3 0-29.2-33.5-75-33.5-25.7 0-42 7-42 22.5 0 19.8 20.8 21.8 69.1 33 41.4 9.3 90.7 26.8 90.7 77.6 0 59.1-57.1 86.5-112 86.5z"></path></svg><span>Skype</span></div><div class="option" data-value="zoom"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon wh60 c3 c3 dark-c8 mr8 "><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128zM559.1 99.8c10.4 5.6 16.9 16.4 16.9 28.2V384c0 11.8-6.5 22.6-16.9 28.2s-23 5-32.9-1.6l-96-64L416 337.1V320 192 174.9l14.2-9.5 96-64c9.8-6.5 22.4-7.2 32.9-1.6z"></path></svg><span>Zoom</span></div><div class="option" data-value="wifi"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" class="icon wh60 c3 c3 dark-c8 mr8 " <!--!font="" awesome="" free="" 6.5.2="" by="" @fontawesome="" -="" https:="" fontawesome.com="" license="" copyright="" 2024="" fonticons,="" inc.--=""><path d="M54.2 202.9C123.2 136.7 216.8 96 320 96s196.8 40.7 265.8 106.9c12.8 12.2 33 11.8 45.2-.9s11.8-33-.9-45.2C549.7 79.5 440.4 32 320 32S90.3 79.5 9.8 156.7C-2.9 169-3.3 189.2 8.9 202s32.5 13.2 45.2 .9zM320 256c56.8 0 108.6 21.1 148.2 56c13.3 11.7 33.5 10.4 45.2-2.8s10.4-33.5-2.8-45.2C459.8 219.2 393 192 320 192s-139.8 27.2-190.5 72c-13.3 11.7-14.5 31.9-2.8 45.2s31.9 14.5 45.2 2.8c39.5-34.9 91.3-56 148.2-56zm64 160a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z"></path></svg><span>WiFi</span></div><div class="option" data-value="vcard"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="icon wh60 c3 c3 dark-c8 mr8 "><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H512c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm80 256h64c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16c0-44.2 35.8-80 80-80zm-32-96a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zm256-32H496c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H496c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16zm0 64H496c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s7.2-16 16-16z"></path></svg><span>vCard</span></div><div class="option" data-value="paypal"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" class="icon wh60 c3 c3 dark-c8 mr8 "><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M111.4 295.9c-3.5 19.2-17.4 108.7-21.5 134-.3 1.8-1 2.5-3 2.5H12.3c-7.6 0-13.1-6.6-12.1-13.9L58.8 46.6c1.5-9.6 10.1-16.9 20-16.9 152.3 0 165.1-3.7 204 11.4 60.1 23.3 65.6 79.5 44 140.3-21.5 62.6-72.5 89.5-140.1 90.3-43.4 .7-69.5-7-75.3 24.2zM357.1 152c-1.8-1.3-2.5-1.8-3 1.3-2 11.4-5.1 22.5-8.8 33.6-39.9 113.8-150.5 103.9-204.5 103.9-6.1 0-10.1 3.3-10.9 9.4-22.6 140.4-27.1 169.7-27.1 169.7-1 7.1 3.5 12.9 10.6 12.9h63.5c8.6 0 15.7-6.3 17.4-14.9 .7-5.4-1.1 6.1 14.4-91.3 4.6-22 14.3-19.7 29.3-19.7 71 0 126.4-28.8 142.9-112.3 6.5-34.8 4.6-71.4-23.8-92.6z"></path></svg><span>PayPal</span></div></div>
</div>
 <script>
document.addEventListener("DOMContentLoaded", function() {
    var select = document.getElementById('dataType');

    function toggleLinkOption() {
        Array.from(select.options).forEach(function(option) {
            if (option.value === 'link') {
                option.selected = true;
                var event = new Event('change', { bubbles: true });
                select.dispatchEvent(event);
                
                var optionButton = document.querySelector('.option[data-value="link"]');
                optionButton.classList.add('selected');
            }
        });
    }

    toggleLinkOption();
});


</script>

<script>


</script>
   
<style>


        body {
            background: #f0f0f0;
        }

        .c3 {
            color: #535493;
        }

        .dark body {
            background: #add8e6;
        }

        .dark .dark-c8 {
            color: #71baf9;
        }
        
     .h1{
            color: #535493;
        }
  .h2{
            color: #535493;
        }
        .h3{
            color: #535493;
        }
:root {
    --dark-mode-bg-color: #71baf9;
}

input[type="submit"] {
    background-color: #535493; 
}

.dark input[type="submit"] {
    background-color: var(--dark-mode-bg-color); 
}





    </style>
    
    


<div class="pb72">
        <div class="layout-wrapper">
            <div class="bgc12 dark-bgc9 py48 py72-L px16 br12 form-section">
                <div class="accordion-wrapper">
                    <div class="accordion">
                                <div id="dataInput"><label for="data" class="c2 dark-c4 fs20 fs32-M ">Link:</label><input type="url" id="data" name="data" placeholder="https://" required="" class="accordion-btn"></div>
                                

<button class="accordion-btn tac fs24 fs40-M fw6 c3 dark-c8 mb24">
    <svg class="icon wh60 c3 c3 dark-c8 mr8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M512 256c0 .9 0 1.8 0 2.7c-.4 36.5-33.6 61.3-70.1 61.3H344c-26.5 0-48 21.5-48 48c0 3.4 .4 6.7 1 9.9c2.1 10.2 6.5 20 10.8 29.9c6.1 13.8 12.1 27.5 12.1 42c0 31.8-21.6 60.7-53.4 62c-3.5 .1-7 .2-10.6 .2C114.6 512 0 397.4 0 256S114.6 0 256 0S512 114.6 512 256zM128 288a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm0-96a32 32 0 1 0 0-64 32 32 0 1 0 0 64zM288 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm96 96a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"></path></svg>
    Colors
</button>
                        <div class="panel">
                            <label for="bgcolor" class="c2 dark-c4 fs20 fs32-M">Background Color:</label>
                            <input type="color" id="bgcolor" name="bgcolor" value="#ffffff">
                            <br>
                            <label for="dotsColor" class="c2 dark-c4 fs20 fs32-M">Dots Color:</label>
                            <input type="color" id="dotsColor" name="dotsColor" value="#000000">
                            <br>
                            <label for="cornersSquareColor" class="c2 dark-c4 fs20 fs32-M">Corners Square Color:</label>
                            <input type="color" id="cornersSquareColor" name="cornersSquareColor" value="#000000">
                            <br>
                            <label for="cornersDotColor" class="c2 dark-c4 fs20 fs32-M">Corners Dot Color:</label>
                            <input type="color" id="cornersDotColor" name="cornersDotColor" value="#000000">
                        </div>

<button class="accordion-btn tac fs24 fs40-M fw6 c3 dark-c8 mb24">
    <svg class="icon wh60 c3 c3 dark-c8 mr8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM199.4 312.6c31.2 31.2 81.9 31.2 113.1 0c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9c-50 50-131 50-181 0s-50-131 0-181s131-50 181 0c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0c-31.2-31.2-81.9-31.2-113.1 0s-31.2 81.9 0 113.1z"></path></svg>
    Logo
</button>                       <div class="panel">
    <label for="logo" class="c2 dark-c4 fs20 fs32-M">Upload Logo:</label>
    <input type="file" id="logo" name="logo"><br>

   <label for="logoSize" class="c2 dark-c4 fs20 fs32-M">Logo Size:</label>
    <input type="range" id="logoSize" name="logoSize" min="0.1" max="1" step="0.01" value="0.8">
    <span id="logoSizeValue">80%</span><br>

    <label for="logoMargin" class="c2 dark-c4 fs20 fs32-M">Logo Margin:</label>
    <input type="range" id="logoMargin" name="logoMargin" min="0" max="100" step="1" value="0">
    <span id="logoMarginValue">0%</span><br>
</div>
<button class="accordion-btn tac fs24 fs40-M fw6 c3 dark-c8 mb24">
    <svg class="icon wh60 c3 c3 dark-c8 mr8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 80C0 53.5 21.5 32 48 32h96c26.5 0 48 21.5 48 48v96c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80zM64 96v64h64V96H64zM0 336c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v96c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V336zm64 16v64h64V352H64zM304 32h96c26.5 0 48 21.5 48 48v96c0 26.5-21.5 48-48 48H304c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48zm80 64H320v64h64V96zM256 304c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16s7.2 16 16 16h32c8.8 0 16-7.2 16-16s7.2-16 16-16s16 7.2 16 16v96c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s-7.2-16-16-16s-16 7.2-16 16v64c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V304zM368 480a16 16 0 1 1 0-32 16 16 0 1 1 0 32zm64 0a16 16 0 1 1 0-32 16 16 0 1 1 0 32z"></path></svg>
    QR Style
</button>   
                        <div class="panel">
                            <label for="cornersSquareStyle" class="c2 dark-c4 fs20 fs32-M">Corners Square Style:</label>
                            <select id="cornersSquareStyle" name="cornersSquareStyle">
                                <option value="square">Square</option>
                                <option value="rounded">Rounded</option>
                            </select>
                            <br>
                            <label for="cornersDotStyle" class="c2 dark-c4 fs20 fs32-M">Corners Dot Style:</label>
                            <select id="cornersDotStyle" name="cornersDotStyle">
                                <option value="dot">Dot</option>
                                <option value="square">Square</option>
                            </select>
                            <br>
                            <label for="dotsStyle" class="c2 dark-c4 fs20 fs32-M">Dots Style:</label>
                            <select id="dotsStyle" name="dotsStyle">
                                <option value="dot">Dot</option>
                                <option value="rounded">Rounded</option>
                                <option value="classy">Classy</option>
                            </select>
                        </div>

<button class="accordion-btn tac fs24 fs40-M fw6 c3 dark-c8 mb24">
    <svg class="icon wh60 c3 c3 dark-c8 mr8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M495.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4L83.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L22.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z"></path></svg>
Options
</button>                          <div class="panel">
                            <label id="shape-label" for="shape" class="c2 dark-c4 fs20 fs32-M" style="display: none;">Shape:</label>
<select id="shape" name="shape" style="display: none;"></select>
<br>
<label id="quality-label" for="quality" class="c2 dark-c4 fs20 fs32-M" style="display: none;">Quality:</label>
<select id="quality" name="quality" style="display: none;"></select>

<label for="size" class="c2 dark-c4 fs20 fs32-M">Size:</label>
<select id="size" name="size">
    <option value="small">Small</option>
    <option value="medium">Medium</option>
    <option value="medium-large" selected="">Medium-Large</option>
    <option value="large">Large</option>
</select>


                            <br>
                            <label for="ecLevel" class="c2 dark-c4 fs20 fs32-M">Error Correction:</label>
                            <select id="ecLevel" name="ecLevel">
                                <option value="L">Low</option>
                                <option value="M">Medium</option>
                                <option value="Q">Quartile</option>
                                <option value="H">High</option>
                            </select>
                            <br>
                            <label for="format" class="c2 dark-c4 fs20 fs32-M">Format:</label>
                            <select id="format" name="format">
                                <option value="png">PNG</option>
                                <option value="jpeg">JPEG</option>
                                <option value="webp">WebP</option>
                            </select>
                        </div>
                    </div>
                </div>
            </div>

<div class="bgc12 dark-bgc9 py48 py72-L px16 br12 qr-section">
    <form id="qrForm">
        
        <br>
        <br>
       
    <div id="qr-container" class="icon  c3 dark-c8 ">
       <svg id="qr-placeholder" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="384" height="384">
    <path d="M0 80C0 53.5 21.5 32 48 32h96c26.5 0 48 21.5 48 48v96c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80zM64 96v64h64V96H64zM0 336c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v96c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V336zm64 16v64h64V352H64zM304 32h96c26.5 0 48 21.5 48 48v96c0 26.5-21.5 48-48 48H304c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48zm80 64H320v64h64V96zM256 304c0-8.8 7.2-16 16-16h64c8.8 0 16 7.2 16 16s7.2 16 16 16h32c8.8 0 16-7.2 16-16s7.2-16 16-16s16 7.2 16 16v96c0 8.8-7.2 16-16 16H368c-8.8 0-16-7.2-16-16s-7.2-16-16-16s-16 7.2-16 16v64c0 8.8-7.2 16-16 16H272c-8.8 0-16-7.2-16-16V304zM368 480a16 16 0 1 1 0-32 16 16 0 1 1 0 32zm64 0a16 16 0 1 1 0-32 16 16 0 1 1 0 32z"></path>
</svg>

        <div id="qr-code" style="display: none;"></div>
<input type="submit" value="Generate QR" class="">

    
    </div></form>
<button id="downloadBtn" style="display:none;">
    <svg class="icon wh60 c3  dark-c8 " xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
        <path d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"></path>
    </svg>
</button>
<div class="banner-container"></div>
</div>

</div>
</div>


<script>
var shapeLabel = document.getElementById('shape-label');
var shapeSelect = document.getElementById('shape');
var qualityLabel = document.getElementById('quality-label');
var qualitySelect = document.getElementById('quality');

if (shapeLabel && shapeSelect) {
    shapeLabel.style.display = 'none'; 
    shapeSelect.style.display = 'none'; 
}

if (qualityLabel && qualitySelect) {
    qualityLabel.style.display = 'none'; 
    qualitySelect.style.display = 'none'; 
}
</script>
 <script>

document.addEventListener("DOMContentLoaded", function() {
    var logoSizeInput = document.getElementById("logoSize");
    var logoSizeValue = document.getElementById("logoSizeValue");
    logoSizeValue.textContent = (logoSizeInput.value * 100) + "%";
    logoSizeInput.addEventListener("input", function() {
        logoSizeValue.textContent = (this.value * 100) + "%";
    });

    var logoMarginInput = document.getElementById("logoMargin");
    var logoMarginValue = document.getElementById("logoMarginValue");
    logoMarginValue.textContent = logoMarginInput.value + "%";
    logoMarginInput.addEventListener("input", function() {
        logoMarginValue.textContent = this.value + "%";
    });
});
    </script>

 <script>
 
      document.addEventListener("DOMContentLoaded", function() {
    var accordionButtons = document.querySelectorAll('.accordion-btn');

    accordionButtons.forEach(function(button) {
        button.addEventListener('click', function() {
            var panel = this.nextElementSibling;
            if (panel.style.display === "block") {
                panel.style.display = "none";
            } else {
                panel.style.display = "block";
            }
        });
    });
});

    </script>
    


<script>



</script>
<script>
  
</script>

<script>

</script>


        <script src="https://unpkg.com/[email protected]/lib/qr-code-styling.js"></script>
<script src="js/qr.js"></script>
<script src="js/icons-types.js"></script>
<script src="js/input-Listener.js"></script>
<script src="js/qr-forms.js"></script>











  

</div>

   <div class="py48 py72-L">
        <div class="container">
        <div class="tac fs24 fs40-M fw6 c3 dark-c8 mb48 mb72-M">How it works
</div>            <div class="R gy48">
                                    <div class="C-M tac">
                        <svg class="icon wh72 wh96-L c3 dark-c8 mb32">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M128 40c0-22.1 17.9-40 40-40s40 17.9 40 40V188.2c8.5-7.6 19.7-12.2 32-12.2c20.6 0 38.2 13 45 31.2c8.8-9.3 21.2-15.2 35-15.2c25.3 0 46 19.5 47.9 44.3c8.5-7.7 19.8-12.3 32.1-12.3c26.5 0 48 21.5 48 48v48 16 48c0 70.7-57.3 128-128 128l-16 0H240l-.1 0h-5.2c-5 0-9.9-.3-14.7-1c-55.3-5.6-106.2-34-140-79L8 336c-13.3-17.7-9.7-42.7 8-56s42.7-9.7 56 8l56 74.7V40zM240 304c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304zm48-16c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304c0-8.8-7.2-16-16-16zm80 16c0-8.8-7.2-16-16-16s-16 7.2-16 16v96c0 8.8 7.2 16 16 16s16-7.2 16-16V304z"></path></svg>                        </svg>
                        <div class="fs24 c1 dark-c12 fw6 mb20">Select a QR Code Type </div>
                        <div class="fs16 c2 dark-c4">Pick from 12 types of QR codes youd like to generate by clicking on the appropriate button</div>
                    </div>
                                    <div class="C-M tac">
                        <svg class="icon wh72 wh96-L c3 dark-c8 mb32">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 64C0 28.7 28.7 0 64 0H352c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V64zM160 352c0-17.7 14.3-32 32-32V304c0-44.2 35.8-80 80-80H416c17.7 0 32-14.3 32-32V160 69.5c37.3 13.2 64 48.7 64 90.5v32c0 53-43 96-96 96H272c-8.8 0-16 7.2-16 16v16c17.7 0 32 14.3 32 32V480c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32V352z"></path></svg>                        </svg>
                        <div class="fs24 c1 dark-c12 fw6 mb20">Fill in the details</div>
                        <div class="fs16 c2 dark-c4">Depending on the QR code type you have selected, you will be prompted to enter all relevant data. You can also add customizations, like color, your logo .</div>
                    </div>
                                    <div class="C-M tac">
                        <svg class="icon wh72 wh96-L c3 dark-c8 mb32">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M3.9 54.9C10.5 40.9 24.5 32 40 32H472c15.5 0 29.5 8.9 36.1 22.9s4.6 30.5-5.2 42.5L320 320.9V448c0 12.1-6.8 23.2-17.7 28.6s-23.8 4.3-33.5-3l-64-48c-8.1-6-12.8-15.5-12.8-25.6V320.9L9 97.3C-.7 85.4-2.8 68.8 3.9 54.9z"></path></svg>                        </svg>
                        <div class="fs24 c1 dark-c12 fw6 mb20">Customize Options</div>
                        <div class="fs16 c2 dark-c4">set the the image format  for your QR code .PNG .JPEG .Webp and size , Error Correction.</div>
                    </div>
                                    <div class="C-M tac">
                        <svg class="icon wh72 wh96-L c3 dark-c8 mb32">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M256 0a256 256 0 1 0 0 512A256 256 0 1 0 256 0zM376.9 294.6L269.8 394.5c-3.8 3.5-8.7 5.5-13.8 5.5s-10.1-2-13.8-5.5L135.1 294.6c-4.5-4.2-7.1-10.1-7.1-16.3c0-12.3 10-22.3 22.3-22.3l57.7 0 0-96c0-17.7 14.3-32 32-32l32 0c17.7 0 32 14.3 32 32l0 96 57.7 0c12.3 0 22.3 10 22.3 22.3c0 6.2-2.6 12.1-7.1 16.3z"></path></svg>                        </svg>
                        <div class="fs24 c1 dark-c12 fw6 mb20">Generate &amp; Download</div>
                        <div class="fs16 c2 dark-c4">Click Generate and Download your newly generated QR code .</div>
                    </div>
                            </div>
        </div>
    </div>
<style>

</style>

    <div class="container">
        <h1 class="tac fs24 fs40-M fw6 c3 dark-c8 mb48 mb72-M">Latest Blogs</h1>
        <div class="latest-blogs">
                            <a href="article.php?id=52" class="blog-item">
                    <div class="blog-content">
                        <img src="/admin/blog/Xkeon ஐப் பயன்படுத்தி URLக்கான QR குறியீட்டை எவ்வாறு உருவாக்குவது.jpg" alt="Xkeon ஐப் பயன்படுத்தி URLக்கான QR குறியீட்டை எவ்வாறு உருவாக்குவது">
                        <h1 class="fs24 c1 dark-c12 fw6 mb20">Xkeon ஐப் பயன்படுத்தி URLக்கான QR குறியீட்டை எவ்வாறு உருவாக்குவது</h1>
                        <div class="fs20-S c2 dark-c4 fs16"><p>URL க்கு QR குறியீட்ட...</p></div>
                    </div>
                </a>
                            <a href="article.php?id=51" class="blog-item">
                    <div class="blog-content">
                        <img src="/admin/blog/Wi-Fi  QR குறியீட்டை எவ்வாறு உருவாக்குவது.jpg" alt="Wi-Fi அணுகலுக்கான QR குறியீட்டை எவ்வாறு உருவாக்குவது">
                        <h1 class="fs24 c1 dark-c12 fw6 mb20">Wi-Fi அணுகலுக்கான QR குறியீட்டை எவ்வாறு உருவாக்குவது</h1>
                        <div class="fs20-S c2 dark-c4 fs16"><p>இன்றைய டிஜிட்டல் ...</p></div>
                    </div>
                </a>
                            <a href="article.php?id=50" class="blog-item">
                    <div class="blog-content">
                        <img src="/admin/blog/உங்கள் ஃபோனைப் பயன்படுத்தி QR குறியீடுகளை ஸ்கேன் செய்வது எப்படி.jpg" alt="உங்கள் ஃபோனைப் பயன்படுத்தி QR குறியீடுகளை ஸ்கேன் செய்வது எப்படி">
                        <h1 class="fs24 c1 dark-c12 fw6 mb20">உங்கள் ஃபோனைப் பயன்படுத்தி QR குறியீடுகளை ஸ்கேன் செய்வது எப்படி</h1>
                        <div class="fs20-S c2 dark-c4 fs16"><p>QR (விரைவு பதில்) கு�...</p></div>
                    </div>
                </a>
                            <a href="article.php?id=49" class="blog-item">
                    <div class="blog-content">
                        <img src="/admin/blog/QR குறியீடு கண்காணிப்பு மற்றும் பகுப்பாய்வு எவ்வாறு செயல்படுகிறது.webp" alt="QR குறியீடு கண்காணிப்பு மற்றும் பகுப்பாய்வு எவ்வாறு செயல்படுகிறது?">
                        <h1 class="fs24 c1 dark-c12 fw6 mb20">QR குறியீடு கண்காணிப்பு மற்றும் பகுப்பாய்வு எவ்வாறு செயல்படுகிறது?</h1>
                        <div class="fs20-S c2 dark-c4 fs16"><p>QR குறியீடு கண்காண�...</p></div>
                    </div>
                </a>
                    </div>
    </div>








<div class="secondbanner-container"></div>
</div>
  
    <div class="pb72">
      <div class="container">
        <div class="bgc12 dark-bgc9 py48 py72-L px16 br12">
          <div class="tac fs24 fs40-M fw6 c3 dark-c8 mb48 mb72-M">FAQs</div>
          <div class="ma" style="max-width:800px;">
            <div class="gy48 gy52-M">
                              <div>
                  <div class="fs20 fs24-S fw6 c1 dark-c12 mb16 lh13">What is a QR code?</div>
                  <div class="c2 dark-c4 fs16 fs20-S">A QR code (Quick Response code) is a type of matrix barcode (or two-dimensional barcode) first designed in 1994 for the automotive industry in Japan. It's a machine-readable optical label that contains information about the item to which it is attached.</div>
                </div>
                              <div>
                  <div class="fs20 fs24-S fw6 c1 dark-c12 mb16 lh13">Can I use the generated QR Codes for commercial purposes?</div>
                  <div class="c2 dark-c4 fs16 fs20-S">Yes, all QR codes you created with this QR generator are free and can be used for whatever you want.</div>
                </div>
                              <div>
                  <div class="fs20 fs24-S fw6 c1 dark-c12 mb16 lh13">Are the created qr codes expiring?</div>
                  <div class="c2 dark-c4 fs16 fs20-S">They do not expire and will work forever! QR Codes created are static and do not stop working after a certain time. You just can’t edit the content of the QR Codes again.</div>
                </div>
                              <div>
                  <div class="fs20 fs24-S fw6 c1 dark-c12 mb16 lh13">Is there a scan limit for the QR codes?</div>
                  <div class="c2 dark-c4 fs16 fs20-S">There is no limit and the created QR code will work forever. Scan it is many times as you wish!</div>
                </div>
                              <div>
                  <div class="fs20 fs24-S fw6 c1 dark-c12 mb16 lh13">Does QR codes have to be black and white?</div>
                  <div class="c2 dark-c4 fs16 fs20-S">Not at all. You can use your brand or company colors, or whatever color you like.</div>
                </div>
                          </div>
          </div>
        </div>
      </div>
    </div>


 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-xyz" crossorigin="anonymous">


   <script>
    function openTawkToChat() {
          }
  </script>
 <footer class="py40 mta bgc6">
    <div class="container">
        <div class="R gy48 gx48">
            <div class="C0-M mr72-L">
                  <div class="C0-M">
   <div class="c7 fs24 fw6 mb12">Links</div>
<div class="gy12">
            <div><a href="https://xkeon.com" class="link2 c4">Home</a></div>
            <div><a href="contact.php" class="link2 c4">Contact Us</a></div>
        </div>
          </div>
        </div>
        
<div class="C0-M" style="margin-bottom: 10px;">
                <div class="c7 fs24 fw6 mb12">Pages</div>
                <div class="gy12">
                                            <div><a href="page.php?id=18" class="link2 c4">Terms and Privacy</a></div>
                                            <div><a href="page.php?id=19" class="link2 c4">About us </a></div>
                                        </div>



           

        </div>
        <div class="C-M tar-M"><img class="mb12" src="/admin/uploads/logodark.png" alt="">
<div>
    <p id="copyright" class="mt-3">
        Copyright © xkeon    </p>

    <div class="social-media-icons">
        <ul>
                    </ul>
    </div>
</div>


   <style>

.social-media-icons ul li a svg {
    width: 24px;
    height: 24px;
}
.social-media-icons {
    position: relative;
    text-align: right;
}

.social-media-icons ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.social-media-icons ul li {
    display: inline-block;
    margin-right: 10px; /* Adjust as needed */
    vertical-align: middle;
}

.social-media-icons ul li:last-child {
    margin-right: 0;
}

.social-media-icons ul li a svg {
    width: 24px;
    height: 24px;
    fill: #fff; /* Set icon color to white */
}


    </style>



    </div>
  </div></div></footer>

  


  

  <script>
    function openTawkToChat() {
          }
  </script>
 

  <script type="text/javascript">
    var Tawk_API = Tawk_API || {},
      Tawk_LoadStart = new Date();
    (function () {
      var s1 = document.createElement("script"),
        s0 = document.getElementsByTagName("script")[0];
      s1.async = true;
      s1.src = '';
      s1.charset = 'UTF-8';
      s1.setAttribute('crossorigin', '*');
      s0.parentNode.insertBefore(s1, s0);
    })();
  </script>

<script async="" src="https://www.googletagmanager.com/gtag/js?id="></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', '');
</script>


  



</div></body><iframe id="google_esf" name="google_esf" src="https://pagead2.googlesyndication.com/pagead/html/r20241212/r20190131/zrt_lookup_fy2021.html" style="display: none;"></iframe></html>