-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (59 loc) · 2.78 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aswin's QR Code Generator | Create Your Free QR Codes</title>
</head>
<body>
<h1 class = title><font colour =white></font>Online QR Code Generator</h1>
<h2 class = title> CREATE YOUR QR CODE FOR FREE😍 </h2>
<h3 class="title">Type your Message In the box Below 👇 and See the Magic✨</h3>
<h3 class="para"><u>What is Qr Code ?</u><br><br></h3>
<p class="para"><b>👉 QR Code is a two-dimensional version of the barcode, typically made up of black and white pixel patterns.</b></p>
<b class="para"> 👉 "QR" stands for "Quick Response," indicating that the code can be quickly scanned to reveal the information contained within.</b>
<h3 class="para"><br><u>How To Use QR code ?</u><br><br></h3>
<p class="para">1. Depending on your device, you might already have a built-in QR Code reader or scanner.
<br>2. Open the camera app on your mobile phone and hold it over a Code for a few seconds until a notification pops up.
If its not Working :( <br>3. All you have to do now is install third-party QR Code readers from your app stores.</p>
<link rel ="stylesheet" href="style.css"/>
<script src="index.js"defer> </script>
<div class="center">
<div class="form">
<div class="form-element">
<label for="data-ip">Enter your Message</label>
<input type="text" id="data-ip">
</div>
<div class="form-element">
<button>Generate QR Code</button>
</div>
</div>
<div class="qr-img">
<img src='./default_.svg'>
</div>
</div>
<footer><h3 class="para"><br><br><u></u>Benifits Of Using QR Code !<br><br></h3>
<p class="para">1. They are gaining popularity because of their versatility.<br>
2. You can use them to gather feedback to improve your services, increase customer engagement with <br> images or videos,
or even promote your business via events and coupons.</p>
<b class="para">3. All of these can be done with just a single scan!</b>
<h3 class="para"><br><br>How to genrate QR ?<br><br></h3>
<p class="para">1. Enter information in the Box beside <br>
2. Click on Generate QR <br>
3. Now You Can See the QR Generated with the information given by you <br>
4. Download The Image and make Use of it ! 😄</p>
</footer>
</body>
<footer>
<div class="footer-content">
<p>Thank you for using My Online QR Code Generator!</p>
<p>Designed With ❤️ By Aswin</p>
</div>
<div class="footer-links">
<a href="https://github.com/winAs-Xprt" target="_blank">GitHub</a> |
<a href="https://www.linkedin.com/in/aswin-v-7a7686265/" target="_blank">LinkedIn</a> |
<a href="https://aswins-portfolio.netlify.app/">Contact</a>
</div>
</footer>
</html>