"qrcode"
Bootstrap 4.1.1 Snippet by allstore14

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <meta chatset="UTF-8"> <meta name="viewport" content="width=device-width initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <title>QR code scan</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@800&display=swap" rel="stylesheet"> </head> <body> <div class="container"> <img class="img" src="https://i.postimg.cc/qz7HqmZG/qr.jpg" alt=""> <h1><span class="I"></span>Scan QR INI UNTUK MELAKUKAN PEMBAYARAN</h1> <p>Bayar sesuai jumlah yang telah di tentukan.</p> <p class="p">Challenge by <a href="https://sites.google.com/view/allstore14/halaman-muka">@ALL STORE</a> <a href="https://sites.google.com/view/allstore14/halaman-muka">menu awal</a></p> </div> </body> </html>
* { margin: 0px; padding: 0px; } body { background-color: RGBA(179, 199, 225, 0.3); } .container { margin: 120px auto; width: 270px; height: 430px; background-color: #fff; padding: 15px; border-radius: 20px; } .img { width: 270px; height: 260px; margin: auto; border-radius: 10px; margin-bottom: 15px; } h1 { font-size: 18px; text-align: center; font-weight: 700; padding: 0px 25px; line-height: 1.4em; font-family: 'Poppins', sans-serif; color: RGBA(0, 0, 0, 0.8); padding-bottom: 15px; } p { font-size: 15px; text-align: center; padding: 0px 25px 20px 25px; color: hsl(220, 15%, 55%); font-weight: 500; font-family: 'Inter', sans-serif; } .I { font-size: 25px; }

Related: See More


Questions / Comments: