<!DOCTYPE html>
<html>
<head>
  <link rel="preload" href="file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img1.jpg" as="image">
  <link rel="preload" href="file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img0.jpg" as="image">
  <link rel="preload" href="file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img02.jpeg" as="image">
  <link rel="preload" href="file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img5.jpg" as="image">
  <link rel="preload" href="file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img3.jpg" as="image">
  <link rel="preload" href="file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img6.jpeg" as="image">
  <link rel="preload" href="file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img52.jpg" as="image">
  <link rel="preload" href="file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img2.jpg" as="image">
  <link rel="preload" href="file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img22.jpeg" as="image">
  <link rel="preload" href="file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img62.jpg" as="image">
  <link rel="preload" href="file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img12.jpeg" as="image">
  <link rel="preload" href="file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img6.jpeg" as="image">
  <title>Gathering Metaflex</title>
</head>
<body>
  <div class="kop">
    <h1>GATHERING METAFLEX</h1>
    <a href="file:///Z:/IT/STT/XD/SURVEY.html" target="_blank">Link Survey</a>
  </div>
    
  <div class="bungkus">
    <div class="gambar"></div>
    <div class="gambar2"></div>
  </div>  

  <div class="akhir">
   <h4>Copyright @ 2025 Bang Ambon Cikopo
   <br>All Rights Reserved</h4>
  </div>
</body>
<script>
  document.addEventListener('contextmenu', function(event) {
            event.preventDefault();
            alert('Mau Ngapain bang XD');
        });
</script>
<style>

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #faf4ed;
}

.isi{

}

.kop {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  background: #503b26;
  margin-bottom: 10px;
  padding: 6px;
  #box-shadow: 0 20px 100px 50px rgba(255, 140, 0, 1);
}

h1,a{
  color: darkorange;
  font-family: Arial;
  text-align: center;
}

a{
  text-decoration: none;
  position: absolute;
  right: 4vw;
}

a:hover{
  color: white;
}

.bungkus {
display: flex;
}

.gambar { 
  margin: 0 auto;
  background-image: url(img0.jpg);
  width: 70vw;
  height: 65vh;
  animation: slideAnimation 30s infinite linear;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.gambar2 { 
  margin: 0 auto;
  background-image: url(img0.jpg);
  width: 70vw;
  height: 65vh;
  animation: slideAnimation2 30s infinite linear;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@keyframes slideAnimation {
  0% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img1.jpg");}
  10% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img1.jpg");}
  16.66% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img0.jpg");}
  26.66% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img0.jpg");}
  33.33% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img02.jpeg");}
  43.33% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img02.jpeg");}
  50% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img5.jpg");}
  60% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img5.jpg");}
  66.67% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img3.jpg");}
  76.67% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img3.jpg");}
  83.33% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img6.jpeg");}
  93.33% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img6.jpeg");}
  100% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img1.jpg");}
}

@keyframes slideAnimation2 {
  0% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img52.jpg");}
  10% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img52.jpg");}
  16.66% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img2.jpg");}
  26.66% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img2.jpg");}
  33.33% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img22.jpeg");}
  43.33% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img22.jpeg");}
  50% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img62.jpg");}
  60% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img62.jpg");}
  66.67% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img12.jpeg");}
  76.67% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img12.jpeg");}
  83.33% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img6.jpeg");}
  93.33% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img6.jpeg");}
  100% {background-image: url("file://10.111.97.247/Metaflex/2.%20Quality%20Assurance/47.%20OPL/FIX/HUBLA/img52.jpg");}
}

.akhir{
  background: #503b26;
  width: 100vw;
  padding: 1px;
  margin-top: 20px;
  box-shadow: 0 0 500px 50px rgba(255, 140, 0, 1), 0 -20px 500px 50px rgba(255, 140, 0, 1);
}

h4{
  font-family: Arial;
  text-align: center;
  color: darkorange;
}
</style>
<
</html>

