Scribd Logo
Upload

Welcome to Scribd!

  • Index HTML

    Uploaded by

    Muhammad faiz
    23 views2 pages
    This document contains HTML and JavaScript code for a popup subscription form on a website. The code defines styles, images, and text for the popup. It also includes JavaScript functions to open and close the popup, play background music, and send form submissions to a WhatsApp number.

    Original Description:

    Original Title

    index.html

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains HTML and JavaScript code for a popup subscription form on a website. The code defines styles, images, and text for the popup. It also includes JavaScript functions to open and close the popup, play background music, and send form submissions to a WhatsApp number.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    23 views2 pages

    Index HTML

    Uploaded by

    Muhammad faiz
    This document contains HTML and JavaScript code for a popup subscription form on a website. The code defines styles, images, and text for the popup. It also includes JavaScript functions to open and close the popup, play background music, and send form submissions to a WhatsApp number.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    <!

    DOCTYPE html>
    <html lang="en">
    <!--
    Code Made By Deka Tutorial
    Youtube: Deka Tutorial
    Tiktok: @deka_tutorial
    Instagram: deka_tutorial
    -->
    <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" />
    <link rel="stylesheet"
    href="https://dekatutorial.github.io/styleGombalin.css" />
    <link rel="stylesheet" href="https://dekatutorial.github.io/stylePopUp.css" />
    <script src="https://dekatutorial.github.io/sweetalert2.all.min.js"></script>
    <script
    src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.4/dist/sweetalert2.all.min.js"><
    /script>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?
    family=Material+Icons+Sharp" />
    <script
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <title>Subscribe YT Nais ID</title> </head> <body id="body"> <div
    class="preload"><p>Loading dulu . . .</p></div> <div class="open"> <div> <div
    class="lope" onclick="ilang()"> <i class="love material-icons-sharp"> favorite </i>
    </div> <h3>Pencet Love nya</h3> </div> </div> <div id="bg"></div> <img src=""
    alt="" id="fotoku" />

    <h2 id="hai">Hai Kamu!</h2>


    <h3 id="hia">Scrool kesamping ya</h3>

    <div id="slider">

    <p>Kalimat satu</p>
    <p>Kalimat dua</p>

    <p>Klik kado nya<span>🎁</span></p>

    </div> </body> <script>

    musik = "";
    foto = "";
    background = "";
    noWhatsapp = "";

    async function popUp() {

    await swalo.fire({ title: "", imageUrl: "" });

    kirimPesan();

    } $(window).on("load", function () { $(".preload").fadeOut("slow"); }); var audio =


    new Audio(musik); audio.autoplay = true; audio.loop = true; bg.style = 'background-
    image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("' +
    background + '");'; fotoku.src = foto; popupku(); var swalo =
    Swal.mixin({ allowOutsideClick: false }); async function kirimPesan() { var
    { value: pesan } = await swalo.fire({ title: "Tulis pesan", input: "text",
    confirmButtonText: "Kirim" }); if (pesan) { await swalo.fire("Kirim ke wa aku ya
    jawaban nya"); location.assign("https://api.whatsapp.com/send?phone=" + noWhatsapp
    + "&text=" + pesan); } else { await swalo.fire({ confirmButtonText: "Iya deh",
    title: "Jangan dikosongin ya :)" }); kirimPesan(); } }
    document.querySelector("span").addEventListener("click", function () { popUp(); });
    var open = document.querySelector(".open"); function ilang() { audio.play();
    open.style = "transition: 1.5s ease-out all; opacity: 0; transform: scale(100)
    translateY(-20px); filter: brightness(0);"; setTimeout(function () { open.style =
    "display:none;"; }, 1500); setTimeout(function () { fotoku.style = "opacity: 1;
    transition: 1s all ease; transform: translateY(0px) scale(1);"; }, 500);
    setTimeout(function () { hai.style = "opacity: 1; transition: 1s all ease;
    transform: translateY(0px);"; }, 1400); setTimeout(function () { hia.style =
    "opacity: 1; transition: 1s all ease; transform: translateY(0px);"; }, 1800);
    setTimeout(function () { slider.style = "opacity: 1; transition: 1s all ease;
    transform: translateY(0px) scale(1);"; }, 2200); } </script>
    </html>

    You might also like