BEMP Pendidikan Sosiologi UNJ<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n unj: {\r\n bg: '#f8f9fa', \/* Off-white background *\/\r\n dark: '#111827', \/* Hitam teks utama *\/\r\n slate: '#374151', \/* Subteks abu-abu gelap *\/\r\n teal: '#0e7490', \/* Aksen Teal\/Biru *\/\r\n amber: '#b45309', \/* Aksen Warm Earth\/Ocher *\/\r\n card: '#ffffff' \/* Putih bersih untuk kartu *\/\r\n }\r\n },\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n serif: ['Playfair Display', 'serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n<body class=\"bg-unj-bg text-unj-dark font-sans antialiased selection:bg-unj-amber selection:text-white\">\r\n\r\n\r\n<div class=\"w-full max-w-full overflow-x-hidden bg-unj-bg text-unj-dark font-sans antialiased selection:bg-unj-amber selection:text-white box-border\">\r\n\r\n \r\n <section id=\"hero\" class=\"relative bg-unj-bg pt-6 sm:pt-10 pb-12 sm:pb-20 border-b border-slate-200 w-full\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full\">\r\n <div class=\"grid lg:grid-cols-12 gap-8 lg:gap-12 items-center\">\r\n \r\n \r\n <div class=\"lg:col-span-6 space-y-4 sm:space-y-6 text-left w-full\">\r\n <div>\r\n <span class=\"inline-flex items-center space-x-2 px-3 py-1 rounded-md bg-amber-50 border border-amber-200 text-amber-800 text-[11px] sm:text-xs font-semibold uppercase tracking-wider\">\r\n <span class=\"w-2 h-2 rounded-full bg-amber-600\"><\/span>\r\n <span>BEMP Pendidikan Sosiologi UNJ<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <h1 class=\"text-2xl sm:text-4xl lg:text-5xl font-serif font-extrabold text-unj-dark leading-tight tracking-tight\">\r\n Wadah Aspirasi, Pergerakan, dan <span class=\"italic font-normal text-unj-teal\">Kolaborasi<\/span> Mahasiswa Sosiologi.\r\n <\/h1>\r\n\r\n <p class=\"text-unj-slate text-xs sm:text-base leading-relaxed max-w-xl\">\r\n Program Studi Pendidikan Sosiologi FISH UNJ menyiapkan pendidik dan peneliti sosial yang berpikir sosiologis, kritis, dan kolaboratif \u2014 siap mengajar sekaligus membaca perubahan sosial.\r\n <\/p>\r\n\r\n <div class=\"pt-2 flex flex-col sm:flex-row items-stretch sm:items-center gap-3 w-full\">\r\n <a href=\"https:\/\/linktr.ee\/bempendsos?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAb21jcAT45mxwZG9mAmV4dG4DYWVtAjExAHNydGMGYXBwX2lkDzU2NzA2NzM0MzM1MjQyNwABp-GJJU8lONGDQGexwiRS-cG3Jg_NCchutH3xK44BNEJOp5jND87tbiaSQijp_aem_P6JIfkb8j45iS_SLsXIxww\" target=\"_blank\" class=\"w-full sm:w-auto text-center px-5 py-3 rounded-lg bg-unj-dark hover:bg-slate-800 text-white font-semibold text-xs sm:text-sm transition-all shadow-sm flex items-center justify-center space-x-2\">\r\n <i class=\"fa-solid fa-link text-xs\"><\/i>\r\n <span>Linktree Kami<\/span>\r\n <\/a>\r\n <a href=\"#kabinet\" class=\"w-full sm:w-auto text-center px-5 py-3 rounded-lg bg-white hover:bg-slate-100 border border-slate-300 text-unj-dark font-medium text-xs sm:text-sm transition-all\">\r\n Jelajahi Kabinet\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-6 w-full\">\r\n <div class=\"relative rounded-xl overflow-hidden bg-white border border-slate-300 shadow-md p-1.5 sm:p-2 w-full\">\r\n <div class=\"flex items-center space-x-2 px-2.5 py-1.5 bg-slate-100 border-b border-slate-200 text-slate-500 text-[11px] rounded-t-lg\">\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-red-400 inline-block\"><\/span>\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-yellow-400 inline-block\"><\/span>\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-green-400 inline-block\"><\/span>\r\n <span class=\"ml-2 font-mono text-[10px] sm:text-[11px] truncate\">Company Profile \u2014 BEMP Pendsos UNJ<\/span>\r\n <\/div>\r\n \r\n <div class=\"relative w-full aspect-video bg-slate-900 rounded-b-lg overflow-hidden flex items-center justify-center\">\r\n <iframe \r\n class=\"w-full h-full absolute inset-0\"\r\n src=\"https:\/\/www.youtube.com\/embed\/D2DhMQikb8Q\" \r\n title=\"YouTube Company Profile BEMP Pendidikan Sosiologi UNJ\" \r\n frameborder=\"0\" \r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \r\n allowfullscreen>\r\n <\/iframe>\r\n <\/div>\r\n\r\n <div class=\"p-2 sm:p-3 bg-white text-center border-t border-slate-100\">\r\n <p class=\"text-[11px] sm:text-xs text-slate-500 italic\">\r\n <i class=\"fa-solid fa-circle-info text-unj-teal mr-1\"><\/i>\r\n Video Company Profile BEMP Pendidikan Sosiologi UNJ\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"about\" class=\"py-12 sm:py-16 bg-white border-b border-slate-200 w-full\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-8 sm:mb-12\">\r\n <span class=\"text-[11px] sm:text-xs font-bold uppercase tracking-widest text-unj-amber\">Profil Singkat<\/span>\r\n <h2 class=\"text-2xl sm:text-3xl font-serif font-bold text-unj-dark mt-1\">Mengenal BEMP Pendidikan Sosiologi UNJ<\/h2>\r\n <div class=\"w-12 h-1 bg-unj-teal mx-auto mt-3 rounded-full\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-6 sm:gap-8\">\r\n \r\n <div class=\"p-6 sm:p-8 rounded-xl bg-unj-bg border border-slate-200 shadow-sm w-full\">\r\n <div class=\"w-10 h-10 rounded-lg bg-teal-50 text-unj-teal flex items-center justify-center mb-4 text-lg border border-teal-200\">\r\n <i class=\"fa-solid fa-eye\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg sm:text-xl font-serif font-bold text-unj-dark mb-2\">Visi Organisasi<\/h3>\r\n <p class=\"text-unj-slate text-xs sm:text-sm leading-relaxed\">\r\n Mewujudkan BEMP Pendidikan Sosiologi UNJ sebagai wadah eksistensi mahasiswa yang solutif, progresif, integratif, serta berlandaskan asas kekeluargaan dalam mewujudkan tri dharma perguruan tinggi.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 sm:p-8 rounded-xl bg-unj-bg border border-slate-200 shadow-sm w-full\">\r\n <div class=\"w-10 h-10 rounded-lg bg-amber-50 text-unj-amber flex items-center justify-center mb-4 text-lg border border-amber-200\">\r\n <i class=\"fa-solid fa-bullseye\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg sm:text-xl font-serif font-bold text-unj-dark mb-2\">Misi Organisasi<\/h3>\r\n <ul class=\"text-unj-slate text-xs sm:text-sm leading-relaxed space-y-2 list-disc list-inside\">\r\n <li>Mengoptimalkan fungsi pelayanan dan advokasi yang responsif bagi mahasiswa.<\/li>\r\n <li>Mempererat hubungan kekeluargaan dan sinergi antar civitas akademika.<\/li>\r\n <li>Pengembangan minat, bakat, serta peningkatan mutu intelektual mahasiswa sosiologi.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"kabinet\" class=\"py-12 sm:py-16 bg-unj-bg border-b border-slate-200 w-full\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-8 sm:mb-12\">\r\n <span class=\"text-[11px] sm:text-xs font-bold uppercase tracking-widest text-unj-teal\">Struktur Organisasi<\/span>\r\n <h2 class=\"text-2xl sm:text-3xl font-serif font-bold text-unj-dark mt-1\">Badan Pengurus & Departemen<\/h2>\r\n <p class=\"text-unj-slate text-xs sm:text-sm mt-2\">Roda penggerak BEMP Pendidikan Sosiologi UNJ dalam merealisasikan berbagai program kerja.<\/p>\r\n <div class=\"w-12 h-1 bg-unj-amber mx-auto mt-3 rounded-full\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-5 sm:gap-6\">\r\n\r\n \r\n <div class=\"bg-white rounded-xl p-5 sm:p-6 border border-slate-200 shadow-sm flex flex-col justify-between w-full\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"px-2.5 py-1 rounded bg-slate-900 text-white text-[11px] font-bold\">BPHI<\/span>\r\n <i class=\"fa-solid fa-user-shield text-slate-400\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark mb-2\">Badan Pengurus Harian Inti<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Mengoordinasi, mengawasi, serta mengarahkan kebijakan strategis, perbendaharaan kas, dan jalannya roda organisasi BEMP secara menyeluruh.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl p-5 sm:p-6 border border-slate-200 shadow-sm flex flex-col justify-between w-full\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"px-2.5 py-1 rounded bg-unj-teal text-white text-[11px] font-bold\">KOMINFO<\/span>\r\n <i class=\"fa-solid fa-bullhorn text-slate-400\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark mb-2\">Komunikasi & Informasi<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Garda terdepan publikasi media kreatif, penyebaran informasi, branding organisasi, serta pengelolaan media sosial resmi.\r\n <\/p>\r\n <\/div>\r\n <div class=\"border-t border-slate-100 pt-3\">\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-amber block mb-2\"><i class=\"fa-solid fa-list-check mr-1\"><\/i> Program Kerja:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans\">\r\n <p>\u2022 SOSKOM<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl p-5 sm:p-6 border border-slate-200 shadow-sm flex flex-col justify-between w-full\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"px-2.5 py-1 rounded bg-slate-900 text-white text-[11px] font-bold\">ORSENI<\/span>\r\n <i class=\"fa-solid fa-trophy text-slate-400\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark mb-2\">Olahraga & Seni<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Wadah penyaluran bakat, minat, pelaksana kegiatan lomba-lomba, serta apresiasi potensi mahasiswa Pendidikan Sosiologi.\r\n <\/p>\r\n <\/div>\r\n <div class=\"border-t border-slate-100 pt-3\">\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-amber block mb-1\"><i class=\"fa-solid fa-list-check mr-1\"><\/i> Program Kerja:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans mb-2\">\r\n <p>\u2022 SOLATIVE<\/p>\r\n <p>\u2022 SON<\/p>\r\n <p>\u2022 SPARTIVITY<\/p>\r\n <\/div>\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-teal block mb-1\"><i class=\"fa-solid fa-star mr-1\"><\/i> Non Proker:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans\">\r\n <p>\u2022 SPARTIVAL<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl p-5 sm:p-6 border border-slate-200 shadow-sm flex flex-col justify-between w-full\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"px-2.5 py-1 rounded bg-slate-900 text-white text-[11px] font-bold\">KESTARI<\/span>\r\n <i class=\"fa-solid fa-folder-open text-slate-400\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark mb-2\">Sekretariat & Persuratan<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Mengelola tata kelola administrasi, pendataan inventaris, kearsipan persuratan, serta kesekretariatan organisasi.\r\n <\/p>\r\n <\/div>\r\n <div class=\"border-t border-slate-100 pt-3\">\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-amber block mb-2\"><i class=\"fa-solid fa-list-check mr-1\"><\/i> Program Kerja:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans\">\r\n <p>\u2022 BRAVO<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl p-5 sm:p-6 border border-slate-200 shadow-sm flex flex-col justify-between w-full\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"px-2.5 py-1 rounded bg-unj-amber text-white text-[11px] font-bold\">SOSPOL<\/span>\r\n <i class=\"fa-solid fa-hands-holding-child text-slate-400\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark mb-2\">Sosial Politik & Pengabdian<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Mengakomodasi gerakan sosial masyarakat, pencerahan isu-isu politik, dan pengabdian langsung kepada masyarakat luas.\r\n <\/p>\r\n <\/div>\r\n <div class=\"border-t border-slate-100 pt-3\">\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-amber block mb-2\"><i class=\"fa-solid fa-list-check mr-1\"><\/i> Program Kerja:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans\">\r\n <p>\u2022 SOBAT<\/p>\r\n <p>\u2022 SOSKOM<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl p-5 sm:p-6 border border-slate-200 shadow-sm flex flex-col justify-between w-full\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"px-2.5 py-1 rounded bg-slate-900 text-white text-[11px] font-bold\">PSDM<\/span>\r\n <i class=\"fa-solid fa-users-gear text-slate-400\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark mb-2\">Pengembangan SDM<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Berfokus pada pembentukan karakter, kepemimpinan, perkaderan, serta penyambutan mahasiswa baru.\r\n <\/p>\r\n <\/div>\r\n <div class=\"border-t border-slate-100 pt-3\">\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-amber block mb-1\"><i class=\"fa-solid fa-list-check mr-1\"><\/i> Program Kerja:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans mb-2\">\r\n <p>\u2022 PKKMB<\/p>\r\n <p>\u2022 PKMP<\/p>\r\n <p>\u2022 Makrab Sosio Satu<\/p>\r\n <p>\u2022 Staff of the Month<\/p>\r\n <\/div>\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-teal block mb-1\"><i class=\"fa-solid fa-star mr-1\"><\/i> Non Proker:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans\">\r\n <p>\u2022 Studi Banding<\/p>\r\n <p>\u2022 Famgath Sosio Satu<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl p-5 sm:p-6 border border-slate-200 shadow-sm flex flex-col justify-between md:col-span-2 lg:col-span-3 w-full\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"px-2.5 py-1 rounded bg-unj-teal text-white text-[11px] font-bold\">ADVOKASI<\/span>\r\n <i class=\"fa-solid fa-scale-balanced text-slate-400\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark mb-2\">Pelayanan Advokasi & Birokrasi Kampus<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Garda terdepan yang menangani segala urusan dan permasalahan antara birokrasi kampus dengan mahasiswa.\r\n <\/p>\r\n <\/div>\r\n <div class=\"border-t border-slate-100 pt-3\">\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-amber block mb-1\"><i class=\"fa-solid fa-list-check mr-1\"><\/i> Program Kerja:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans mb-2\">\r\n <p>\u2022 BRAVO<\/p>\r\n <\/div>\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-teal block mb-1\"><i class=\"fa-solid fa-star mr-1\"><\/i> Non Proker:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans\">\r\n <p>\u2022 DIVA<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"media\" class=\"py-12 sm:py-16 bg-white border-b border-slate-200 w-full overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full\">\r\n <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-8\">\r\n <div>\r\n <span class=\"text-[11px] sm:text-xs font-bold uppercase tracking-widest text-unj-amber\">Dokumentasi & Informasi<\/span>\r\n <h2 class=\"text-2xl sm:text-3xl font-serif font-bold text-unj-dark mt-1\">Dokumentasi Aftermovie BEMP<\/h2>\r\n <p class=\"text-xs text-slate-500 mt-1\">Geser otomatis setiap 5 detik. Arahkan kursor ke video untuk menjeda.<\/p>\r\n <\/div>\r\n \r\n <div class=\"flex flex-wrap gap-2 mt-4 md:mt-0\">\r\n <a href=\"https:\/\/www.instagram.com\/bempendsos?igsi=MTJ4N29teWR6MGNiZQ==\" target=\"_blank\" class=\"px-2.5 py-1.5 rounded-md bg-pink-50 text-pink-600 hover:bg-pink-600 hover:text-white transition-all text-xs font-semibold flex items-center space-x-1.5 border border-pink-200\">\r\n <i class=\"fa-brands fa-instagram\"><\/i>\r\n <span>Instagram<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@bempendsos?_r=1&_t=ZS-9997LuFwKai\" target=\"_blank\" class=\"px-2.5 py-1.5 rounded-md bg-slate-100 text-slate-800 hover:bg-slate-900 hover:text-white transition-all text-xs font-semibold flex items-center space-x-1.5 border border-slate-300\">\r\n <i class=\"fa-brands fa-tiktok\"><\/i>\r\n <span>TikTok<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/youtube.com\/@bemppendidikansosiologiunj3605?si=DM43GfbfBrhWgFO7\" target=\"_blank\" class=\"px-2.5 py-1.5 rounded-md bg-red-50 text-red-600 hover:bg-red-600 hover:text-white transition-all text-xs font-semibold flex items-center space-x-1.5 border border-red-200\">\r\n <i class=\"fa-brands fa-youtube\"><\/i>\r\n <span>YouTube<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/linktr.ee\/bempendsos?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAb21jcAT45mxwZG9mAmV4dG4DYWVtAjExAHNydGMGYXBwX2lkDzU2NzA2NzM0MzM1MjQyNwABp-GJJU8lONGDQGexwiRS-cG3Jg_NCchutH3xK44BNEJOp5jND87tbiaSQijp_aem_P6JIfkb8j45iS_SLsXIxww\" target=\"_blank\" class=\"px-2.5 py-1.5 rounded-md bg-emerald-50 text-emerald-700 hover:bg-emerald-600 hover:text-white transition-all text-xs font-semibold flex items-center space-x-1.5 border border-emerald-200\">\r\n <i class=\"fa-solid fa-tree\"><\/i>\r\n <span>Linktree<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"yt-carousel-container\" class=\"relative w-full\">\r\n \r\n <div class=\"overflow-hidden rounded-2xl w-full\">\r\n <div id=\"yt-carousel-track\" class=\"flex transition-transform duration-700 ease-in-out w-full\">\r\n \r\n \r\n <div class=\"w-full sm:w-1\/2 lg:w-1\/3 flex-shrink-0 p-2\">\r\n <div class=\"bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all h-full flex flex-col justify-between\">\r\n <div class=\"relative aspect-video bg-slate-900\">\r\n <iframe class=\"w-full h-full absolute inset-0\" src=\"https:\/\/www.youtube.com\/embed\/0WsTe9P_5Zw\" title=\"AFTER MOVIE SOBAT\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <div class=\"p-3\">\r\n <span class=\"text-[10px] font-bold text-unj-amber uppercase tracking-wider block\">SOSPOL<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">AFTER MOVIE SOBAT<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full sm:w-1\/2 lg:w-1\/3 flex-shrink-0 p-2\">\r\n <div class=\"bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all h-full flex flex-col justify-between\">\r\n <div class=\"relative aspect-video bg-slate-900\">\r\n <iframe class=\"w-full h-full absolute inset-0\" src=\"https:\/\/www.youtube.com\/embed\/sYFm76gAfXc\" title=\"AFTER MOVIE BRAVO\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <div class=\"p-3\">\r\n <span class=\"text-[10px] font-bold text-unj-teal uppercase tracking-wider block\">KESTARI & ADVOKASI<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">AFTER MOVIE BRAVO<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full sm:w-1\/2 lg:w-1\/3 flex-shrink-0 p-2\">\r\n <div class=\"bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all h-full flex flex-col justify-between\">\r\n <div class=\"relative aspect-video bg-slate-900\">\r\n <iframe class=\"w-full h-full absolute inset-0\" src=\"https:\/\/www.youtube.com\/embed\/IhdfOwQvnXo\" title=\"AFTER MOVIE SOLATIVE\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <div class=\"p-3\">\r\n <span class=\"text-[10px] font-bold text-unj-amber uppercase tracking-wider block\">ORSENI<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">AFTER MOVIE SOLATIVE<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full sm:w-1\/2 lg:w-1\/3 flex-shrink-0 p-2\">\r\n <div class=\"bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all h-full flex flex-col justify-between\">\r\n <div class=\"relative aspect-video bg-slate-900\">\r\n <iframe class=\"w-full h-full absolute inset-0\" src=\"https:\/\/www.youtube.com\/embed\/dmvVDek3ZIs\" title=\"AFTER MOVIE MAKRAB SOSIO SATU\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <div class=\"p-3\">\r\n <span class=\"text-[10px] font-bold text-unj-teal uppercase tracking-wider block\">PSDM<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">AFTER MOVIE MAKRAB SOSIO SATU<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full sm:w-1\/2 lg:w-1\/3 flex-shrink-0 p-2\">\r\n <div class=\"bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all h-full flex flex-col justify-between\">\r\n <div class=\"relative aspect-video bg-slate-900\">\r\n <iframe class=\"w-full h-full absolute inset-0\" src=\"https:\/\/www.youtube.com\/embed\/ymfPnL0KpoY\" title=\"AFTER MOVIE PKKMB 2025\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <div class=\"p-3\">\r\n <span class=\"text-[10px] font-bold text-unj-amber uppercase tracking-wider block\">PSDM<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">AFTER MOVIE PKKMB 2025<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button id=\"yt-prev\" aria-label=\"Previous Slide\" class=\"absolute left-0 top-1\/2 -translate-y-1\/2 -translate-x-3 sm:-translate-x-4 w-9 h-9 sm:w-10 sm:h-10 rounded-full bg-white border border-slate-300 text-slate-800 flex items-center justify-center shadow-md hover:bg-unj-amber hover:text-white transition-all z-10\">\r\n <i class=\"fa-solid fa-chevron-left text-xs sm:text-sm\"><\/i>\r\n <\/button>\r\n <button id=\"yt-next\" aria-label=\"Next Slide\" class=\"absolute right-0 top-1\/2 -translate-y-1\/2 translate-x-3 sm:translate-x-4 w-9 h-9 sm:w-10 sm:h-10 rounded-full bg-white border border-slate-300 text-slate-800 flex items-center justify-center shadow-md hover:bg-unj-amber hover:text-white transition-all z-10\">\r\n <i class=\"fa-solid fa-chevron-right text-xs sm:text-sm\"><\/i>\r\n <\/button>\r\n\r\n \r\n <div id=\"yt-dots\" class=\"flex justify-center items-center space-x-2 mt-6\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-8 text-center\">\r\n <a href=\"https:\/\/youtube.com\/@bemppendidikansosiologiunj3605?si=DM43GfbfBrhWgFO7\" target=\"_blank\" class=\"inline-flex items-center space-x-2 px-6 py-3 rounded-lg bg-red-600 hover:bg-red-700 text-white font-semibold text-xs transition-all shadow-sm\">\r\n <i class=\"fa-brands fa-youtube text-white text-sm\"><\/i>\r\n <span>Kunjungi Channel YouTube BEMP<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-slate-900 text-slate-400 py-8 sm:py-10 w-full\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full\">\r\n <div class=\"grid md:grid-cols-3 gap-6 pb-6 border-b border-slate-800\">\r\n <div class=\"space-y-2\">\r\n <h3 class=\"text-white font-serif font-bold text-sm sm:text-base\">BEMP Pendidikan Sosiologi UNJ<\/h3>\r\n <p class=\"text-[11px] sm:text-xs text-slate-400 leading-relaxed\">\r\n Fakultas Ilmu Sosial dan Hukum (FISH) <br>\r\n Universitas Negeri Jakarta, Kampus A Rawamangun.\r\n <\/p>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"text-white text-[11px] font-semibold uppercase tracking-wider mb-2\">Tautan Langsung<\/h4>\r\n <ul class=\"space-y-1 text-[11px] sm:text-xs\">\r\n <li><a href=\"#hero\" class=\"hover:text-unj-amber transition-colors\">Beranda<\/a><\/li>\r\n <li><a href=\"#about\" class=\"hover:text-unj-amber transition-colors\">Profil Visi Misi<\/a><\/li>\r\n <li><a href=\"#kabinet\" class=\"hover:text-unj-amber transition-colors\">Departemen & Program Kerja<\/a><\/li>\r\n <li><a href=\"#media\" class=\"hover:text-unj-amber transition-colors\">Dokumentasi YouTube & Media<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"text-white text-[11px] font-semibold uppercase tracking-wider mb-2\">Media Sosial<\/h4>\r\n <div class=\"flex space-x-2 text-slate-300\">\r\n <a href=\"https:\/\/www.instagram.com\/bempendsos?igsi=MTJ4N29teWR6MGNiZQ==\" target=\"_blank\" class=\"w-7 h-7 rounded bg-slate-800 flex items-center justify-center hover:bg-unj-amber hover:text-white transition-all text-xs\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@bempendsos?_r=1&_t=ZS-9997LuFwKai\" target=\"_blank\" class=\"w-7 h-7 rounded bg-slate-800 flex items-center justify-center hover:bg-unj-amber hover:text-white transition-all text-xs\"><i class=\"fa-brands fa-tiktok\"><\/i><\/a>\r\n <a href=\"https:\/\/youtube.com\/@bemppendidikansosiologiunj3605?si=DM43GfbfBrhWgFO7\" target=\"_blank\" class=\"w-7 h-7 rounded bg-slate-800 flex items-center justify-center hover:bg-unj-amber hover:text-white transition-all text-xs\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pt-4 text-center text-[11px] text-slate-500\">\r\n © 2026 BEMP Pendidikan Sosiologi UNJ. All rights reserved.\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n const track = document.getElementById('yt-carousel-track');\r\n const prevBtn = document.getElementById('yt-prev');\r\n const nextBtn = document.getElementById('yt-next');\r\n const dotsNav = document.getElementById('yt-dots');\r\n const container = document.getElementById('yt-carousel-container');\r\n \r\n if (!track) return;\r\n\r\n let currentIndex = 0;\r\n const totalSlides = 5; \/\/ Total 5 video\r\n let autoPlayTimer = null;\r\n const slideInterval = 5000; \/\/ 5 Detik\r\n\r\n function getVisibleSlides() {\r\n if (window.innerWidth >= 1024) return 3; \/\/ Desktop: 3 video\r\n if (window.innerWidth >= 640) return 2; \/\/ Tablet: 2 video\r\n return 1; \/\/ HP: 1 video\r\n }\r\n\r\n function updateCarousel() {\r\n const visibleSlides = getVisibleSlides();\r\n const maxIndex = Math.max(0, totalSlides - visibleSlides);\r\n \r\n if (currentIndex > maxIndex) currentIndex = 0;\r\n if (currentIndex < 0) currentIndex = maxIndex;\r\n\r\n const percentage = (100 \/ visibleSlides) * currentIndex;\r\n track.style.transform = `translateX(-${percentage}%)`;\r\n\r\n \/\/ Update Dot Indicators\r\n if (dotsNav) {\r\n const dots = dotsNav.querySelectorAll('button');\r\n dots.forEach((dot, idx) => {\r\n if (idx === currentIndex) {\r\n dot.className = 'h-2 rounded-full transition-all duration-300 bg-unj-amber w-6';\r\n } else {\r\n dot.className = 'h-2 rounded-full transition-all duration-300 bg-slate-300 w-2';\r\n }\r\n });\r\n }\r\n }\r\n\r\n function nextSlide() {\r\n const visibleSlides = getVisibleSlides();\r\n const maxIndex = Math.max(0, totalSlides - visibleSlides);\r\n if (currentIndex >= maxIndex) {\r\n currentIndex = 0;\r\n } else {\r\n currentIndex++;\r\n }\r\n updateCarousel();\r\n }\r\n\r\n function prevSlide() {\r\n const visibleSlides = getVisibleSlides();\r\n const maxIndex = Math.max(0, totalSlides - visibleSlides);\r\n if (currentIndex <= 0) {\r\n currentIndex = maxIndex;\r\n } else {\r\n currentIndex--;\r\n }\r\n updateCarousel();\r\n }\r\n\r\n function startAutoPlay() {\r\n stopAutoPlay();\r\n autoPlayTimer = setInterval(nextSlide, slideInterval);\r\n }\r\n\r\n function stopAutoPlay() {\r\n if (autoPlayTimer) clearInterval(autoPlayTimer);\r\n }\r\n\r\n \/\/ Initialize Indicator Dots\r\n if (dotsNav) {\r\n dotsNav.innerHTML = '';\r\n for (let i = 0; i < totalSlides; i++) {\r\n const dot = document.createElement('button');\r\n dot.setAttribute('aria-label', `Go to slide ${i + 1}`);\r\n dot.className = `h-2 rounded-full transition-all duration-300 ${i === 0 ? 'bg-unj-amber w-6' : 'bg-slate-300 w-2'}`;\r\n dot.addEventListener('click', () => {\r\n currentIndex = i;\r\n updateCarousel();\r\n startAutoPlay();\r\n });\r\n dotsNav.appendChild(dot);\r\n }\r\n }\r\n\r\n \/\/ Button Event Listeners\r\n if (nextBtn) nextBtn.addEventListener('click', () => { nextSlide(); startAutoPlay(); });\r\n if (prevBtn) prevBtn.addEventListener('click', () => { prevSlide(); startAutoPlay(); });\r\n\r\n \/\/ Pause on Hover\r\n if (container) {\r\n container.addEventListener('mouseenter', stopAutoPlay);\r\n container.addEventListener('mouseleave', startAutoPlay);\r\n }\r\n\r\n \/\/ Window Resize\r\n window.addEventListener('resize', updateCarousel);\r\n\r\n \/\/ Start Carousel\r\n updateCarousel();\r\n startAutoPlay();\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BEMP Pendidikan Sosiologi UNJ BEMP Pendidikan Sosiologi UNJ Wadah Aspirasi, Pergerakan, dan Kolaborasi Mahasiswa Sosiologi. Program Studi Pendidikan Sosiologi FISH UNJ menyiapkan pendidik dan peneliti sosial yang berpikir sosiologis, kritis, dan kolaboratif \u2014 siap mengajar sekaligus membaca perubahan sosial. Linktree Kami Jelajahi Kabinet Company Profile \u2014 BEMP Pendsos UNJ Video Company Profile BEMP Pendidikan Sosiologi […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-194","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>BEMP PENDSOS - Pendidikan Sosiologi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BEMP PENDSOS - Pendidikan Sosiologi\" \/>\n<meta property=\"og:description\" content=\"BEMP Pendidikan Sosiologi UNJ BEMP Pendidikan Sosiologi UNJ Wadah Aspirasi, Pergerakan, dan Kolaborasi Mahasiswa Sosiologi. Program Studi Pendidikan Sosiologi FISH UNJ menyiapkan pendidik dan peneliti sosial yang berpikir sosiologis, kritis, dan kolaboratif \u2014 siap mengajar sekaligus membaca perubahan sosial. Linktree Kami Jelajahi Kabinet Company Profile \u2014 BEMP Pendsos UNJ Video Company Profile BEMP Pendidikan Sosiologi […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194\" \/>\n<meta property=\"og:site_name\" content=\"Pendidikan Sosiologi\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-24T09:28:35+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=194\",\"url\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=194\",\"name\":\"BEMP PENDSOS - Pendidikan Sosiologi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/#website\"},\"datePublished\":\"2026-08-21T12:01:22+00:00\",\"dateModified\":\"2026-08-24T09:28:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=194#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=194\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=194#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BEMP PENDSOS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/#website\",\"url\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/\",\"name\":\"Pendidikan Sosiologi\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"}]}<\/script>\n","yoast_head_json":{"title":"BEMP PENDSOS - Pendidikan Sosiologi","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194","og_locale":"id_ID","og_type":"article","og_title":"BEMP PENDSOS - Pendidikan Sosiologi","og_description":"BEMP Pendidikan Sosiologi UNJ BEMP Pendidikan Sosiologi UNJ Wadah Aspirasi, Pergerakan, dan Kolaborasi Mahasiswa Sosiologi. Program Studi Pendidikan Sosiologi FISH UNJ menyiapkan pendidik dan peneliti sosial yang berpikir sosiologis, kritis, dan kolaboratif \u2014 siap mengajar sekaligus membaca perubahan sosial. Linktree Kami Jelajahi Kabinet Company Profile \u2014 BEMP Pendsos UNJ Video Company Profile BEMP Pendidikan Sosiologi […]","og_url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194","og_site_name":"Pendidikan Sosiologi","article_modified_time":"2026-08-24T09:28:35+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"3 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194","url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194","name":"BEMP PENDSOS - Pendidikan Sosiologi","isPartOf":{"@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/#website"},"datePublished":"2026-08-21T12:01:22+00:00","dateModified":"2026-08-24T09:28:35+00:00","breadcrumb":{"@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/"},{"@type":"ListItem","position":2,"name":"BEMP PENDSOS"}]},{"@type":"WebSite","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/#website","url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/","name":"Pendidikan Sosiologi","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"}]}},"_links":{"self":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=194"}],"version-history":[{"count":20,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":268,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/194\/revisions\/268"}],"wp:attachment":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n BEMP Pendidikan Sosiologi UNJ<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n \r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,400&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n colors: {\r\n unj: {\r\n bg: '#f8f9fa', \/* Off-white background *\/\r\n dark: '#111827', \/* Hitam teks utama *\/\r\n slate: '#374151', \/* Subteks abu-abu gelap *\/\r\n teal: '#0e7490', \/* Aksen Teal\/Biru *\/\r\n amber: '#b45309', \/* Aksen Warm Earth\/Ocher *\/\r\n card: '#ffffff' \/* Putih bersih untuk kartu *\/\r\n }\r\n },\r\n fontFamily: {\r\n sans: ['Plus Jakarta Sans', 'sans-serif'],\r\n serif: ['Playfair Display', 'serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n<\/head>\r\n<body class=\"bg-unj-bg text-unj-dark font-sans antialiased selection:bg-unj-amber selection:text-white\">\r\n\r\n\r\n<div class=\"w-full max-w-full overflow-x-hidden bg-unj-bg text-unj-dark font-sans antialiased selection:bg-unj-amber selection:text-white box-border\">\r\n\r\n \r\n <section id=\"hero\" class=\"relative bg-unj-bg pt-6 sm:pt-10 pb-12 sm:pb-20 border-b border-slate-200 w-full\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full\">\r\n <div class=\"grid lg:grid-cols-12 gap-8 lg:gap-12 items-center\">\r\n \r\n \r\n <div class=\"lg:col-span-6 space-y-4 sm:space-y-6 text-left w-full\">\r\n <div>\r\n <span class=\"inline-flex items-center space-x-2 px-3 py-1 rounded-md bg-amber-50 border border-amber-200 text-amber-800 text-[11px] sm:text-xs font-semibold uppercase tracking-wider\">\r\n <span class=\"w-2 h-2 rounded-full bg-amber-600\"><\/span>\r\n <span>BEMP Pendidikan Sosiologi UNJ<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <h1 class=\"text-2xl sm:text-4xl lg:text-5xl font-serif font-extrabold text-unj-dark leading-tight tracking-tight\">\r\n Wadah Aspirasi, Pergerakan, dan <span class=\"italic font-normal text-unj-teal\">Kolaborasi<\/span> Mahasiswa Sosiologi.\r\n <\/h1>\r\n\r\n <p class=\"text-unj-slate text-xs sm:text-base leading-relaxed max-w-xl\">\r\n Program Studi Pendidikan Sosiologi FISH UNJ menyiapkan pendidik dan peneliti sosial yang berpikir sosiologis, kritis, dan kolaboratif \u2014 siap mengajar sekaligus membaca perubahan sosial.\r\n <\/p>\r\n\r\n <div class=\"pt-2 flex flex-col sm:flex-row items-stretch sm:items-center gap-3 w-full\">\r\n <a href=\"https:\/\/linktr.ee\/bempendsos?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAb21jcAT45mxwZG9mAmV4dG4DYWVtAjExAHNydGMGYXBwX2lkDzU2NzA2NzM0MzM1MjQyNwABp-GJJU8lONGDQGexwiRS-cG3Jg_NCchutH3xK44BNEJOp5jND87tbiaSQijp_aem_P6JIfkb8j45iS_SLsXIxww\" target=\"_blank\" class=\"w-full sm:w-auto text-center px-5 py-3 rounded-lg bg-unj-dark hover:bg-slate-800 text-white font-semibold text-xs sm:text-sm transition-all shadow-sm flex items-center justify-center space-x-2\">\r\n <i class=\"fa-solid fa-link text-xs\"><\/i>\r\n <span>Linktree Kami<\/span>\r\n <\/a>\r\n <a href=\"#kabinet\" class=\"w-full sm:w-auto text-center px-5 py-3 rounded-lg bg-white hover:bg-slate-100 border border-slate-300 text-unj-dark font-medium text-xs sm:text-sm transition-all\">\r\n Jelajahi Kabinet\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"lg:col-span-6 w-full\">\r\n <div class=\"relative rounded-xl overflow-hidden bg-white border border-slate-300 shadow-md p-1.5 sm:p-2 w-full\">\r\n <div class=\"flex items-center space-x-2 px-2.5 py-1.5 bg-slate-100 border-b border-slate-200 text-slate-500 text-[11px] rounded-t-lg\">\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-red-400 inline-block\"><\/span>\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-yellow-400 inline-block\"><\/span>\r\n <span class=\"w-2.5 h-2.5 rounded-full bg-green-400 inline-block\"><\/span>\r\n <span class=\"ml-2 font-mono text-[10px] sm:text-[11px] truncate\">Company Profile \u2014 BEMP Pendsos UNJ<\/span>\r\n <\/div>\r\n \r\n <div class=\"relative w-full aspect-video bg-slate-900 rounded-b-lg overflow-hidden flex items-center justify-center\">\r\n <iframe \r\n class=\"w-full h-full absolute inset-0\"\r\n src=\"https:\/\/www.youtube.com\/embed\/D2DhMQikb8Q\" \r\n title=\"YouTube Company Profile BEMP Pendidikan Sosiologi UNJ\" \r\n frameborder=\"0\" \r\n allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" \r\n allowfullscreen>\r\n <\/iframe>\r\n <\/div>\r\n\r\n <div class=\"p-2 sm:p-3 bg-white text-center border-t border-slate-100\">\r\n <p class=\"text-[11px] sm:text-xs text-slate-500 italic\">\r\n <i class=\"fa-solid fa-circle-info text-unj-teal mr-1\"><\/i>\r\n Video Company Profile BEMP Pendidikan Sosiologi UNJ\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"about\" class=\"py-12 sm:py-16 bg-white border-b border-slate-200 w-full\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-8 sm:mb-12\">\r\n <span class=\"text-[11px] sm:text-xs font-bold uppercase tracking-widest text-unj-amber\">Profil Singkat<\/span>\r\n <h2 class=\"text-2xl sm:text-3xl font-serif font-bold text-unj-dark mt-1\">Mengenal BEMP Pendidikan Sosiologi UNJ<\/h2>\r\n <div class=\"w-12 h-1 bg-unj-teal mx-auto mt-3 rounded-full\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"grid md:grid-cols-2 gap-6 sm:gap-8\">\r\n \r\n <div class=\"p-6 sm:p-8 rounded-xl bg-unj-bg border border-slate-200 shadow-sm w-full\">\r\n <div class=\"w-10 h-10 rounded-lg bg-teal-50 text-unj-teal flex items-center justify-center mb-4 text-lg border border-teal-200\">\r\n <i class=\"fa-solid fa-eye\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg sm:text-xl font-serif font-bold text-unj-dark mb-2\">Visi Organisasi<\/h3>\r\n <p class=\"text-unj-slate text-xs sm:text-sm leading-relaxed\">\r\n Mewujudkan BEMP Pendidikan Sosiologi UNJ sebagai wadah eksistensi mahasiswa yang solutif, progresif, integratif, serta berlandaskan asas kekeluargaan dalam mewujudkan tri dharma perguruan tinggi.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"p-6 sm:p-8 rounded-xl bg-unj-bg border border-slate-200 shadow-sm w-full\">\r\n <div class=\"w-10 h-10 rounded-lg bg-amber-50 text-unj-amber flex items-center justify-center mb-4 text-lg border border-amber-200\">\r\n <i class=\"fa-solid fa-bullseye\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg sm:text-xl font-serif font-bold text-unj-dark mb-2\">Misi Organisasi<\/h3>\r\n <ul class=\"text-unj-slate text-xs sm:text-sm leading-relaxed space-y-2 list-disc list-inside\">\r\n <li>Mengoptimalkan fungsi pelayanan dan advokasi yang responsif bagi mahasiswa.<\/li>\r\n <li>Mempererat hubungan kekeluargaan dan sinergi antar civitas akademika.<\/li>\r\n <li>Pengembangan minat, bakat, serta peningkatan mutu intelektual mahasiswa sosiologi.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"kabinet\" class=\"py-12 sm:py-16 bg-unj-bg border-b border-slate-200 w-full\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-8 sm:mb-12\">\r\n <span class=\"text-[11px] sm:text-xs font-bold uppercase tracking-widest text-unj-teal\">Struktur Organisasi<\/span>\r\n <h2 class=\"text-2xl sm:text-3xl font-serif font-bold text-unj-dark mt-1\">Badan Pengurus & Departemen<\/h2>\r\n <p class=\"text-unj-slate text-xs sm:text-sm mt-2\">Roda penggerak BEMP Pendidikan Sosiologi UNJ dalam merealisasikan berbagai program kerja.<\/p>\r\n <div class=\"w-12 h-1 bg-unj-amber mx-auto mt-3 rounded-full\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-5 sm:gap-6\">\r\n\r\n \r\n <div class=\"bg-white rounded-xl p-5 sm:p-6 border border-slate-200 shadow-sm flex flex-col justify-between w-full\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"px-2.5 py-1 rounded bg-slate-900 text-white text-[11px] font-bold\">BPHI<\/span>\r\n <i class=\"fa-solid fa-user-shield text-slate-400\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark mb-2\">Badan Pengurus Harian Inti<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Mengoordinasi, mengawasi, serta mengarahkan kebijakan strategis, perbendaharaan kas, dan jalannya roda organisasi BEMP secara menyeluruh.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl p-5 sm:p-6 border border-slate-200 shadow-sm flex flex-col justify-between w-full\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"px-2.5 py-1 rounded bg-unj-teal text-white text-[11px] font-bold\">KOMINFO<\/span>\r\n <i class=\"fa-solid fa-bullhorn text-slate-400\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark mb-2\">Komunikasi & Informasi<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Garda terdepan publikasi media kreatif, penyebaran informasi, branding organisasi, serta pengelolaan media sosial resmi.\r\n <\/p>\r\n <\/div>\r\n <div class=\"border-t border-slate-100 pt-3\">\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-amber block mb-2\"><i class=\"fa-solid fa-list-check mr-1\"><\/i> Program Kerja:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans\">\r\n <p>\u2022 SOSKOM<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl p-5 sm:p-6 border border-slate-200 shadow-sm flex flex-col justify-between w-full\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"px-2.5 py-1 rounded bg-slate-900 text-white text-[11px] font-bold\">ORSENI<\/span>\r\n <i class=\"fa-solid fa-trophy text-slate-400\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark mb-2\">Olahraga & Seni<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Wadah penyaluran bakat, minat, pelaksana kegiatan lomba-lomba, serta apresiasi potensi mahasiswa Pendidikan Sosiologi.\r\n <\/p>\r\n <\/div>\r\n <div class=\"border-t border-slate-100 pt-3\">\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-amber block mb-1\"><i class=\"fa-solid fa-list-check mr-1\"><\/i> Program Kerja:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans mb-2\">\r\n <p>\u2022 SOLATIVE<\/p>\r\n <p>\u2022 SON<\/p>\r\n <p>\u2022 SPARTIVITY<\/p>\r\n <\/div>\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-teal block mb-1\"><i class=\"fa-solid fa-star mr-1\"><\/i> Non Proker:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans\">\r\n <p>\u2022 SPARTIVAL<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl p-5 sm:p-6 border border-slate-200 shadow-sm flex flex-col justify-between w-full\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"px-2.5 py-1 rounded bg-slate-900 text-white text-[11px] font-bold\">KESTARI<\/span>\r\n <i class=\"fa-solid fa-folder-open text-slate-400\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark mb-2\">Sekretariat & Persuratan<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Mengelola tata kelola administrasi, pendataan inventaris, kearsipan persuratan, serta kesekretariatan organisasi.\r\n <\/p>\r\n <\/div>\r\n <div class=\"border-t border-slate-100 pt-3\">\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-amber block mb-2\"><i class=\"fa-solid fa-list-check mr-1\"><\/i> Program Kerja:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans\">\r\n <p>\u2022 BRAVO<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl p-5 sm:p-6 border border-slate-200 shadow-sm flex flex-col justify-between w-full\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"px-2.5 py-1 rounded bg-unj-amber text-white text-[11px] font-bold\">SOSPOL<\/span>\r\n <i class=\"fa-solid fa-hands-holding-child text-slate-400\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark mb-2\">Sosial Politik & Pengabdian<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Mengakomodasi gerakan sosial masyarakat, pencerahan isu-isu politik, dan pengabdian langsung kepada masyarakat luas.\r\n <\/p>\r\n <\/div>\r\n <div class=\"border-t border-slate-100 pt-3\">\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-amber block mb-2\"><i class=\"fa-solid fa-list-check mr-1\"><\/i> Program Kerja:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans\">\r\n <p>\u2022 SOBAT<\/p>\r\n <p>\u2022 SOSKOM<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl p-5 sm:p-6 border border-slate-200 shadow-sm flex flex-col justify-between w-full\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"px-2.5 py-1 rounded bg-slate-900 text-white text-[11px] font-bold\">PSDM<\/span>\r\n <i class=\"fa-solid fa-users-gear text-slate-400\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark mb-2\">Pengembangan SDM<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Berfokus pada pembentukan karakter, kepemimpinan, perkaderan, serta penyambutan mahasiswa baru.\r\n <\/p>\r\n <\/div>\r\n <div class=\"border-t border-slate-100 pt-3\">\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-amber block mb-1\"><i class=\"fa-solid fa-list-check mr-1\"><\/i> Program Kerja:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans mb-2\">\r\n <p>\u2022 PKKMB<\/p>\r\n <p>\u2022 PKMP<\/p>\r\n <p>\u2022 Makrab Sosio Satu<\/p>\r\n <p>\u2022 Staff of the Month<\/p>\r\n <\/div>\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-teal block mb-1\"><i class=\"fa-solid fa-star mr-1\"><\/i> Non Proker:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans\">\r\n <p>\u2022 Studi Banding<\/p>\r\n <p>\u2022 Famgath Sosio Satu<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"bg-white rounded-xl p-5 sm:p-6 border border-slate-200 shadow-sm flex flex-col justify-between md:col-span-2 lg:col-span-3 w-full\">\r\n <div>\r\n <div class=\"flex items-center justify-between mb-3\">\r\n <span class=\"px-2.5 py-1 rounded bg-unj-teal text-white text-[11px] font-bold\">ADVOKASI<\/span>\r\n <i class=\"fa-solid fa-scale-balanced text-slate-400\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark mb-2\">Pelayanan Advokasi & Birokrasi Kampus<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Garda terdepan yang menangani segala urusan dan permasalahan antara birokrasi kampus dengan mahasiswa.\r\n <\/p>\r\n <\/div>\r\n <div class=\"border-t border-slate-100 pt-3\">\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-amber block mb-1\"><i class=\"fa-solid fa-list-check mr-1\"><\/i> Program Kerja:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans mb-2\">\r\n <p>\u2022 BRAVO<\/p>\r\n <\/div>\r\n <span class=\"text-[11px] sm:text-xs font-semibold text-unj-teal block mb-1\"><i class=\"fa-solid fa-star mr-1\"><\/i> Non Proker:<\/span>\r\n <div class=\"bg-unj-bg p-2.5 rounded-lg border border-slate-200 text-xs text-slate-600 space-y-1 font-sans\">\r\n <p>\u2022 DIVA<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"media\" class=\"py-12 sm:py-16 bg-white border-b border-slate-200 w-full overflow-hidden\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full\">\r\n <div class=\"flex flex-col md:flex-row md:items-end justify-between mb-8\">\r\n <div>\r\n <span class=\"text-[11px] sm:text-xs font-bold uppercase tracking-widest text-unj-amber\">Dokumentasi & Informasi<\/span>\r\n <h2 class=\"text-2xl sm:text-3xl font-serif font-bold text-unj-dark mt-1\">Dokumentasi Aftermovie BEMP<\/h2>\r\n <p class=\"text-xs text-slate-500 mt-1\">Geser otomatis setiap 5 detik. Arahkan kursor ke video untuk menjeda.<\/p>\r\n <\/div>\r\n \r\n <div class=\"flex flex-wrap gap-2 mt-4 md:mt-0\">\r\n <a href=\"https:\/\/www.instagram.com\/bempendsos?igsi=MTJ4N29teWR6MGNiZQ==\" target=\"_blank\" class=\"px-2.5 py-1.5 rounded-md bg-pink-50 text-pink-600 hover:bg-pink-600 hover:text-white transition-all text-xs font-semibold flex items-center space-x-1.5 border border-pink-200\">\r\n <i class=\"fa-brands fa-instagram\"><\/i>\r\n <span>Instagram<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@bempendsos?_r=1&_t=ZS-9997LuFwKai\" target=\"_blank\" class=\"px-2.5 py-1.5 rounded-md bg-slate-100 text-slate-800 hover:bg-slate-900 hover:text-white transition-all text-xs font-semibold flex items-center space-x-1.5 border border-slate-300\">\r\n <i class=\"fa-brands fa-tiktok\"><\/i>\r\n <span>TikTok<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/youtube.com\/@bemppendidikansosiologiunj3605?si=DM43GfbfBrhWgFO7\" target=\"_blank\" class=\"px-2.5 py-1.5 rounded-md bg-red-50 text-red-600 hover:bg-red-600 hover:text-white transition-all text-xs font-semibold flex items-center space-x-1.5 border border-red-200\">\r\n <i class=\"fa-brands fa-youtube\"><\/i>\r\n <span>YouTube<\/span>\r\n <\/a>\r\n <a href=\"https:\/\/linktr.ee\/bempendsos?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAb21jcAT45mxwZG9mAmV4dG4DYWVtAjExAHNydGMGYXBwX2lkDzU2NzA2NzM0MzM1MjQyNwABp-GJJU8lONGDQGexwiRS-cG3Jg_NCchutH3xK44BNEJOp5jND87tbiaSQijp_aem_P6JIfkb8j45iS_SLsXIxww\" target=\"_blank\" class=\"px-2.5 py-1.5 rounded-md bg-emerald-50 text-emerald-700 hover:bg-emerald-600 hover:text-white transition-all text-xs font-semibold flex items-center space-x-1.5 border border-emerald-200\">\r\n <i class=\"fa-solid fa-tree\"><\/i>\r\n <span>Linktree<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"yt-carousel-container\" class=\"relative w-full\">\r\n \r\n <div class=\"overflow-hidden rounded-2xl w-full\">\r\n <div id=\"yt-carousel-track\" class=\"flex transition-transform duration-700 ease-in-out w-full\">\r\n \r\n \r\n <div class=\"w-full sm:w-1\/2 lg:w-1\/3 flex-shrink-0 p-2\">\r\n <div class=\"bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all h-full flex flex-col justify-between\">\r\n <div class=\"relative aspect-video bg-slate-900\">\r\n <iframe class=\"w-full h-full absolute inset-0\" src=\"https:\/\/www.youtube.com\/embed\/0WsTe9P_5Zw\" title=\"AFTER MOVIE SOBAT\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <div class=\"p-3\">\r\n <span class=\"text-[10px] font-bold text-unj-amber uppercase tracking-wider block\">SOSPOL<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">AFTER MOVIE SOBAT<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full sm:w-1\/2 lg:w-1\/3 flex-shrink-0 p-2\">\r\n <div class=\"bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all h-full flex flex-col justify-between\">\r\n <div class=\"relative aspect-video bg-slate-900\">\r\n <iframe class=\"w-full h-full absolute inset-0\" src=\"https:\/\/www.youtube.com\/embed\/sYFm76gAfXc\" title=\"AFTER MOVIE BRAVO\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <div class=\"p-3\">\r\n <span class=\"text-[10px] font-bold text-unj-teal uppercase tracking-wider block\">KESTARI & ADVOKASI<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">AFTER MOVIE BRAVO<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full sm:w-1\/2 lg:w-1\/3 flex-shrink-0 p-2\">\r\n <div class=\"bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all h-full flex flex-col justify-between\">\r\n <div class=\"relative aspect-video bg-slate-900\">\r\n <iframe class=\"w-full h-full absolute inset-0\" src=\"https:\/\/www.youtube.com\/embed\/IhdfOwQvnXo\" title=\"AFTER MOVIE SOLATIVE\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <div class=\"p-3\">\r\n <span class=\"text-[10px] font-bold text-unj-amber uppercase tracking-wider block\">ORSENI<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">AFTER MOVIE SOLATIVE<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full sm:w-1\/2 lg:w-1\/3 flex-shrink-0 p-2\">\r\n <div class=\"bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all h-full flex flex-col justify-between\">\r\n <div class=\"relative aspect-video bg-slate-900\">\r\n <iframe class=\"w-full h-full absolute inset-0\" src=\"https:\/\/www.youtube.com\/embed\/dmvVDek3ZIs\" title=\"AFTER MOVIE MAKRAB SOSIO SATU\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <div class=\"p-3\">\r\n <span class=\"text-[10px] font-bold text-unj-teal uppercase tracking-wider block\">PSDM<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">AFTER MOVIE MAKRAB SOSIO SATU<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full sm:w-1\/2 lg:w-1\/3 flex-shrink-0 p-2\">\r\n <div class=\"bg-white border border-slate-200 rounded-xl overflow-hidden shadow-sm hover:shadow-md transition-all h-full flex flex-col justify-between\">\r\n <div class=\"relative aspect-video bg-slate-900\">\r\n <iframe class=\"w-full h-full absolute inset-0\" src=\"https:\/\/www.youtube.com\/embed\/ymfPnL0KpoY\" title=\"AFTER MOVIE PKKMB 2025\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <div class=\"p-3\">\r\n <span class=\"text-[10px] font-bold text-unj-amber uppercase tracking-wider block\">PSDM<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">AFTER MOVIE PKKMB 2025<\/h3>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <button id=\"yt-prev\" aria-label=\"Previous Slide\" class=\"absolute left-0 top-1\/2 -translate-y-1\/2 -translate-x-3 sm:-translate-x-4 w-9 h-9 sm:w-10 sm:h-10 rounded-full bg-white border border-slate-300 text-slate-800 flex items-center justify-center shadow-md hover:bg-unj-amber hover:text-white transition-all z-10\">\r\n <i class=\"fa-solid fa-chevron-left text-xs sm:text-sm\"><\/i>\r\n <\/button>\r\n <button id=\"yt-next\" aria-label=\"Next Slide\" class=\"absolute right-0 top-1\/2 -translate-y-1\/2 translate-x-3 sm:translate-x-4 w-9 h-9 sm:w-10 sm:h-10 rounded-full bg-white border border-slate-300 text-slate-800 flex items-center justify-center shadow-md hover:bg-unj-amber hover:text-white transition-all z-10\">\r\n <i class=\"fa-solid fa-chevron-right text-xs sm:text-sm\"><\/i>\r\n <\/button>\r\n\r\n \r\n <div id=\"yt-dots\" class=\"flex justify-center items-center space-x-2 mt-6\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-8 text-center\">\r\n <a href=\"https:\/\/youtube.com\/@bemppendidikansosiologiunj3605?si=DM43GfbfBrhWgFO7\" target=\"_blank\" class=\"inline-flex items-center space-x-2 px-6 py-3 rounded-lg bg-red-600 hover:bg-red-700 text-white font-semibold text-xs transition-all shadow-sm\">\r\n <i class=\"fa-brands fa-youtube text-white text-sm\"><\/i>\r\n <span>Kunjungi Channel YouTube BEMP<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <footer class=\"bg-slate-900 text-slate-400 py-8 sm:py-10 w-full\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full\">\r\n <div class=\"grid md:grid-cols-3 gap-6 pb-6 border-b border-slate-800\">\r\n <div class=\"space-y-2\">\r\n <h3 class=\"text-white font-serif font-bold text-sm sm:text-base\">BEMP Pendidikan Sosiologi UNJ<\/h3>\r\n <p class=\"text-[11px] sm:text-xs text-slate-400 leading-relaxed\">\r\n Fakultas Ilmu Sosial dan Hukum (FISH) <br>\r\n Universitas Negeri Jakarta, Kampus A Rawamangun.\r\n <\/p>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"text-white text-[11px] font-semibold uppercase tracking-wider mb-2\">Tautan Langsung<\/h4>\r\n <ul class=\"space-y-1 text-[11px] sm:text-xs\">\r\n <li><a href=\"#hero\" class=\"hover:text-unj-amber transition-colors\">Beranda<\/a><\/li>\r\n <li><a href=\"#about\" class=\"hover:text-unj-amber transition-colors\">Profil Visi Misi<\/a><\/li>\r\n <li><a href=\"#kabinet\" class=\"hover:text-unj-amber transition-colors\">Departemen & Program Kerja<\/a><\/li>\r\n <li><a href=\"#media\" class=\"hover:text-unj-amber transition-colors\">Dokumentasi YouTube & Media<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div>\r\n <h4 class=\"text-white text-[11px] font-semibold uppercase tracking-wider mb-2\">Media Sosial<\/h4>\r\n <div class=\"flex space-x-2 text-slate-300\">\r\n <a href=\"https:\/\/www.instagram.com\/bempendsos?igsi=MTJ4N29teWR6MGNiZQ==\" target=\"_blank\" class=\"w-7 h-7 rounded bg-slate-800 flex items-center justify-center hover:bg-unj-amber hover:text-white transition-all text-xs\"><i class=\"fa-brands fa-instagram\"><\/i><\/a>\r\n <a href=\"https:\/\/www.tiktok.com\/@bempendsos?_r=1&_t=ZS-9997LuFwKai\" target=\"_blank\" class=\"w-7 h-7 rounded bg-slate-800 flex items-center justify-center hover:bg-unj-amber hover:text-white transition-all text-xs\"><i class=\"fa-brands fa-tiktok\"><\/i><\/a>\r\n <a href=\"https:\/\/youtube.com\/@bemppendidikansosiologiunj3605?si=DM43GfbfBrhWgFO7\" target=\"_blank\" class=\"w-7 h-7 rounded bg-slate-800 flex items-center justify-center hover:bg-unj-amber hover:text-white transition-all text-xs\"><i class=\"fa-brands fa-youtube\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"pt-4 text-center text-[11px] text-slate-500\">\r\n © 2026 BEMP Pendidikan Sosiologi UNJ. All rights reserved.\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', function () {\r\n const track = document.getElementById('yt-carousel-track');\r\n const prevBtn = document.getElementById('yt-prev');\r\n const nextBtn = document.getElementById('yt-next');\r\n const dotsNav = document.getElementById('yt-dots');\r\n const container = document.getElementById('yt-carousel-container');\r\n \r\n if (!track) return;\r\n\r\n let currentIndex = 0;\r\n const totalSlides = 5; \/\/ Total 5 video\r\n let autoPlayTimer = null;\r\n const slideInterval = 5000; \/\/ 5 Detik\r\n\r\n function getVisibleSlides() {\r\n if (window.innerWidth >= 1024) return 3; \/\/ Desktop: 3 video\r\n if (window.innerWidth >= 640) return 2; \/\/ Tablet: 2 video\r\n return 1; \/\/ HP: 1 video\r\n }\r\n\r\n function updateCarousel() {\r\n const visibleSlides = getVisibleSlides();\r\n const maxIndex = Math.max(0, totalSlides - visibleSlides);\r\n \r\n if (currentIndex > maxIndex) currentIndex = 0;\r\n if (currentIndex < 0) currentIndex = maxIndex;\r\n\r\n const percentage = (100 \/ visibleSlides) * currentIndex;\r\n track.style.transform = `translateX(-${percentage}%)`;\r\n\r\n \/\/ Update Dot Indicators\r\n if (dotsNav) {\r\n const dots = dotsNav.querySelectorAll('button');\r\n dots.forEach((dot, idx) => {\r\n if (idx === currentIndex) {\r\n dot.className = 'h-2 rounded-full transition-all duration-300 bg-unj-amber w-6';\r\n } else {\r\n dot.className = 'h-2 rounded-full transition-all duration-300 bg-slate-300 w-2';\r\n }\r\n });\r\n }\r\n }\r\n\r\n function nextSlide() {\r\n const visibleSlides = getVisibleSlides();\r\n const maxIndex = Math.max(0, totalSlides - visibleSlides);\r\n if (currentIndex >= maxIndex) {\r\n currentIndex = 0;\r\n } else {\r\n currentIndex++;\r\n }\r\n updateCarousel();\r\n }\r\n\r\n function prevSlide() {\r\n const visibleSlides = getVisibleSlides();\r\n const maxIndex = Math.max(0, totalSlides - visibleSlides);\r\n if (currentIndex <= 0) {\r\n currentIndex = maxIndex;\r\n } else {\r\n currentIndex--;\r\n }\r\n updateCarousel();\r\n }\r\n\r\n function startAutoPlay() {\r\n stopAutoPlay();\r\n autoPlayTimer = setInterval(nextSlide, slideInterval);\r\n }\r\n\r\n function stopAutoPlay() {\r\n if (autoPlayTimer) clearInterval(autoPlayTimer);\r\n }\r\n\r\n \/\/ Initialize Indicator Dots\r\n if (dotsNav) {\r\n dotsNav.innerHTML = '';\r\n for (let i = 0; i < totalSlides; i++) {\r\n const dot = document.createElement('button');\r\n dot.setAttribute('aria-label', `Go to slide ${i + 1}`);\r\n dot.className = `h-2 rounded-full transition-all duration-300 ${i === 0 ? 'bg-unj-amber w-6' : 'bg-slate-300 w-2'}`;\r\n dot.addEventListener('click', () => {\r\n currentIndex = i;\r\n updateCarousel();\r\n startAutoPlay();\r\n });\r\n dotsNav.appendChild(dot);\r\n }\r\n }\r\n\r\n \/\/ Button Event Listeners\r\n if (nextBtn) nextBtn.addEventListener('click', () => { nextSlide(); startAutoPlay(); });\r\n if (prevBtn) prevBtn.addEventListener('click', () => { prevSlide(); startAutoPlay(); });\r\n\r\n \/\/ Pause on Hover\r\n if (container) {\r\n container.addEventListener('mouseenter', stopAutoPlay);\r\n container.addEventListener('mouseleave', startAutoPlay);\r\n }\r\n\r\n \/\/ Window Resize\r\n window.addEventListener('resize', updateCarousel);\r\n\r\n \/\/ Start Carousel\r\n updateCarousel();\r\n startAutoPlay();\r\n });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>BEMP Pendidikan Sosiologi UNJ BEMP Pendidikan Sosiologi UNJ Wadah Aspirasi, Pergerakan, dan Kolaborasi Mahasiswa Sosiologi. Program Studi Pendidikan Sosiologi FISH UNJ menyiapkan pendidik dan peneliti sosial yang berpikir sosiologis, kritis, dan kolaboratif \u2014 siap mengajar sekaligus membaca perubahan sosial. Linktree Kami Jelajahi Kabinet Company Profile \u2014 BEMP Pendsos UNJ Video Company Profile BEMP Pendidikan Sosiologi […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-194","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>BEMP PENDSOS - Pendidikan Sosiologi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BEMP PENDSOS - Pendidikan Sosiologi\" \/>\n<meta property=\"og:description\" content=\"BEMP Pendidikan Sosiologi UNJ BEMP Pendidikan Sosiologi UNJ Wadah Aspirasi, Pergerakan, dan Kolaborasi Mahasiswa Sosiologi. Program Studi Pendidikan Sosiologi FISH UNJ menyiapkan pendidik dan peneliti sosial yang berpikir sosiologis, kritis, dan kolaboratif \u2014 siap mengajar sekaligus membaca perubahan sosial. Linktree Kami Jelajahi Kabinet Company Profile \u2014 BEMP Pendsos UNJ Video Company Profile BEMP Pendidikan Sosiologi […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194\" \/>\n<meta property=\"og:site_name\" content=\"Pendidikan Sosiologi\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-24T09:28:35+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=194\",\"url\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=194\",\"name\":\"BEMP PENDSOS - Pendidikan Sosiologi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/#website\"},\"datePublished\":\"2026-08-21T12:01:22+00:00\",\"dateModified\":\"2026-08-24T09:28:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=194#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=194\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=194#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BEMP PENDSOS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/#website\",\"url\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/\",\"name\":\"Pendidikan Sosiologi\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"}]}<\/script>\n","yoast_head_json":{"title":"BEMP PENDSOS - Pendidikan Sosiologi","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194","og_locale":"id_ID","og_type":"article","og_title":"BEMP PENDSOS - Pendidikan Sosiologi","og_description":"BEMP Pendidikan Sosiologi UNJ BEMP Pendidikan Sosiologi UNJ Wadah Aspirasi, Pergerakan, dan Kolaborasi Mahasiswa Sosiologi. Program Studi Pendidikan Sosiologi FISH UNJ menyiapkan pendidik dan peneliti sosial yang berpikir sosiologis, kritis, dan kolaboratif \u2014 siap mengajar sekaligus membaca perubahan sosial. Linktree Kami Jelajahi Kabinet Company Profile \u2014 BEMP Pendsos UNJ Video Company Profile BEMP Pendidikan Sosiologi […]","og_url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194","og_site_name":"Pendidikan Sosiologi","article_modified_time":"2026-08-24T09:28:35+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"3 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194","url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194","name":"BEMP PENDSOS - Pendidikan Sosiologi","isPartOf":{"@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/#website"},"datePublished":"2026-08-21T12:01:22+00:00","dateModified":"2026-08-24T09:28:35+00:00","breadcrumb":{"@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=194#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/"},{"@type":"ListItem","position":2,"name":"BEMP PENDSOS"}]},{"@type":"WebSite","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/#website","url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/","name":"Pendidikan Sosiologi","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"}]}},"_links":{"self":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=194"}],"version-history":[{"count":20,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":268,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/194\/revisions\/268"}],"wp:attachment":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}