<!DOCTYPE html>
<html>
  <link rel="shortcut icon" href="icon2.png">
  <title>coemi.net Server</title>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {font-family: Arial;}
body {
    background-image: url("gambar1.jpg");
}
  
/* Style the tab */
.tab {
  overflow: hidden;
  border: 0px solid #ccc;
  background-color: ;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: #5DD0F9;
  float: center;
  border: ;
  outline: none;
  cursor: pointer;
  padding: 10px 10px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #F1EE0D;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
  
</style>
</head>
<body>
<center>
 
  <h2><span style='font-size:20px;'>&#128187;</span>INFORMASI SEPUTAR DAPODIK KABUPATEN JOMBANG<span style='font-size:20px;'>&#128187;</span></h2>
<p>Satu Nusa Satu Bangsa Satu Bahasa Satu Data</p>
 
<div class="tab">
  <button class="tablinks" onclick="openCity(event, 'Arsip')">Arsip Surat</button>
  <button class="tablinks" onclick="openCity(event, 'Kontak')">Kontak OPS</button>
  <button class="tablinks" onclick="openCity(event, 'LinkOPS')">Pengajuan Mutasi</button>
  <button class="tablinks" onclick="openCity(event, 'Usul')">Usul SKTP / Tamsil / Absen Kehadiran</button>
</div>

<div id="Arsip" class="tabcontent">
    <p><iframe align="center" frameborder="no" height="430px" name="frame1" scrolling="auto" src="https://web.coemi.cloud/arsip/2024/index.php" style="border: 0px solid;" width="100%"></iframe></p>
</div>
<div id="Kontak" class="tabcontent">
    <p><iframe align="center" frameborder="no" height="430px" name="frame1" scrolling="auto" src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSpGH-HxGbNTH3r2H_rDAlBRG5wcjlUo470eO6fq0ARMEqDlw_pZQoXNljWKvlrA9Fdz-XD8o01V_Fq/pubhtml" style="border: 0px solid;" width="100%"></iframe></p>
</div>
<div id="LinkOPS" class="tabcontent">
 <html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.button {
  background-color: #058EC1; /* Green */
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 50%;}
</style>
</head>
<body>

<h4>Link Pengajuan ke Admin Datadik Kabupaten</h4>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSey4_JYvkm_Rn_lk3LCejAdNpSSqZT2lJPzGjMLKd3v1cYLjA/viewform"><button class="button button4">Mutasi PD / Salah Rombel</button></a>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSfBEBYCWHbLyaIp8gHTTOJaJMkywQnfHlz_AedUA-0MMaVNaw/viewform"><button class="button button4">Mutasi PTK</button></a>


</body>
</html>
  </div>
<div id="Usul" class="tabcontent">
  <h4>Link Pengajuan ke Admin TPG Kabupaten</h4>
<a href="https://sites.google.com/smpbp-au.sch.id/tunjangangurukabjombang/formulir/usul-sktp?authuser=0"><button class="button button4">Usul SKTP</button></a>
<a href="https://sites.google.com/smpbp-au.sch.id/tunjangangurukabjombang/formulir/usul-tamsil?authuser=0"><button class="button button4">Usul Tamsil</button></a>
 <a href="https://sites.google.com/smpbp-au.sch.id/tunjangangurukabjombang/formulir/validasi-kehadiran?authuser=0"><button class="button button4">Absen Kehadiran</button></a> 
  </div>
<script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}
</script>
  
  <h3>Selamat Datang di Portal Operator Sekolah Kab. Jombang</h3>
  
  
<style>
.GFG {
border-radius: 60px 60px;
background-image: url("gambar10.jpg");
padding: 5px;
text-align: center;
width: auto;
height: auto;
}
</style>

<body>
<div class="GFG">
  <p><font color="#DA105D"><b>Update Berita Hari Ini:</b></font></p>
    <p><font color="#DA105D">info Selengkapnya ada di Arsip Surat</font></p>
<p><iframe align="center" frameborder="no" height="240px" name="frame1" scrolling="auto" src="https://web.coemi.cloud/arsip/2024/index2.php" style="border: 1px ;" width="100%"></iframe></p>
  
</div>
</body>

  <style>
.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 35px;
  background-color: #09A9CD;
  color: white;
  text-align: center;
}
</style>

<div class="footer">
  <p>Copyright @2024 Support by : coemi.net</p>
</div>

</center>   

</body>
</html> 
