| <!doctype html> |
| <html class="no-js" lang="zxx" dir="ltr"> |
|
|
| <head> |
| <meta charset="utf-8"> |
| <title>Welcome To Official PC ISNU Kab. Jombang</title> |
| <meta name="author" content="PC ISNU Kab. Jombang"> |
| <meta name="description" content="Get the latest news updates from PC ISNU Kab. Jombang, covering local events, educational initiatives, and community activities."> |
| <meta name="keywords" content="PC ISNU, Jombang News, Local Events, Education, Community News"> |
| <meta name="robots" content="INDEX,FOLLOW"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
| |
| <meta property="og:title" content="Welcome To Official PC ISNU Kab. Jombang"> |
| <meta property="og:description" content="Stay updated with local events, educational initiatives, and community news from PC ISNU Kab. Jombang."> |
| <meta property="og:image" content="https://yourwebsite.com/path-to-thumbnail.jpg"> |
| <meta property="og:url" content="https://yourwebsite.com/news-page-url"> |
| <meta property="og:type" content="article"> |
| |
|
|
| |
| <meta name="theme-color" content="#007bff"> |
| <link rel="canonical" href="https://yourwebsite.com/news-page-url"> |
| <meta name="language" content="en"> |
|
|
| |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
|
|
| |
| <link rel="apple-touch-icon" sizes="57x57" href="https://pcisnujombang.org/assets/public/assets/img/favicons/apple-icon-57x57.png"> |
| <link rel="apple-touch-icon" sizes="60x60" href="https://pcisnujombang.org/assets/public/assets/img/favicons/apple-icon-60x60.png"> |
| <link rel="apple-touch-icon" sizes="72x72" href="https://pcisnujombang.org/assets/public/assets/img/favicons/apple-icon-72x72.png"> |
| <link rel="apple-touch-icon" sizes="76x76" href="https://pcisnujombang.org/assets/public/assets/img/favicons/apple-icon-76x76.png"> |
| <link rel="apple-touch-icon" sizes="114x114" href="https://pcisnujombang.org/assets/public/assets/img/favicons/apple-icon-114x114.png"> |
| <link rel="apple-touch-icon" sizes="120x120" href="https://pcisnujombang.org/assets/public/assets/img/favicons/apple-icon-120x120.png"> |
| <link rel="apple-touch-icon" sizes="144x144" href="https://pcisnujombang.org/assets/public/assets/img/favicons/apple-icon-144x144.png"> |
| <link rel="apple-touch-icon" sizes="152x152" href="https://pcisnujombang.org/assets/public/assets/img/favicons/apple-icon-152x152.png"> |
| <link rel="apple-touch-icon" sizes="180x180" href="https://pcisnujombang.org/assets/public/assets/img/favicons/apple-icon-180x180.png"> |
| <link rel="icon" type="image/png" sizes="192x192" href="https://pcisnujombang.org/assets/public/assets/img/favicons/android-icon-192x192.png"> |
| <link rel="icon" type="image/png" sizes="32x32" href="https://pcisnujombang.org/assets/public/assets/img/favicons/favicon-32x32.png"> |
| <link rel="icon" type="image/png" sizes="96x96" href="https://pcisnujombang.org/assets/public/assets/img/favicons/favicon-96x96.png"> |
| <link rel="icon" type="image/png" sizes="16x16" href="https://pcisnujombang.org/assets/public/assets/img/favicons/favicon-16x16.png"> |
| <link rel="manifest" href="https://pcisnujombang.org/assets/public/assets/img/favicons/manifest.json"> |
| <meta name="msapplication-TileColor" content="#ffffff"> |
| <meta name="msapplication-TileImage" content="https://pcisnujombang.org/assets/public/assets/img/favicons/ms-icon-144x144.png"> |
| <meta name="theme-color" content="#ffffff"> |
|
|
| |
| |
| |
| <link rel="preconnect" href="https://fonts.googleapis.com"> |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
| <link href="https://fonts.googleapis.com/css2?family=Caveat:[email protected]&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet"> |
|
|
| |
| |
| |
|
|
| </head> |
|
|
| <body> |
|
|
| |
| |
| |
|
|
|
|
| |
| |
| |
| |
| <link rel="stylesheet" href="https://pcisnujombang.org/assets/public/assets/css/bootstrap.min.css"> |
| |
| <link rel="stylesheet" href="https://pcisnujombang.org/assets/public/assets/css/fontawesome.min.css"> |
| |
| <link rel="stylesheet" href="https://pcisnujombang.org/assets/public/assets/css/magnific-popup.min.css"> |
| |
| <link rel="stylesheet" href="https://pcisnujombang.org/assets/public/assets/css/jquery.datetimepicker.min.css"> |
| |
| <link rel="stylesheet" href="https://pcisnujombang.org/assets/public/assets/css/swiper-bundle.min.css"> |
| |
| <link rel="stylesheet" href="https://pcisnujombang.org/assets/public/assets/css/style.css"> |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@10/dist/sweetalert2.min.css"> |
|
|
| <style> |
| .user-icon { |
| width: 50px; |
| height: 50px; |
| border-radius: 50%; |
| background-color: #007bff; |
| /* Default background color */ |
| color: white; |
| font-size: 20px; |
| font-weight: bold; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| margin: 10px; |
| text-transform: uppercase; |
| } |
| </style> |
| |
| |
| <div class="preloader "> |
| <button class="th-btn style2 preloaderCls">Cancel Preloader </button> |
| <div class="preloader-inner"> |
| <span class="loader"> |
| PC ISNU Jombang |
| <span class="loading-text">PC ISNU Jombang</span> |
| </span> |
| </div> |
| </div> |
| |
| |
| <div class="sidemenu-wrapper sidemenu-cart "> |
| <div class="sidemenu-content"> |
| <button class="closeButton sideMenuCls"><i class="far fa-times"></i></button> |
| <div class="widget woocommerce widget_shopping_cart"> |
| <h3 class="widget_title">Shopping cart</h3> |
| <div class="widget_shopping_cart_content"> |
| <ul class="woocommerce-mini-cart cart_list product_list_widget "> |
| <li class="woocommerce-mini-cart-item mini_cart_item"> |
| <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a> |
| <a href="#"><img src="https://pcisnujombang.org/assets/public/assets/img/product/product_thumb_1_1.png" alt="Cart Image">Books</a> |
| <span class="quantity">1 × |
| <span class="woocommerce-Price-amount amount"> |
| <span class="woocommerce-Price-currencySymbol">$</span>940.00</span> |
| </span> |
| </li> |
| <li class="woocommerce-mini-cart-item mini_cart_item"> |
| <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a> |
| <a href="#"><img src="https://pcisnujombang.org/assets/public/assets/img/product/product_thumb_1_2.png" alt="Cart Image">Medicine</a> |
| <span class="quantity">1 × |
| <span class="woocommerce-Price-amount amount"> |
| <span class="woocommerce-Price-currencySymbol">$</span>899.00</span> |
| </span> |
| </li> |
| <li class="woocommerce-mini-cart-item mini_cart_item"> |
| <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a> |
| <a href="#"><img src="https://pcisnujombang.org/assets/public/assets/img/product/product_thumb_1_3.png" alt="Cart Image">Dress</a> |
| <span class="quantity">1 × |
| <span class="woocommerce-Price-amount amount"> |
| <span class="woocommerce-Price-currencySymbol">$</span>756.00</span> |
| </span> |
| </li> |
| <li class="woocommerce-mini-cart-item mini_cart_item"> |
| <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a> |
| <a href="#"><img src="https://pcisnujombang.org/assets/public/assets/img/product/product_thumb_1_4.png" alt="Cart Image">Chair</a> |
| <span class="quantity">1 × |
| <span class="woocommerce-Price-amount amount"> |
| <span class="woocommerce-Price-currencySymbol">$</span>723.00</span> |
| </span> |
| </li> |
| <li class="woocommerce-mini-cart-item mini_cart_item"> |
| <a href="#" class="remove remove_from_cart_button"><i class="far fa-times"></i></a> |
| <a href="#"><img src="https://pcisnujombang.org/assets/public/assets/img/product/product_thumb_1_5.png" alt="Cart Image">Cloths</a> |
| <span class="quantity">1 × |
| <span class="woocommerce-Price-amount amount"> |
| <span class="woocommerce-Price-currencySymbol">$</span>1080.00</span> |
| </span> |
| </li> |
| </ul> |
| <p class="woocommerce-mini-cart__total total"> |
| <strong>Subtotal:</strong> |
| <span class="woocommerce-Price-amount amount"> |
| <span class="woocommerce-Price-currencySymbol">$</span>4398.00</span> |
| </p> |
| <p class="woocommerce-mini-cart__buttons buttons"> |
| <a href="cart.html" class="th-btn wc-forward">View cart</a> |
| <a href="checkout.html" class="th-btn checkout wc-forward">Checkout</a> |
| </p> |
| </div> |
| </div> |
| </div> |
| </div> |
| <div class="popup-search-box d-none d-lg-block"> |
| <button class="searchClose"><i class="far fa-times"></i></button> |
| <form action="#"> |
| <input type="text" placeholder="What are you looking for?"> |
| <button type="submit"><i class="fal fa-search"></i></button> |
| </form> |
| </div> |
| |
| |
| <div class="th-menu-wrapper"> |
| <div class="th-menu-area text-center"> |
| <button class="th-menu-toggle"><i class="fal fa-times"></i></button> |
| <div class="mobile-logo"> |
| <a href="https://pcisnujombang.org/" class="php">PC ISNU Jombang</a> |
| |
| </div> |
| <div class="th-mobile-menu"> |
| <ul> |
| <li class="menu-item-has-children"> |
| <a href="index.html">Home</a> |
| <ul class="sub-menu"> |
| <li class="menu-item-has-children"> |
| <a href="#">Multipage</a> |
| <ul class="sub-menu"> |
| <li><a href="index.html">Home One</a></li> |
| <li><a href="home-2.html">Home Two</a></li> |
| <li><a href="home-3.html">Home Three</a></li> |
| </ul> |
| </li> |
| <li class="menu-item-has-children"> |
| <a href="#">Onepage</a> |
| <ul class="sub-menu"> |
| <li><a href="home-1-op.html">Home One</a></li> |
| <li><a href="home-2-op.html">Home Two</a></li> |
| <li><a href="home-3-op.html">Home Three</a></li> |
| </ul> |
| </li> |
| <li class="menu-item-has-children"> |
| <a href="#">RTL</a> |
| <ul class="sub-menu"> |
| <li><a href="home-1-rtl.html">Home One</a></li> |
| <li><a href="home-2-rtl.html">Home Two</a></li> |
| <li><a href="home-3-rtl.html">Home Three</a></li> |
| </ul> |
| </li> |
| </ul> |
| </li> |
| <li><a href="about.html">About Us</a></li> |
| <li class="menu-item-has-children"> |
| <a href="#">Donations</a> |
| <ul class="sub-menu"> |
| <li><a href="donation.html">Donations</a></li> |
| <li><a href="donation-details.html">Donation Details</a></li> |
| <li><a href="donate-now.html">Donate Now</a></li> |
| </ul> |
| </li> |
| <li class="menu-item-has-children"> |
| <a href="#">Pages</a> |
| <ul class="sub-menu"> |
| <li class="menu-item-has-children"> |
| <a href="#">Shop</a> |
| <ul class="sub-menu"> |
| <li><a href="shop.html">Shop</a></li> |
| <li><a href="shop-details.html">Shop Details</a></li> |
| <li><a href="cart.html">Cart Page</a></li> |
| <li><a href="checkout.html">Checkout</a></li> |
| <li><a href="wishlist.html">Wishlist</a></li> |
| </ul> |
| </li> |
| <li><a href="team.html">Volunteers</a></li> |
| <li><a href="team-details.html">Volunteer Details</a></li> |
| <li><a href="add-team.html">Become A Volunteer</a></li> |
| <li><a href="gallery.html">Gallery</a></li> |
| <li><a href="pricing.html">Pricing</a></li> |
| <li><a href="faq.html">FAQS</a></li> |
| <li><a href="testimonial.html">Testimonials</a></li> |
| <li><a href="error.html">Error Page</a></li> |
| </ul> |
| </li> |
| <li class="menu-item-has-children"> |
| <a href="#">Blog</a> |
| <ul class="sub-menu"> |
| <li><a href="blog.html">Blog</a></li> |
| <li><a href="blog-details.html">Blog Details</a></li> |
| </ul> |
| </li> |
| <li> |
| <a href="contact.html">Registrasi</a> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
| <header class="th-header header-default onepage-nav"> |
| <div class="menu-top"> |
| <div class="container"> |
| <div class="row justify-content-center justify-content-lg-between align-items-center gy-2"> |
| <div class="col-auto d-none d-lg-block"> |
| <div class="header-logo text-center"> |
| <a href="https://pcisnujombang.org/" class="d-flex flex-column align-items-center"> |
| <img id="logoImage" width="100" src="https://pcisnujombang.org/assets/public/assets/img/logo.svg" alt="Donat"> |
| <h5 id="title" class="mt-2">PC ISNU Jombang</h5> |
| </a> |
| </div> |
| </div> |
|
|
| <div class="col-auto d-none d-md-block"> |
| <div class="info-card-wrap"> |
| <div class="info-card"> |
| <div class="box-icon"> |
| <i class="fal fa-map-marker-alt"></i> |
| <div class="bg-shape1" data-mask-src="https://pcisnujombang.org/assets/public/assets/img/shape/info_card_icon_bg_shape_1_1.png"></div> |
| <div class="bg-shape2" data-mask-src="https://pcisnujombang.org/assets/public/assets/img/shape/info_card_icon_bg_shape_1_1.png"></div> |
| </div> |
| <div class="box-content"> |
| <p class="box-text">Alamat Kantor :</p> |
| <h4 id="text_alamat" class="box-title"><a target="_blank" id="url_alamat" href="https://www.google.com/maps">Jombang, Indonesia</a></h4> |
| </div> |
| </div> |
| <div class="info-card"> |
| <div class="box-icon"> |
| <i class="fal fa-phone"></i> |
| <div class="bg-shape1" data-mask-src="https://pcisnujombang.org/assets/public/assets/img/shape/info_card_icon_bg_shape_1_1.png"></div> |
| <div class="bg-shape2" data-mask-src="https://pcisnujombang.org/assets/public/assets/img/shape/info_card_icon_bg_shape_1_1.png"></div> |
| </div> |
| <div class="box-content"> |
| <p class="box-text">Kontak Admin:</p> |
| <h4 id="text_kontak" class="box-title"><a target="_blank" id="url_kontak" href="https://wa.me/6281332444088">Teguh : 081332444088</a></h4> |
| </div> |
| </div> |
| <div class="info-card"> |
| <div class="box-icon"> |
| <i class="fal fa-envelope-open"></i> |
| <div class="bg-shape1" data-mask-src="https://pcisnujombang.org/assets/public/assets/img/shape/info_card_icon_bg_shape_1_1.png"></div> |
| <div class="bg-shape2" data-mask-src="https://pcisnujombang.org/assets/public/assets/img/shape/info_card_icon_bg_shape_1_1.png"></div> |
| </div> |
| <div class="box-content"> |
| <p class="box-text">Email Kantor:</p> |
| <h4 id="text_email" class="box-title"><a target="_blank" id="url_email" href="/cdn-cgi/l/email-protection#c3aab1b7a6a4b6abfaf683abaea2aaafeda0acae"><span class="__cf_email__" data-cfemail="dcb5aea8b9bba9b4e5e99cb4b1bdb5b0f2bfb3b1">[email protected]</span></a></h4> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| |
| |
| |
| |
| |
| |
| |
| </div> |
| </div> |
| </div> |
| <div class="sticky-wrapper"> |
| |
| <div class="container"> |
| <div class="menu-area"> |
| <div class="menu-area-wrap"> |
| <div class="col-auto d-inline-block d-lg-none"> |
| <div class="header-logo"> |
| <a href="https://pcisnujombang.org/" class="php">PC ISNU Jombang</a> |
| |
| </div> |
| </div> |
| <nav class="main-menu d-none d-lg-block"> |
| <ul> |
| <li class="menu-item-has-children"> |
| <a href="https://pcisnujombang.org/home">Home</a> |
| <ul class="mega-menu mega-menu-content"> |
| </ul> |
| </li> |
| </ul> |
| </nav> |
| |
| </div> |
| <div class="header-button"> |
| |
| |
| |
| |
| |
| |
| |
| </div> |
| </div> |
| </div> |
| </div> |
| </header> |
| <div class="overflow-hidden space"> |
| <div class="container"> |
| <div class="row gy-30 gx-30 filter-active"> |
| <div class="col-md-6 col-xxl-auto col-lg-4 filter-item"> |
| <div class="gallery-card"> |
| <div class="gallery-img"> |
| <img src="https://pcisnujombang.org/assets/images/galeri/2025-08-25_pelantikan_pc_isnu_jombang_2025_2029.jpeg" alt="Pelantikan PC ISNU Jombang 2025 - 2029"> |
| <a href="https://pcisnujombang.org/assets/images/galeri/2025-08-25_pelantikan_pc_isnu_jombang_2025_2029.jpeg" class="icon-btn popup-image"> |
| <i class="fas fa-eye"> |
| </i> |
| </a> |
| </div> |
| </div> |
| <h3>Pelantikan PC ISNU Jombang 2025 - 2029</h3> |
| <p>Saatnya lembaran baru dimulai! |
| PC ISNU Jombang Masa Khidmat 2025–2029 akan dilantik pada: |
| Selasa, 26 Agustus 2025 |
| di- Aula Bung Tomo Pemkab Jombang</p> |
| </div> |
| <div class="col-md-6 col-xxl-auto col-lg-4 filter-item"> |
| <div class="gallery-card"> |
| <div class="gallery-img"> |
| <img src="https://pcisnujombang.org/assets/images/galeri/2025-09-12_wakil_ketua_pp_isnu_prof_mas_ud_said.png" alt="Wakil Ketua PP ISNU Prof Mas'ud Said"> |
| <a href="https://pcisnujombang.org/assets/images/galeri/2025-09-12_wakil_ketua_pp_isnu_prof_mas_ud_said.png" class="icon-btn popup-image"> |
| <i class="fas fa-eye"> |
| </i> |
| </a> |
| </div> |
| </div> |
| <h3>Wakil Ketua PP ISNU Prof Mas'ud Said</h3> |
| <p>Pelantikan Pengurus PC ISNU Jombang dipimpin langsung oleh Wakil Ketua PP ISNU Prof Mas'ud Said</p> |
| </div> |
| <div class="col-md-6 col-xxl-auto col-lg-4 filter-item"> |
| <div class="gallery-card"> |
| <div class="gallery-img"> |
| <img src="https://pcisnujombang.org/assets/images/galeri/2025-09-12_ketua_pwnu_jawa_timur_kh_abdul_hakim_mahfudz_gus_kikin_.png" alt="Ketua PWNU Jawa Timur KH Abdul Hakim Mahfudz (Gus Kikin)"> |
| <a href="https://pcisnujombang.org/assets/images/galeri/2025-09-12_ketua_pwnu_jawa_timur_kh_abdul_hakim_mahfudz_gus_kikin_.png" class="icon-btn popup-image"> |
| <i class="fas fa-eye"> |
| </i> |
| </a> |
| </div> |
| </div> |
| <h3>Ketua PWNU Jawa Timur KH Abdul Hakim Mahfudz (Gus Kikin)</h3> |
| <p></p> |
| </div> |
| <div class="col-md-6 col-xxl-auto col-lg-4 filter-item"> |
| <div class="gallery-card"> |
| <div class="gallery-img"> |
| <img src="https://pcisnujombang.org/assets/images/galeri/2025-09-12_ketua_terpilih_pc_isnu_jombang_periode_2025_2029_abdullah_aminuddin_azis.png" alt="Ketua terpilih PC ISNU Jombang periode 2025-2029, Abdullah Aminuddin Azis"> |
| <a href="https://pcisnujombang.org/assets/images/galeri/2025-09-12_ketua_terpilih_pc_isnu_jombang_periode_2025_2029_abdullah_aminuddin_azis.png" class="icon-btn popup-image"> |
| <i class="fas fa-eye"> |
| </i> |
| </a> |
| </div> |
| </div> |
| <h3>Ketua terpilih PC ISNU Jombang periode 2025-2029, Abdullah Aminuddin Azis</h3> |
| <p></p> |
| </div> |
| <div class="col-md-6 col-xxl-auto col-lg-4 filter-item"> |
| <div class="gallery-card"> |
| <div class="gallery-img"> |
| <img src="https://pcisnujombang.org/assets/images/galeri/2025-09-12_rois_syuriyah_pcnu_jombang_kh_ahmad_hasan_dalam_acara_pelantikan_pc_isnu_jombang.png" alt="Rois Syuriyah PCNU Jombang, KH Ahmad Hasan dalam acara Pelantikan PC ISNU Jombang"> |
| <a href="https://pcisnujombang.org/assets/images/galeri/2025-09-12_rois_syuriyah_pcnu_jombang_kh_ahmad_hasan_dalam_acara_pelantikan_pc_isnu_jombang.png" class="icon-btn popup-image"> |
| <i class="fas fa-eye"> |
| </i> |
| </a> |
| </div> |
| </div> |
| <h3>Rois Syuriyah PCNU Jombang, KH Ahmad Hasan dalam acara Pelantikan PC ISNU Jombang</h3> |
| <p></p> |
| </div> |
| <div class="col-md-6 col-xxl-auto col-lg-4 filter-item"> |
| <div class="gallery-card"> |
| <div class="gallery-img"> |
| <img src="https://pcisnujombang.org/assets/images/galeri/2025-09-12_sambutan_bupati_jombang_dalam_pelantikan_pc_isnu_jombang_2025_2029.png" alt="Sambutan Bupati Jombang dalam pelantikan PC ISNU Jombang 2025-2029"> |
| <a href="https://pcisnujombang.org/assets/images/galeri/2025-09-12_sambutan_bupati_jombang_dalam_pelantikan_pc_isnu_jombang_2025_2029.png" class="icon-btn popup-image"> |
| <i class="fas fa-eye"> |
| </i> |
| </a> |
| </div> |
| </div> |
| <h3>Sambutan Bupati Jombang dalam pelantikan PC ISNU Jombang 2025-2029</h3> |
| <p>diwakili oleh Sri Surjati, S.Si., M.Si. Staf Ahli Bupati Jombang Bidang Keuangan, Ekonomi, dan Pembangunan</p> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| <footer class="footer-wrapper footer-default" data-bg-src="https://pcisnujombang.org/assets/public/assets/img/bg/footer-default-bg-mask.png"> |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| <div class="copyright-wrap"> |
| <div class="container"> |
| <div class="row justify-content-center gy-3 align-items-center"> |
| <div class="col-lg-12"> |
| <p class="copyright-text text-center"> |
| <i class="fal fa-copyright"></i> Made with ❤️ by <a target="_blank" href="https://github.com/synysmike"> Ir.Teguh </a>on 2025. |
| </p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </footer> |
|
|
|
|
| |
| <div class="scroll-top"> |
| <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> |
| <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;"></path> |
| </svg> |
| </div> |
|
|
| |
| |
| |
| <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://pcisnujombang.org/assets/public/assets/js/vendor/jquery-3.7.1.min.js"></script> |
| |
| <script src="https://pcisnujombang.org/assets/public/assets/js/swiper-bundle.min.js"></script> |
| |
| <script src="https://pcisnujombang.org/assets/public/assets/js/bootstrap.min.js"></script> |
| |
| <script src="https://pcisnujombang.org/assets/public/assets/js/jquery.magnific-popup.min.js"></script> |
| |
| <script src="https://pcisnujombang.org/assets/public/assets/js/jquery.counterup.min.js"></script> |
| |
| <script src="https://pcisnujombang.org/assets/public/assets/js/jquery-ui.min.js"></script> |
| |
| <script src="https://pcisnujombang.org/assets/public/assets/js/imagesloaded.pkgd.min.js"></script> |
| <script src="https://pcisnujombang.org/assets/public/assets/js/isotope.pkgd.min.js"></script> |
|
|
|
|
|
|
| |
| <script src="https://pcisnujombang.org/assets/public/assets/js/main.js"></script> |
| <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script> |
| <script> |
| $('.popup-image').magnificPopup({ |
| type: 'image', |
| gallery: { |
| enabled: true // Enables gallery mode |
| }, |
| callbacks: { |
| open: function() { |
| console.log("Magnific Popup is working!"); // Optional for debugging |
| } |
| } |
| }); |
|
|
| // Prevent default link behavior |
| $('.popup-image').on('click', function(event) { |
| event.preventDefault(); // Stops the link from opening in a new tab |
| }); |
| </script> |
| <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script> |
| <script> |
| function addComment(postId) { |
| // Extract form data |
| const guestName = $('#guest_name').val().trim(); |
| const guestEmail = $('#guest_email').val().trim(); |
| const guestPhone = $('#guest_phone').val().trim(); |
| const commentText = $('#comment_text').val().trim(); |
| const parentCommentId = $('#parent_comment_id').val(); |
|
|
| // Basic format validation |
| const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; |
| const phoneRegex = /^\+?\d{10,15}$/; // Accepts international format or local with 10–15 digits |
|
|
| if (!guestName || !guestEmail || !guestPhone || !commentText) { |
| Swal.fire({ |
| title: 'Missing Fields', |
| text: 'Please fill in all required fields.', |
| icon: 'warning', |
| }); |
| return; |
| } |
|
|
| if (!emailRegex.test(guestEmail)) { |
| Swal.fire({ |
| title: 'Invalid Email', |
| text: 'Please enter a valid email address.', |
| icon: 'warning', |
| }); |
| return; |
| } |
|
|
| if (!phoneRegex.test(guestPhone)) { |
| Swal.fire({ |
| title: 'Invalid Phone Number', |
| text: 'Please enter a valid phone number (10–15 digits).', |
| icon: 'warning', |
| }); |
| return; |
| } |
|
|
| // Construct data for both guest and comment |
| const commentData = { |
| uname: guestName, |
| email: guestEmail, |
| phone_number: guestPhone, |
| ip_address: null, |
| country: null, |
| region: null, |
| post_id: postId, |
| comment_text: commentText, |
| parent_comment_id: parentCommentId || null, |
| }; |
|
|
| // AJAX call to process both guest and comment |
| $.ajax({ |
| url: `https://pcisnujombang.org/home/process_comment`, |
| method: 'POST', |
| data: commentData, |
| success: function(response) { |
| let result; |
| try { |
| result = JSON.parse(response); |
| } catch (e) { |
| Swal.fire({ |
| title: 'Error!', |
| text: 'Invalid server response. Please try again.', |
| icon: 'error', |
| }); |
| return; |
| } |
|
|
| if (result.success) { |
| // Clear form fields |
| $('#guest_name').val(''); |
| $('#guest_email').val(''); |
| $('#guest_phone').val(''); |
| $('#comment_text').val(''); |
| $('#parent_comment_id').val(''); |
|
|
| fetchComments(postId); |
|
|
| Swal.fire({ |
| title: 'Success!', |
| text: 'Comment added successfully!', |
| icon: 'success', |
| }); |
| } else { |
| Swal.fire({ |
| title: 'Validation Error', |
| text: result.message || 'Failed to process your comment.', |
| icon: 'error', |
| }); |
| } |
| }, |
| error: function() { |
| Swal.fire({ |
| title: 'Server Error', |
| text: 'An unexpected error occurred. Please try again later.', |
| icon: 'error', |
| }); |
| }, |
| }); |
| } |
|
|
|
|
| /** |
| * Format a date string into a human-readable format. |
| * |
| * @param {string} dateString The date string to format. |
| * @return {string} The formatted date string. |
| */ |
| function formatDate(dateString) { |
| const options = { |
| year: 'numeric', |
| month: 'long', |
| day: 'numeric', |
| hour: '2-digit', |
| minute: '2-digit' |
| }; |
| return new Date(dateString).toLocaleDateString('en-US', options); |
| } |
|
|
| function fetchComments(postId) { |
| if (postId) { |
| return $.ajax({ |
| url: `https://pcisnujombang.org/home/get_comment/${postId}`, |
| method: 'GET', |
| success: function(response) { |
| const data = JSON.parse(response); // Parse JSON response |
| // console.log(data); |
| const comm = $('#count_cmnt'); |
| const commentList = $('.comment-list'); |
| const commentCount = $('#comment'); |
|
|
| if (Array.isArray(data) && data.length > 0) { |
| // Update comment count |
| comm.html(`<i class="far fa-comments"></i> Comments (${data.length})`); |
| commentCount.html(`<i class="far fa-comments"></i> Comments (${data.length})`); |
|
|
| // Clear previous comments |
| commentList.html(''); |
|
|
| // Process each comment in the array |
| data.forEach(comment => { |
| let commentHtml = ` |
| <li class="th-comment-item" data-comment-id="${comment.comment_id}"> |
| <div class="th-post-comment"> |
| <div class="comment-avater"> |
| <div class="user-icon" data-username="${comment.uname || 'Anonymous'}"></div> |
| </div> |
| <div class="comment-content"> |
| <h3 class="name">${comment.uname || 'Anonymous'}</h3> |
| <span class="commented-on">${formatDate(comment.created_at)}</span> |
| <p class="text">${comment.comment_text}</p> |
| <div class="reply_and_edit"> |
| <a href="#" class="reply-btn" onclick="replyToComment(${comment.comment_id})"> |
| <i class="fas fa-reply"></i>Reply |
| </a> |
| </div> |
| </div> |
| </div> |
| </li> |
| `; |
|
|
| // Check if the comment has children and render nested comments |
| if (comment.children && comment.children.length > 0) { |
| commentHtml += `<ul class="children">`; |
| comment.children.forEach(child => { |
| commentHtml += ` |
| <li class="th-comment-item" data-comment-id="${child.comment_id}"> |
| <div class="th-post-comment"> |
| <div class="comment-avater"> |
| <div class="user-icon" data-username="${comment.uname || 'Anonymous'}"></div> |
| </div> |
| <div class="comment-content"> |
| <h3 class="name">${child.uname || 'Anonymous'}</h3> |
| <span class="commented-on">${formatDate(child.created_at)}</span> |
| <p class="text">${child.comment_text}</p> |
| <div class="reply_and_edit"> |
| <a href="#" class="reply-btn" onclick="replyToComment(${child.comment_id})"> |
| <i class="fas fa-reply"></i>Reply |
| </a> |
| </div> |
| </div> |
| </div> |
| </li> |
| `; |
| }); |
| commentHtml += `</ul>`; |
| } |
|
|
| // Append the comment HTML to the list |
| commentList.append(commentHtml); |
| }); |
| } else { |
| // No comments found |
| comm.html(`<i class="far fa-comments"></i> Comments (0)`); |
| commentCount.html('<i class="far fa-comments"></i> Comments (0)'); |
| commentList.html('<p>No comments found.</p>'); |
| } |
| } |
| }); |
| } else { |
| alert('Post ID is required to fetch comments.'); |
| return; |
| } |
| } |
|
|
| function replyToComment(commentId) { |
| // Find the comment item by its data-comment-id attribute |
| const commentItem = $(`[data-comment-id="${commentId}"]`); |
| const commentText = commentItem.find('.text').text(); // Extract comment text |
| const commenterName = commentItem.find('.name').text(); // Extract commenter's name |
|
|
| // Update the hidden input with the parent comment ID |
| $('#parent_comment_id').val(commentId); |
|
|
| // Display the quoted comment in the 'quote-comment' div |
| $('#quote-comment').html(` |
| <blockquote> |
| <strong>${commenterName}:</strong> ${commentText} |
| </blockquote> |
| `).show(); |
|
|
| // Scroll to the form for better UX |
| $('html, body').animate({ |
| scrollTop: $('.th-comment-form').offset().top - 20 |
| }, 500); |
| } |
|
|
| // Clear quote when form is submitted |
| $('.th-btn.btn-fw').on('click', function() { |
| $('#quote-comment').hide().html(''); // Clear the quoted comment |
| $('#parent_comment_id').val(''); // Reset the parent comment ID |
| }); |
|
|
|
|
| // Assuming 'postUrl' contains the URL of the current post |
| const postUrl = window.location.href; // Get current page URL |
| const postTitle = $('meta[name="title"]').attr('content') || document.title; // Optionally use the page title |
|
|
| // Populate share links |
| $('#facebook-share').attr('href', `https://www.facebook.com/sharer.php?u=${encodeURIComponent(postUrl)}`); |
| $('#twitter-share').attr('href', `https://twitter.com/intent/tweet?url=${encodeURIComponent(postUrl)}&text=${encodeURIComponent(postTitle)}`); |
| $('#linkedin-share').attr('href', `https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(postUrl)}`); |
| $('#whatsapp-share').attr('href', `https://api.whatsapp.com/send?text=${encodeURIComponent(postTitle)}%20${encodeURIComponent(postUrl)}`); |
|
|
| $('.user-icon').each(function() { |
| // Get the username from the data attribute |
| const username = $(this).data('username'); |
|
|
| if (username) { |
| // Extract the first letter and set it as the content |
| const firstLetter = username.charAt(0).toUpperCase(); |
| $(this).text(firstLetter); |
|
|
| // Optionally, set a dynamic background color |
| const colors = ['#007bff', '#28a745', '#dc3545', '#ffc107', '#17a2b8']; |
| const randomColor = colors[Math.floor(Math.random() * colors.length)]; |
| $(this).css('background-color', randomColor); |
| } |
| }); |
|
|
| $.ajax({ |
| url: "https://pcisnujombang.org/home/get_berita_detail/", |
| type: "POST", |
| data: { |
| "slug": "" |
| }, |
| dataType: "json", |
| success: function(data) { |
| if (data) { |
| var berita = data; |
| $("#blog-image").attr("src", "https://pcisnujombang.org/assets/images/berita/" + berita.gambar); |
| $('#breadcumb-bg').attr('data-bg-src', 'https://pcisnujombang.org/assets/images/berita/' + berita.gambar); |
| $('#breadcumb-bg').attr('style', ` |
| position: relative; |
| overflow: hidden; |
| `); |
| $('#breadcumb-bg').prepend(` |
| <div class="bg-blur-layer" style=" |
| position: absolute; |
| top: 0; left: 0; |
| width: 100%; height: 100%; |
| background-image: url('https://pcisnujombang.org/assets/images/berita/${berita.gambar}'); |
| background-size: cover; |
| background-position: center; |
| filter: blur(4px); |
| z-index: 0; |
| "></div> |
| `); |
| $("#judul").text(berita.judul); |
| $("#judul-detail").text(berita.judul); |
| $("#kat").text(berita.kategori_nama); |
| // Change <meta name="author"> |
| $('meta[name="author"]').attr('content', 'PC ISNU Kab. Jombang'); |
|
|
| // Change <meta name="description"> |
| const isi = berita.isi; |
| const words = isi.split(' '); |
| const limitedIsi = words.slice(0, 20).join(' '); |
| $('meta[name="description"]').attr('content', limitedIsi + '...'); |
|
|
| // Change <meta name="keywords"> |
| const keywords = limitedIsi.split(' ').slice(0, 5).join(', '); |
| $('meta[name="keywords"]').attr('content', keywords); |
|
|
| // Change <meta property="og:title"> |
| $('meta[property="og:title"]').attr('content', berita.judul); |
|
|
| // Change <meta property="og:description"> |
| $('meta[property="og:description"]').attr('content', 'Stay updated with local events, educational initiatives, and community news from PC ISNU Kab. Jombang.'); |
|
|
| // Change <meta property="og:url"> |
| $('meta[property="og:url"]').attr('content', window.location.href); |
|
|
| // Change <meta property="og:image"> |
| $('meta[property="og:image"]').attr('content', 'https://pcisnujombang.org/assets/images/berita/' + berita.gambar); |
| // Change <link rel="canonical" href="https://yourwebsite.com/news-page-url"> <!-- Preferred URL for SEO --> |
| $('link[rel="canonical"]').attr('href', window.location.href); |
|
|
| const $submitButton = $('.th-btn.btn-fw'); |
| $submitButton.attr('onclick', `addComment('${berita.id}')`); |
| // Fetch comments again to refresh the list |
| fetchComments(berita.id); |
|
|
| var tgl = new Date(berita.tgl); |
| var options = { |
| year: 'numeric', |
| month: 'long', |
| day: 'numeric' |
| }; |
| $("#tgl").text(tgl.toLocaleDateString('id-ID', options)); |
| $("#isi").html(berita.isi); |
| } |
| } |
| }); |
| </script> |
|
|
|
|
| <script> |
| $.ajax({ |
| url: "/home/set_home_config", // Your API endpoint here |
| method: "GET", |
| success: function(response) { |
| const parsedResponse = JSON.parse(response); |
|
|
| // Since the response is an array, access the first element |
| if (parsedResponse.length > 0) { |
| const config = parsedResponse[0]; // Access the first object in the array |
| const color1 = config.color_1; |
| const color2 = config.color_2; |
|
|
| if (color1 && color2) { |
| $(":root").css("--theme-color", color1); |
| $(":root").css("--theme-color2", color2); |
| // console.log("Colors applied:", color1, color2); |
| } else { |
| console.error("Color values not found in the response."); |
| } |
|
|
| $('#logoImage').attr('src', 'https://pcisnujombang.org/assets/images/logo/' + config.logo); |
| $('#title').text(config.config_profile_name); |
| $('#url_alamat').attr('href', config.url_alamat).text(config.alamat); |
| $('#url_kontak').attr('href', config.url_kontak).text(config.kontak); |
| $('#url_email').attr('href', config.url_email).text(config.email); |
| } else { |
| console.error("Empty response array."); |
| } |
| }, |
| error: function(error) { |
| console.error("Error fetching color:", error); |
| }, |
| }); |
| </script> |
| <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"a92490cd5286416496d5e43cba4f7ca2","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script> |
| </body> |
|
|
| </html> |
| |