-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
206 lines (199 loc) · 10 KB
/
Copy pathindex.html
File metadata and controls
206 lines (199 loc) · 10 KB
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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#0f766e">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<meta name="apple-mobile-web-app-title" content="QR Tools">
<title>QR Scanner & Generator | Scan, Read, and Create QR Codes</title>
<meta name="description" content="Use a fast, privacy-friendly QR Scanner & Generator to scan QR codes, read codes from images, and create QR codes for links, Wi-Fi, phone numbers, email, and SMS.">
<meta name="robots" content="index,follow">
<link rel="canonical" href="https://qr.itisuniqueofficial.com/">
<meta property="og:type" content="website">
<meta property="og:title" content="QR Scanner & Generator | Scan, Read, and Create QR Codes">
<meta property="og:description" content="Scan QR codes with your camera, read codes from uploaded images, and generate QR codes instantly.">
<meta property="og:url" content="https://qr.itisuniqueofficial.com/">
<meta property="og:site_name" content="QR Scanner & Generator">
<meta property="og:image" content="https://qr.itisuniqueofficial.com/assets/images/og-image.svg">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="QR Scanner & Generator | Scan, Read, and Create QR Codes">
<meta name="twitter:description" content="Scan, read, and generate QR codes on a clean and privacy-friendly static website.">
<meta name="twitter:image" content="https://qr.itisuniqueofficial.com/assets/images/og-image.svg">
<link rel="amphtml" href="amp/index.html">
<link rel="manifest" href="manifest.webmanifest">
<link rel="icon" href="assets/images/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="assets/icons/apple-touch-icon.png">
<link rel="stylesheet" href="assets/css/style.css">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "QR Scanner & Generator",
"url": "https://qr.itisuniqueofficial.com/",
"applicationCategory": "UtilitiesApplication",
"operatingSystem": "Any",
"description": "A privacy-friendly web app to scan QR codes, read QR codes from images, and generate QR codes for common use cases.",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
}
}
</script>
</head>
<body>
<a class="skip-link" href="#main-content">Skip to content</a>
<header class="site-header">
<div class="container header-inner">
<a class="brand" href="/" aria-label="QR Scanner & Generator home">
<span class="brand-mark" aria-hidden="true">▣</span>
<span>QR Scanner & Generator</span>
</a>
<button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav" aria-label="Open menu">
<span></span>
<span></span>
<span></span>
</button>
<nav id="site-nav" class="site-nav" aria-label="Primary navigation">
<a href="/" aria-current="page">Home</a>
<a href="/scanner">Scanner</a>
<a href="/reader">Reader</a>
<a href="/generator">Generator</a>
<a href="/upi-qr-generator">UPI QR</a>
<a href="/upi-qr-redirect">UPI Redirect</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
</nav>
</div>
</header>
<main id="main-content">
<section class="hero section">
<div class="container hero-grid">
<div>
<p class="eyebrow">Simple QR tools for everyday use</p>
<h1>Scan, read, and generate QR codes in one clean place.</h1>
<p class="lead">Use your camera, upload an image, or create a QR code for links, Wi-Fi, contact sharing, and more.</p>
<div class="button-row">
<a class="button" href="/scanner">Scan QR Code</a>
<a class="button button-secondary" href="/reader">Upload QR Image</a>
<a class="button button-secondary" href="/generator">Generate QR Code</a>
<a class="button button-secondary" href="/upi-qr-generator">Create UPI QR</a>
</div>
<p class="helper-text">Built to be fast, mobile-friendly, and privacy-conscious.</p>
</div>
<div class="hero-visual card" aria-hidden="true">
<div class="qr-illustration">
<div class="qr-box qr-box-large"></div>
<div class="qr-box qr-box-small"></div>
<div class="scan-frame"></div>
</div>
</div>
</div>
</section>
<section class="section section-alt">
<div class="container">
<h2>Quick features</h2>
<div class="grid cards-5">
<article class="card feature-card"><h3>Fast QR scanning</h3><p>Start your camera and scan in a few taps.</p></article>
<article class="card feature-card"><h3>Upload image to read QR</h3><p>Read QR codes from screenshots and saved photos.</p></article>
<article class="card feature-card"><h3>Generate QR instantly</h3><p>Create clean QR codes for common sharing needs.</p></article>
<article class="card feature-card"><h3>UPI Payment QR</h3><p>Create UPI QR codes for quick Bharat UPI payment requests.</p></article>
<article class="card feature-card"><h3>Mobile friendly</h3><p>Comfortable controls and layouts from phone to desktop.</p></article>
<article class="card feature-card"><h3>Privacy friendly</h3><p>Camera and QR processing stay focused on your current task.</p></article>
</div>
</div>
</section>
<section class="section">
<div class="container">
<h2>How it works</h2>
<div class="grid cards-3">
<article class="card step-card">
<span class="step-number">1</span>
<h3>Choose a tool</h3>
<p>Open the scanner, image reader, or QR generator based on what you need.</p>
</article>
<article class="card step-card">
<span class="step-number">2</span>
<h3>Use it in seconds</h3>
<p>Scan with your camera, upload an image, or fill in a short form to generate a QR code.</p>
</article>
<article class="card step-card">
<span class="step-number">3</span>
<h3>Copy, open, or download</h3>
<p>Get your result quickly and take the next step without extra clutter.</p>
</article>
</div>
</div>
</section>
<section class="section section-alt">
<div class="container">
<h2>Popular use cases</h2>
<div class="grid cards-5">
<article class="card"><h3>Website links</h3><p>Share pages, product links, or profile URLs with one scan.</p></article>
<article class="card"><h3>Payment QR</h3><p>Display payment details in a simple scannable format.</p></article>
<article class="card"><h3>UPI redirect payments</h3><p>Open supported UPI apps from a payment link on mobile devices.</p></article>
<article class="card"><h3>Wi-Fi sharing</h3><p>Help guests join your network without typing long passwords.</p></article>
<article class="card"><h3>Event access</h3><p>Use QR codes for check-in pages, tickets, or schedules.</p></article>
<article class="card"><h3>Contact sharing</h3><p>Make it easier to share phone numbers, email, and contact details.</p></article>
</div>
<div class="button-row top-gap">
<a class="button" href="/upi-qr-generator">Create UPI QR</a>
<a class="button button-secondary" href="/upi-qr-redirect">Open UPI Payment Link</a>
</div>
</div>
</section>
<section class="section">
<div class="container faq-wrap">
<h2>Frequently asked questions</h2>
<div class="faq-list">
<details class="card">
<summary>Do I need to install anything?</summary>
<p>No. This website works directly in your browser.</p>
</details>
<details class="card">
<summary>Is camera access required for every feature?</summary>
<p>No. Camera access is only needed for live scanning. You can still read QR codes from images or generate QR codes without it.</p>
</details>
<details class="card">
<summary>Can I download the QR codes I create?</summary>
<p>Yes. The generator includes a PNG download option.</p>
</details>
<details class="card">
<summary>What kind of content can I generate?</summary>
<p>You can generate QR codes for text, URLs, phone numbers, email, SMS, and Wi-Fi setup details.</p>
</details>
<details class="card">
<summary>Can I create UPI payment QR codes too?</summary>
<p>Yes. Use the dedicated UPI QR tools to create a payment QR or open a UPI payment link directly in a supported app.</p>
</details>
</div>
</div>
</section>
</main>
<footer class="site-footer">
<div class="container footer-grid">
<div>
<p class="footer-brand">QR Scanner & Generator</p>
<p class="footer-text">Simple QR tools at <a href="https://qr.itisuniqueofficial.com">qr.itisuniqueofficial.com</a>.</p>
<p class="footer-credit">Made with Love by It Is Unique Official — <a href="https://itisuniqueofficial.com">itisuniqueofficial.com</a></p>
</div>
<nav class="footer-links" aria-label="Footer navigation">
<a href="/">Home</a>
<a href="/scanner">Scanner</a>
<a href="/reader">Reader</a>
<a href="/generator">Generator</a>
<a href="/upi-qr-generator">UPI QR</a>
<a href="/upi-qr-redirect">UPI Redirect</a>
<a href="/about">About</a>
<a href="/contact">Contact</a>
<a href="/privacy-policy">Privacy Policy</a>
<a href="/terms">Terms</a>
</nav>
<p class="copyright">© 2026 QR Scanner & Generator</p>
</div>
</footer>
<script src="assets/js/main.js" defer></script>
</body>
</html>