Struktur Organisasi & Manajemen LAZ ZISWAP Tab Title 1 Tab Title 2 Tab Title 3 body { font-family: Arial, sans-serif; text-align: center; } .image-container { position: relative; display: inline-block; cursor: pointer; margin: 20px; } .popup, .popup2, .popup3, .popup4, .popup5, .popup6 { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); justify-content: center; align-items: center; overflow: auto; z-index: 1000; } .popup-content, .popup2-content, .popup3-content, .popup4-content, .popup5-content, .popup6-content { background-color: white; padding: 20px; border-radius: 10px; text-align: center; max-width: 95%; width: 400px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); position: relative; } .popup img, .popup2 img, .popup3 img, .popup4 img, .popup5 img, .popup6 img { width: 250px; height: 300px; } .popup-caption, .popup2-caption, .popup3-caption, .popup4-caption, .popup5-caption, .popup6-caption { color: black; margin-top: 10px; max-height: 300px; overflow-y: auto; } Ini 1 MPLZ Ini 1 Konten popup 1 PKK MPLZ PKK Konten popup 2 APPA YIP APPA Konten popup 3 DUDUL GTW DUDUL Konten popup 4 Popup 5 Popup 5 Konten popup 5 Popup 6 Popup 6 Konten popup 6 function showPopup() { document.getElementById('popup').style.display = 'flex'; } function hidePopup() { document.getElementById('popup').style.display = 'none'; } function showPopup2() { document.getElementById('popup2').style.display = 'flex'; } function hidePopup2() { document.getElementById('popup2').style.display = 'none'; } function showPopup3() { document.getElementById('popup3').style.display = 'flex'; } function hidePopup3() { document.getElementById('popup3').style.display = 'none'; } function showPopup4() { document.getElementById('popup4').style.display = 'flex'; } function hidePopup4() { document.getElementById('popup4').style.display = 'none'; } function showPopup5() { document.getElementById('popup5').style.display = 'flex'; } function hidePopup5() { document.getElementById('popup5').style.display = 'none'; } function showPopup6() { document.getElementById('popup6').style.display = 'flex'; } function hidePopup6() { document.getElementById('popup6').style.display = 'none'; } body { font-family: Arial, sans-serif; text-align: center; } .image-container { position: relative; display: inline-block; cursor: pointer; margin: 20px; } .popup, .popup2, .popup3, .popup4, .popup5, .popup6 { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); justify-content: center; align-items: center; overflow: auto; z-index: 1000; } .popup-content, .popup2-content, .popup3-content, .popup4-content, .popup5-content, .popup6-content { background-color: white; padding: 20px; border-radius: 10px; text-align: center; max-width: 95%; width: 400px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); position: relative; } .popup img, .popup2 img, .popup3 img, .popup4 img, .popup5 img, .popup6 img { width: 250px; height: 300px; } .popup-caption, .popup2-caption, .popup3-caption, .popup4-caption, .popup5-caption, .popup6-caption { color: black; margin-top: 10px; max-height: 300px; overflow-y: auto; } Ini 1 MPLZ Ini 1 Konten popup 1 PKK MPLZ PKK Konten popup 2 APPA YIP APPA Konten popup 3 DUDUL GTW DUDUL Konten popup 4 Popup 5 Popup 5 Konten popup 5 Popup 6 Popup 6 Konten popup 6 function showPopup() { document.getElementById('popup').style.display = 'flex'; } function hidePopup() { document.getElementById('popup').style.display = 'none'; } function showPopup2() { document.getElementById('popup2').style.display = 'flex'; } function hidePopup2() { document.getElementById('popup2').style.display = 'none'; } function showPopup3() { document.getElementById('popup3').style.display = 'flex'; } function hidePopup3() { document.getElementById('popup3').style.display = 'none'; } function showPopup4() { document.getElementById('popup4').style.display = 'flex'; } function hidePopup4() { document.getElementById('popup4').style.display = 'none'; } function showPopup5() { document.getElementById('popup5').style.display = 'flex'; } function hidePopup5() { document.getElementById('popup5').style.display = 'none'; } function showPopup6() { document.getElementById('popup6').style.display = 'flex'; } function hidePopup6() { document.getElementById('popup6').style.display = 'none'; } body { font-family: Arial, sans-serif; text-align: center; } .image-container { position: relative; display: inline-block; cursor: pointer; margin: 20px; } .popup, .popup2, .popup3, .popup4, .popup5, .popup6 { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); justify-content: center; align-items: center; overflow: auto; z-index: 1000; } .popup-content, .popup2-content, .popup3-content, .popup4-content, .popup5-content, .popup6-content { background-color: white; padding: 20px; border-radius: 10px; text-align: center; max-width: 95%; width: 400px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); position: relative; } .popup img, .popup2 img, .popup3 img, .popup4 img, .popup5 img, .popup6 img { width: 250px; height: 300px; } .popup-caption, .popup2-caption, .popup3-caption, .popup4-caption, .popup5-caption, .popup6-caption { color: black; margin-top: 10px; max-height: 300px; overflow-y: auto; } Ini 1 MPLZIni 1Konten popup 1 PKK MPLZPKKKonten popup 2 APPA YIPAPPAKonten popup 3 DUDUL GTWDUDULKonten popup 4 Popup 5Popup 5Konten popup 5 Popup 6Popup 6Konten popup 6 function showPopup() { document.getElementById('popup').style.display = 'flex'; } function hidePopup() { document.getElementById('popup').style.display = 'none'; } function showPopup2() { document.getElementById('popup2').style.display = 'flex'; } function hidePopup2() { document.getElementById('popup2').style.display = 'none'; } function showPopup3() { document.getElementById('popup3').style.display = 'flex'; } function hidePopup3() { document.getElementById('popup3').style.display = 'none'; } function showPopup4() { document.getElementById('popup4').style.display = 'flex'; } function hidePopup4() { document.getElementById('popup4').style.display = 'none'; } function showPopup5() { document.getElementById('popup5').style.display = 'flex'; } function hidePopup5() { document.getElementById('popup5').style.display = 'none'; } function showPopup6() { document.getElementById('popup6').style.display = 'flex'; } function hidePopup6() { document.getElementById('popup6').style.display = 'none'; }