<!--
--  Uploaded on : https://haxor.my.id/open/billa.html
--  Official Web : https://prinsh.com
--  script-deface-generator.prinsh.com
-->
<html>
  <head>
    <title>Buat ayangku</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"

        integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
        
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://cdn.rawgit.com/bungfrangki/efeksalju/2a7805c7/efek-salju.js" type="text/javascript"> </script>
  </head>
  
</script> 
  <style>
  @import url('https://fonts.googleapis.com/css2?family=Bubblegum+Sans&display=swap');
    body {
      background-image: url('https://i.ibb.co/bmn88MW/625a797151e30b0fe95e511e666138e7.jpg');
      background-size:cover;
    }
    h1 {
      color:white;
      border: 5px solid ;
      text-align: center;
      font-family: "Bubblegum Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
      justify-content: center;
      border-color:pink;
      font-size:70px;
      display: block;
      margin: 10px;
      padding: 40px;
      border-radius:30px;
      text-shadow: 2px 1px 8px yellow;
      box-shadow: 2px 2px 9px 0px pink;
    }
    img {
      border-radius: 20%;
      justify-content: center;
      border: 4px solid pink;
      box-shadow: 2px 1px 4px 0px pink;
      animation: fadeInUp;
      animation-delay: 0.80s;
      
    }
    h1 {
      animation: fadeInUp;
      animation-duration: 20s;
      animation-delay: 0.90s;
    }
    .swal2-popup {
    font-size: 3rem;
    border-radius:30px;
    }
.btn {
  color: #db3eb1;
  border: 6px solid #db3eb1;
  border-radius:15px;
  padding: 15px 25px;
  font-size: 60px;
  font-family: tahoma;
  letter-spacing:5px;
  cursor: pointer;
  font-weight: bold;
  filter: drop-shadow(0 0 15px #db3eb1) drop-shadow(0 0 50px #db3eb1) contrast(2) brightness(2);
  transition: .5s;
}
  .btn {
    animation: fadeInUp;
    animation-delay: 0.80s;
  }

.button:hover {
  color: black;
  background-color: #db3eb1;
  filter: drop-shadow(0 0 20px #db3eb1) contrast(2) brightness(2);
}
      
      
    }
  </style>
  <body>
    <script>
    function huy() {
    Swal.fire({
  title: "hay najwa",
  text: "makasih banyak ya udah mau nemenin aku kamu baik banget, ☺️ aku sayang kamu ay"
 
    
});
}
     </script>
    <br><br><br><br><br><br><br><br>
    <center>
      <div class="animate__animated animate__fadeInUp">
    <img class="animate__animated animate__pulse animate__infinite" src="https://i.ibb.co/PCv8KtC/IMG-20240312-WA0006.jpg" alt="IMG-20240312-WA0006" width="320" height="320"></a>
    </div>
    </center><br><br>
    <h1 class="animate__animated animate__fadeInUp">I LOVE YOU NAJWA</h1>
    <div class="animate__animated animate__fadeInUp">
    <center><br><br>
    <button class="btn" onclick="huy()">klik ayangku</button>
    </center>
    </div>
    <audio src="https://h.top4top.io/m_2994yiubu1.mp3" loop="1" autoplay="true"></audio>
  </body>
</html>