<!--DOCTYPE html--> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Home Page"> <meta property="og:description" content="Home Page"> <meta property="og:site_name" content="null"> <title>Home</title> <!-- Bootstrap --> <!-- Bootstrap --> <link href=https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/css/bootstrap.min.css rel=stylesheet crossorigin=anonymous integrity=sha384-wEmeIV1mKuiNpC+IOBjI7aAzPcEZeedi5yW5f2yOq55WWLwNGmvvx4Um1vskeMj0> <!-- Custom icon --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css"> <!-- Custom Font --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;700&display=swap" rel="stylesheet"> </head> <body> <div class="d-grid gap-md-4 d-md-flex justify-content-center mt-4"> </div> <main class="container"> <div class="card col-md-3" style="background-color: #ffff;"> <div class="card-body text-black"> <div class="d-grid gap-2"> <p class=card-text>Support me via Qris</p> <button class="btn btn-primary" data-bs-target=#modalOvo data-bs-toggle=modal> <i class="bi bi-upc-scan"></i> QR Code </button> <a class="btn text-white fw-bold" href="https://saweria.co/erdwpebot" target="_blank" style="background-color: #faae2b;"><i class="bi bi-upc-scan"></i> Saweria</a> </div> </div> </div> </div> </main> <!-- Modal --> <div class="fade modal" id=modalOvo aria-labelledby=staticBackdropLabel aria-hidden=true data-bs-backdrop=static data-bs-keyboard=false tabindex=-1> <div class=modal-dialog> <div class=modal-content> <div class=modal-header> <h5 class=modal-title id=staticBackdropLabel>Qris</h5><button class=btn-close aria-label=Close data-bs-dismiss=modal type=button></button> </div> <div class="text-center modal-body"> <img alt="" src="https://telegra.ph/file/480823a691d6114f93b8c.jpg" width="75%" /><br/> <small> Terima kasih atas donasinya 🙏🏼<br/> Support Anda sangat berarti bagi saya. </small> </div> <div class=modal-footer> <a href=https://telegra.ph/file/480823a691d6114f93b8c.jpg class="btn btn-success" download> <i class="bi bi-cloud-arrow-down-fill"></i> Unduh QR </a> </div> </div> </div> </div> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script> </body> </html>
Post a Comment
Post a Comment