33< head >
44 < meta charset ="UTF-8 ">
55 < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
6+ < meta name ="description " content ="Generate branded QR code online, you can add image and color to your QR code. Use the QR code styling library in your site to generate QR codes dynamically. " />
7+ < meta name ="keywords " content ="qr, qr code, style, styling, brand, branding, color, image, generator, generating " />
68 < link rel ="shortcut icon " type ="image/x-icon " href ="b9eac011a0558695563d6081a8395ccb.png " />
79 < title > QR Code Styling</ title >
810 < script async src ="https://www.googletagmanager.com/gtag/js?id=UA-149838823-1 "> </ script >
1315
1416 gtag ( 'config' , 'UA-149838823-1' ) ;
1517 </ script >
16- < link href ="index.css " rel ="stylesheet "> </ head >
18+ < link href ="index.739234a20158aacab57a. css " rel ="stylesheet "> </ head >
1719< body >
1820 < header class ="container qr-header ">
1921 < div class ="row row--qr-header ">
2022 < div class ="col qr-logo ">
2123 < img class ="qr-logo__img " src ="0b3922d9d1e466270a79706c08c4a57c.png " alt ="QR code styling logo " />
2224 </ div >
23- < a target ="_blank " class ="col " href ="https://www.npmjs.com/package/qr-code-styling "> npm v0.3.0 </ a >
24- < a target ="_blank " class ="col " href ="https://github.com/kozakdenys/qr-code-styling "> GitHub</ a >
25+ < a target ="_blank " rel =" noopener " class ="col white " href ="https://www.npmjs.com/package/qr-code-styling "> npm v1.0.1 </ a >
26+ < a target ="_blank " rel =" noopener " class ="col white " href ="https://github.com/kozakdenys/qr-code-styling "> GitHub</ a >
2527 </ div >
2628 </ header >
2729 < main >
@@ -38,7 +40,7 @@ <h1 class="qr-description__lib-name">QR Code Styling</h1>
3840 < button type ="button " class ="accordion accordion--open "> Main Options</ button >
3941 < div class ="panel panel--open ">
4042 < label for ="form-data "> Data</ label >
41- < input node ="data " node-change-event ="oninput " id ="form-data " type ="text " value ="qrcodestyling.tk " />
43+ < input node ="data " node-change-event ="oninput " id ="form-data " type ="text " value ="https:// qrcodestyling.com />
4244 < label for ="form-image "> Image</ label >
4345 < div class ="form-image__buttons ">
4446 < input node ="image " node-data-field ="files " id ="form-image " type ="file " />
@@ -117,19 +119,25 @@ <h1 class="qr-description__lib-name">QR Code Styling</h1>
117119 < div class ="qr-code " id ="qr-code-generated "> </ div >
118120 < div class ="qr-download-group ">
119121 < button id ="qr-download "> Download</ button >
122+ < label class ="hide " for ="qr-extension "> Extension</ label >
120123 < select id ="qr-extension ">
121124 < option value ="png " selected > PNG</ option >
122125 < option value ="jpeg "> JPEG</ option >
123126 </ select >
124127 </ div >
125128 </ div >
126129 </ div >
130+ < div class ="row ">
131+ < div class ="col ">
132+ < p > If you have any questions or issues please contact me via
< a class ="
black "
rel ="
noopener "
href ="
mailto:[email protected] "
> mail
</ a > or
< a class ="
black "
target ="
_blank "
rel ="
noopener "
href ="
https://github.com/kozakdenys/qr-code-styling "
> GitHub
</ a > .
133+ </ div >
134+ </ div >
127135 </ section >
128136 </ main >
129137 < footer class ="container qr-footer ">
130138 < div class ="col ">
131- © 2019 < a target ="_blank " href ="https://www.linkedin.com/in/denys-kozak/ "> Denys Kozak</ a >
139+ © 2019 < a target ="_blank " rel =" noopener " class =" white " href ="https://www.linkedin.com/in/denys-kozak/ "> Denys Kozak</ a >
132140 </ div >
133141 </ footer >
134- < script type ="text/javascript " src ="index.js "> </ script > </ body >
142+ < script type ="text/javascript " src ="index.474c2d33db165ca535c0. js "> </ script > </ body >
135143</ html >
0 commit comments