Generate QR Code Using HTML


Hello Viewer, Here you’ll Find Code  to Generate QR Code Using HTML and now I’m going to Create a Generate QR Code Using HTML.


How to Generate QR Code Using HTML
How to Generate QR Code Using HTML


HTML CODE : 


<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<div class="outer">

<div>

<img src="https://chart.apis.google.com/chart?cht=qr&chs=250x250&chl=http://codehubdeep.blogspot.com/" alt="">

</div>

</div>

</body>

</html>



STYLE CODE : 

<style>

*{

margin:0;

padding: 0;

box-sizing: border-box;

}

.outer{

width:100%;

height: 100vh;

background:#000;

align-items: center;

justify-content: center;

display: flex;

}

img{

box-shadow:0px 0px 20px rgba(255,255,255,.4),

0px 0px 30px rgba(255,255,255,.5),

0px 0px 40px rgba(255,255,255,.6);

border-radius: 10px;

}

</style>