Header Modern PGRI Provinsi Jambi<\/title>\n<style>\n\/* ====== RESET & GAYA DASAR ====== *\/\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\nbody {\n font-family: \"Poppins\", sans-serif;\n background: #f4f7fb;\n}\n\n\/* ====== AREA SLIDESHOW ====== *\/\n.header-slideshow {\n position: relative;\n width: 100%;\n height: 480px;\n overflow: hidden;\n}\n\n\/* ====== GAMBAR SLIDE ====== *\/\n.slide {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n transform: scale(1.1);\n transition: opacity 1.5s ease, transform 5s ease;\n}\n\n.slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n filter: brightness(80%);\n border-radius: 0;\n}\n\n\/* ====== TAMPILKAN SLIDE AKTIF ====== *\/\n.slide.active {\n opacity: 1;\n transform: scale(1);\n z-index: 1;\n}\n\n\/* ====== CAPTION (TEKS DI ATAS GAMBAR) ====== *\/\n.caption {\n position: absolute;\n bottom: 70px;\n left: 80px;\n color: #fff;\n background: rgba(0, 0, 0, 0.45);\n padding: 20px 35px;\n border-left: 6px solid #1e88e5;\n border-radius: 10px;\n font-size: 26px;\n font-weight: 600;\n max-width: 70%;\n animation: fadeInUp 1.2s ease;\n}\n\n\/* ====== TOMBOL NAVIGASI ====== *\/\n.nav-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(255, 255, 255, 0.3);\n color: #fff;\n border: none;\n cursor: pointer;\n font-size: 32px;\n padding: 10px 18px;\n border-radius: 50%;\n transition: background 0.3s;\n}\n\n.nav-btn:hover {\n background: rgba(255, 255, 255, 0.8);\n color: #000;\n}\n\n.prev { left: 25px; }\n.next { right: 25px; }\n\n\/* ====== ANIMASI TEKS ====== *\/\n@keyframes fadeInUp {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 768px) {\n .caption {\n bottom: 40px;\n left: 20px;\n font-size: 18px;\n max-width: 90%;\n }\n .nav-btn {\n font-size: 24px;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"header-slideshow\">\n <div class=\"slide active\">\n <img decoding=\"async\" src=\"https:\/\/pgrijambi.or.id\/wp-content\/uploads\/2025\/10\/bn5.jpg?school,students\" alt=\"Slide 1\">\n <div class=\"caption\">Selamat Datang di PGRI Provinsi Jambi<\/div>\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/pgrijambi.or.id\/wp-content\/uploads\/2025\/10\/bn4.jpg?education,classroom\" alt=\"Slide 2\">\n <div class=\"caption\">\u201cGuru Hebat, Jambi Cerdas, Indonesia Maju\u201d<\/div>\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/pgrijambi.or.id\/wp-content\/uploads\/2025\/10\/bn2-1.jpg?computer,lab\" alt=\"Slide 3\">\n <div class=\"caption\">\u201cBersatu, Berjuang, dan Berkarya untuk Pendidikan Jambi\u201d<\/div>\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/pgrijambi.or.id\/wp-content\/uploads\/2025\/10\/bn3.jpg?students,success\" alt=\"Slide 4\">\n <div class=\"caption\">\u201cMenginspirasi, Mengabdi, Membangun Pendidikan Bermutu\u201d<\/div>\n <\/div>\n\n \n <button class=\"nav-btn prev\">❮<\/button>\n <button class=\"nav-btn next\">❯<\/button>\n<\/div>\n\n<script>\n\/\/ ====== SCRIPT SLIDE MODERN ======\nlet slides = document.querySelectorAll(\".slide\");\nlet current = 0;\n\nfunction showSlide(index) {\n slides.forEach((slide, i) => {\n slide.classList.remove(\"active\");\n if (i === index) slide.classList.add(\"active\");\n });\n}\n\n\/\/ Tombol Next & Prev\ndocument.querySelector(\".next\").addEventListener(\"click\", () => {\n current = (current + 1) % slides.length;\n showSlide(current);\n});\n\ndocument.querySelector(\".prev\").addEventListener(\"click\", () => {\n current = (current - 1 + slides.length) % slides.length;\n showSlide(current);\n});\n\n\/\/ Slide Otomatis\nsetInterval(() => {\n current = (current + 1) % slides.length;\n showSlide(current);\n}, 6000);\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:42px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/pgrijambi.or.id\">Menu<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Header Modern PGRI Provinsi Jambi Selamat Datang di PGRI Provinsi Jambi \u201cGuru Hebat, Jambi Cerdas, Indonesia Maju\u201d \u201cBersatu, Berjuang, dan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":157,"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":748,"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/748"}],"wp:attachment":[{"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8,"date":"2025-07-26T06:13:00","date_gmt":"2025-07-26T06:13:00","guid":{"rendered":"https:\/\/pgrijambi.or.id\/?page_id=8"},"modified":"2025-11-14T11:50:47","modified_gmt":"2025-11-14T11:50:47","slug":"home","status":"publish","type":"page","link":"https:\/\/pgrijambi.or.id\/berita\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\nHeader Modern PGRI Provinsi Jambi<\/title>\n<style>\n\/* ====== RESET & GAYA DASAR ====== *\/\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\nbody {\n font-family: \"Poppins\", sans-serif;\n background: #f4f7fb;\n}\n\n\/* ====== AREA SLIDESHOW ====== *\/\n.header-slideshow {\n position: relative;\n width: 100%;\n height: 480px;\n overflow: hidden;\n}\n\n\/* ====== GAMBAR SLIDE ====== *\/\n.slide {\n position: absolute;\n width: 100%;\n height: 100%;\n opacity: 0;\n transform: scale(1.1);\n transition: opacity 1.5s ease, transform 5s ease;\n}\n\n.slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n filter: brightness(80%);\n border-radius: 0;\n}\n\n\/* ====== TAMPILKAN SLIDE AKTIF ====== *\/\n.slide.active {\n opacity: 1;\n transform: scale(1);\n z-index: 1;\n}\n\n\/* ====== CAPTION (TEKS DI ATAS GAMBAR) ====== *\/\n.caption {\n position: absolute;\n bottom: 70px;\n left: 80px;\n color: #fff;\n background: rgba(0, 0, 0, 0.45);\n padding: 20px 35px;\n border-left: 6px solid #1e88e5;\n border-radius: 10px;\n font-size: 26px;\n font-weight: 600;\n max-width: 70%;\n animation: fadeInUp 1.2s ease;\n}\n\n\/* ====== TOMBOL NAVIGASI ====== *\/\n.nav-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n background: rgba(255, 255, 255, 0.3);\n color: #fff;\n border: none;\n cursor: pointer;\n font-size: 32px;\n padding: 10px 18px;\n border-radius: 50%;\n transition: background 0.3s;\n}\n\n.nav-btn:hover {\n background: rgba(255, 255, 255, 0.8);\n color: #000;\n}\n\n.prev { left: 25px; }\n.next { right: 25px; }\n\n\/* ====== ANIMASI TEKS ====== *\/\n@keyframes fadeInUp {\n 0% {\n opacity: 0;\n transform: translateY(20px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/* ====== RESPONSIVE ====== *\/\n@media (max-width: 768px) {\n .caption {\n bottom: 40px;\n left: 20px;\n font-size: 18px;\n max-width: 90%;\n }\n .nav-btn {\n font-size: 24px;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"header-slideshow\">\n <div class=\"slide active\">\n <img decoding=\"async\" src=\"https:\/\/pgrijambi.or.id\/wp-content\/uploads\/2025\/10\/bn5.jpg?school,students\" alt=\"Slide 1\">\n <div class=\"caption\">Selamat Datang di PGRI Provinsi Jambi<\/div>\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/pgrijambi.or.id\/wp-content\/uploads\/2025\/10\/bn4.jpg?education,classroom\" alt=\"Slide 2\">\n <div class=\"caption\">\u201cGuru Hebat, Jambi Cerdas, Indonesia Maju\u201d<\/div>\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/pgrijambi.or.id\/wp-content\/uploads\/2025\/10\/bn2-1.jpg?computer,lab\" alt=\"Slide 3\">\n <div class=\"caption\">\u201cBersatu, Berjuang, dan Berkarya untuk Pendidikan Jambi\u201d<\/div>\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/pgrijambi.or.id\/wp-content\/uploads\/2025\/10\/bn3.jpg?students,success\" alt=\"Slide 4\">\n <div class=\"caption\">\u201cMenginspirasi, Mengabdi, Membangun Pendidikan Bermutu\u201d<\/div>\n <\/div>\n\n \n <button class=\"nav-btn prev\">❮<\/button>\n <button class=\"nav-btn next\">❯<\/button>\n<\/div>\n\n<script>\n\/\/ ====== SCRIPT SLIDE MODERN ======\nlet slides = document.querySelectorAll(\".slide\");\nlet current = 0;\n\nfunction showSlide(index) {\n slides.forEach((slide, i) => {\n slide.classList.remove(\"active\");\n if (i === index) slide.classList.add(\"active\");\n });\n}\n\n\/\/ Tombol Next & Prev\ndocument.querySelector(\".next\").addEventListener(\"click\", () => {\n current = (current + 1) % slides.length;\n showSlide(current);\n});\n\ndocument.querySelector(\".prev\").addEventListener(\"click\", () => {\n current = (current - 1 + slides.length) % slides.length;\n showSlide(current);\n});\n\n\/\/ Slide Otomatis\nsetInterval(() => {\n current = (current + 1) % slides.length;\n showSlide(current);\n}, 6000);\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:42px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-to-vivid-purple-gradient-background has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/pgrijambi.or.id\">Menu<\/a><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Header Modern PGRI Provinsi Jambi Selamat Datang di PGRI Provinsi Jambi \u201cGuru Hebat, Jambi Cerdas, Indonesia Maju\u201d \u201cBersatu, Berjuang, dan […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":157,"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":748,"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/748"}],"wp:attachment":[{"href":"https:\/\/pgrijambi.or.id\/berita\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}