- ID scansione:
- 9b5259e6-ee0e-49fa-9eeb-478e4de867a0Fatto
- URL inviato:
- https://xkeon.com/
- Report terminato:
Link · 0 trovati
I link in uscita identificati dalla pagina
Variabili JavaScript · 48 trovate
Le variabili JavaScript globali caricate sull'oggetto finestra di una pagina sono variabili dichiarate all'esterno delle funzioni e accessibili da qualsiasi punto del codice nell'ambito corrente
| Nome | Tipo |
|---|---|
| 0 | object |
| 1 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
| Popper | function |
| google_js_reporting_queue | object |
| google_srt | number |
Messaggi di log della console · 0 trovati
Messaggi registrati nella console Web
HTML
Il corpo HTML non elaborato della pagina
<!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&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&output=html&adk=1812271804&adf=3025194257&abgtt=6&lmt=1734672898&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&format=0x0&url=https%3A%2F%2Fxkeon.com%2F&pra=5&wgl=1&aihb=0&aiof=3&asro=0&ailel=1~2~4~6~7~8~9~10~11~12~13~14~15~16~17~18~19~20~21~24~29~30~34&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&aicel=33~38&aifxl=29_18~30_19&aiixl=29_5~30_6&aiict=1&itsi=-1&aiapm=0.3221&aiapmi=0.33938&aiombap=1&aief=1&uach=WyIiLCIiLCIiLCIiLCIiLG51bGwsMCxudWxsLCIiLG51bGwsMF0.&dt=1734672898075&bpp=22&bdt=533&idt=188&shv=r20241212&mjsv=m202412090101&ptt=9&saldr=aa&abxe=1&eoidce=1&nras=1&correlator=3073310177108&frm=20&pv=2&u_tz=0&u_his=2&u_h=1&u_w=1&u_ah=1&u_aw=1&u_cd=24&u_sd=1&dmc=2&adx=-12245933&ady=-12245933&biw=790&bih=590&scr_x=0&scr_y=0&eid=31089328%2C31089337%2C95345967&oid=2&pvsid=3113986309491877&tmod=940281218&uas=0&nvt=1&fsapi=1&fc=1920&brdim=0%2C0%2C0%2C0%2C1%2C0%2C0%2C0%2C800%2C600&vis=1&rsz=%7C%7Cs%7C&abl=NS&fu=33792&bc=31&bz=0&ifi=1&uci=a!1&fsb=1&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 & 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 & 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>