BLMP 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>BLMP 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 Parlemen Mahasiswa: <span class=\"italic font-normal text-unj-teal\">Aspirasi, Pengawasan,<\/span> & Legislasi.\r\n <\/h1>\r\n\r\n <p class=\"text-unj-slate text-xs sm:text-base leading-relaxed max-w-xl\">\r\n Badan Legislatif Mahasiswa Program Studi Pendidikan Sosiologi FISH UNJ \u2014 Mengawal hukum OPMAWA, memperjuangkan aspirasi, dan mengawasi jalannya roda organisasi secara independen.\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\/blmppendidikansosiologi?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAb21jcAT5NyhwZG9mAmV4dG4DYWVtAjExAHNydGMGYXBwX2lkDzU2NzA2NzM0MzM1MjQyNwABp4qzxPbCAEQj3H9P3Zz5VMQCni57X1k_sdDiF5GZjMvKlvcHEwZSqQtNz36c_aem__ZtasvYVjPV3HRAkkMeSJw\" 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 BLMP<\/span>\r\n <\/a>\r\n <a href=\"#komisi\" 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 Badan & Komisi\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 BLMP 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\/aHCk84yqifM\" \r\n title=\"YouTube Company Profile BLMP 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 BLMP 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 BLMP 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-landmark\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg sm:text-xl font-serif font-bold text-unj-dark mb-2\">Visi Legislatif<\/h3>\r\n <p class=\"text-unj-slate text-xs sm:text-sm leading-relaxed\">\r\n Mewujudkan BLMP Pendidikan Sosiologi UNJ sebagai lembaga legislatif mahasiswa yang profesional, aspiratif, transparan, serta responsif dalam menjalankan fungsi legislasi dan pengawasan.\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-scale-balanced\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg sm:text-xl font-serif font-bold text-unj-dark mb-2\">Misi Legislatif<\/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 peran pembuatan dan penetapan produk hukum OPMAWA.<\/li>\r\n <li>Menampung, menyalurkan, dan menindaklanjuti aspirasi mahasiswa Pendidikan Sosiologi.<\/li>\r\n <li>Melaksanakan pengawasan yang objektif, konstruktif, dan berkelanjutan terhadap BEMP.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"komisi\" 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 & Komisi BLMP<\/h2>\r\n <p class=\"text-unj-slate text-xs sm:text-sm mt-2\">Elemen pelaksana fungsi kerumahtanggaan, legislasi, pengawasan, dan aspirasi di BLMP Pendsos UNJ.<\/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\">BURT<\/span>\r\n <i class=\"fa-solid fa-building-user 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 Urusan Rumah Tangga<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Mengoordinasi internal organisasi yang terdiri dari Ketua Umum, Sekretariat persuratan, perbendaharaan kas, serta pimpinan fraksi.\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\">HUMAS<\/span>\r\n <i class=\"fa-solid fa-share-nodes 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\">Hubungan Masyarakat<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Pengelola media sosial resmi BLMP, penyusun company profile, pemublikasi kegiatan, serta narahubung media partner eksternal.\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-amber text-white text-[11px] font-bold\">BADAS<\/span>\r\n <i class=\"fa-solid fa-comments 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 Aspirasi<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Wadah penampung kritik & saran mahasiswa melalui angket periodik OPMAWA dan proker. Saat ini berkolaborasi dalam DIVA X SG.\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-slate-900 text-white text-[11px] font-bold\">BALEG<\/span>\r\n <i class=\"fa-solid fa-gavel 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 Legislasi<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Merancang & mengesahkan UU OPMAWA, memantau peraturan BEM di awal periode, serta menyusun konsideran rapat kerja bersama.\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 md:col-span-2 lg:col-span-2\">\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\">KOMPENG<\/span>\r\n <i class=\"fa-solid fa-clipboard-check 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\">Komisi Pengawasan<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Mengawasi seluruh alur proker BEMP Pendidikan Sosiologi mulai dari tahap perencanaan (proposal), pelaksanaan (hari-H), hingga evaluasi (LPJ), serta membersamai penyebaran angket aspirasi.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-8 bg-white rounded-xl p-6 border border-slate-200 shadow-sm w-full\">\r\n <div class=\"flex items-center space-x-3 mb-4\">\r\n <div class=\"w-8 h-8 rounded-lg bg-amber-100 text-unj-amber flex items-center justify-center font-bold text-sm\">\r\n <i class=\"fa-solid fa-list-check\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark\">Program Kerja Wajib BLMP Pendsos<\/h3>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 text-xs text-slate-700 font-sans\">\r\n <div class=\"p-3 bg-unj-bg rounded-lg border border-slate-200\">\u2022 Rapat Kerja Bersama (Awal Periode)<\/div>\r\n <div class=\"p-3 bg-unj-bg rounded-lg border border-slate-200\">\u2022 Sidang Pleno (Tengah Periode)<\/div>\r\n <div class=\"p-3 bg-unj-bg rounded-lg border border-slate-200\">\u2022 Sidang Umum (Akhir Periode)<\/div>\r\n <div class=\"p-3 bg-unj-bg rounded-lg border border-slate-200\">\u2022 TIPE Fakultas & Universitas (PKKMB)<\/div>\r\n <div class=\"p-3 bg-unj-bg rounded-lg border border-slate-200\">\u2022 Panwaslu Prodi & Fakultas<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"podcast\" 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=\"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\">Audio & Obrolan Legislatif<\/span>\r\n <h2 class=\"text-2xl sm:text-3xl font-serif font-bold text-unj-dark mt-1\">Podcast BLMP Pendsos<\/h2>\r\n <p class=\"text-xs text-slate-500 mt-1\">Dengarkan pembahasan seputar isu kampus, legislasi, dan dinamika mahasiswa sosiologi.<\/p>\r\n <\/div>\r\n <div class=\"mt-4 md:mt-0\">\r\n <a href=\"https:\/\/open.spotify.com\/show\/2hoGtnEV7OUHRUturInwJp?si=Ckr_vfMTRu6BVwp1K7Zk3Q&utm_source=copy-link\" target=\"_blank\" class=\"px-3.5 py-2 rounded-lg bg-emerald-600 hover:bg-emerald-700 text-white transition-all text-xs font-semibold flex items-center space-x-2 shadow-sm\">\r\n <i class=\"fa-brands fa-spotify text-base\"><\/i>\r\n <span>Buka di Spotify<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full rounded-2xl overflow-hidden shadow-md bg-slate-900 p-2\">\r\n <iframe \r\n style=\"border-radius:12px\" \r\n src=\"https:\/\/open.spotify.com\/embed\/show\/2hoGtnEV7OUHRUturInwJp?utm_source=generator&theme=0\" \r\n width=\"100%\" \r\n height=\"232\" \r\n frameBorder=\"0\" \r\n allowfullscreen=\"\" \r\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" \r\n loading=\"lazy\">\r\n <\/iframe>\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-unj-bg 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-teal\">Dokumentasi Sidang & Kegiatan<\/span>\r\n <h2 class=\"text-2xl sm:text-3xl font-serif font-bold text-unj-dark mt-1\">Video Dokumentasi BLMP<\/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\/blmppendsos?igsi=MW9jdHM2NjRwdWxxbw==\" 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\/@blmp.pendsos.unj?_r=1&_t=ZS-999WSPLHMTE\" 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\/@blmppendsosunj?si=gxDccYvi900MGjx6\" 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\/blmppendidikansosiologi?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAb21jcAT5NyhwZG9mAmV4dG4DYWVtAjExAHNydGMGYXBwX2lkDzU2NzA2NzM0MzM1MjQyNwABp4qzxPbCAEQj3H9P3Zz5VMQCni57X1k_sdDiF5GZjMvKlvcHEwZSqQtNz36c_aem__ZtasvYVjPV3HRAkkMeSJw\" 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\/QploKHvNcf0\" title=\"SIDANG PENETAPAN KETUA BEMP\" 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\">LEGISLASI & PERSIDANGAN<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">SIDANG PENETAPAN KETUA BEMP<\/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\/8w27H5Hlb5c\" title=\"AFTER MOVIE DIALOG KANDIDAT CAKABEMP\" 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\">PANWASLU & ASPIRASI<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">AFTER MOVIE DIALOG KANDIDAT CAKABEMP<\/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\/aFJk9m0wdxw\" title=\"AFTER MOVIE SEMINAR LEGISLATIF SOSIOLOGI 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-amber uppercase tracking-wider block\">EDUKASI LEGISLATIF<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">AFTER MOVIE SEMINAR LEGISLATIF<\/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\/@blmppendsosunj?si=gxDccYvi900MGjx6\" 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 BLMP<\/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\">BLMP 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=\"#komisi\" class=\"hover:text-unj-amber transition-colors\">Badan & Komisi<\/a><\/li>\r\n <li><a href=\"#podcast\" class=\"hover:text-unj-amber transition-colors\">Podcast Spotify<\/a><\/li>\r\n <li><a href=\"#media\" class=\"hover:text-unj-amber transition-colors\">Dokumentasi YouTube<\/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\/blmppendsos?igsi=MW9jdHM2NjRwdWxxbw==\" 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\/@blmp.pendsos.unj?_r=1&_t=ZS-999WSPLHMTE\" 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\/@blmppendsosunj?si=gxDccYvi900MGjx6\" 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 BLMP 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 = 3; \/\/ Total 3 video BLMP\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>BLMP Pendidikan Sosiologi UNJ BLMP Pendidikan Sosiologi UNJ Parlemen Mahasiswa: Aspirasi, Pengawasan, & Legislasi. Badan Legislatif Mahasiswa Program Studi Pendidikan Sosiologi FISH UNJ \u2014 Mengawal hukum OPMAWA, memperjuangkan aspirasi, dan mengawasi jalannya roda organisasi secara independen. Linktree BLMP Jelajahi Badan & Komisi Company Profile \u2014 BLMP Pendsos UNJ Video Company Profile BLMP Pendidikan Sosiologi UNJ […]<\/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-207","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>BLMP 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=207\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BLMP PENDSOS - Pendidikan Sosiologi\" \/>\n<meta property=\"og:description\" content=\"BLMP Pendidikan Sosiologi UNJ BLMP Pendidikan Sosiologi UNJ Parlemen Mahasiswa: Aspirasi, Pengawasan, & Legislasi. Badan Legislatif Mahasiswa Program Studi Pendidikan Sosiologi FISH UNJ \u2014 Mengawal hukum OPMAWA, memperjuangkan aspirasi, dan mengawasi jalannya roda organisasi secara independen. Linktree BLMP Jelajahi Badan & Komisi Company Profile \u2014 BLMP Pendsos UNJ Video Company Profile BLMP Pendidikan Sosiologi UNJ […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=207\" \/>\n<meta property=\"og:site_name\" content=\"Pendidikan Sosiologi\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-24T14:50:18+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=\"2 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=207\",\"url\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=207\",\"name\":\"BLMP PENDSOS - Pendidikan Sosiologi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/#website\"},\"datePublished\":\"2026-08-21T12:59:56+00:00\",\"dateModified\":\"2026-08-24T14:50:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=207#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=207\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=207#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BLMP 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":"BLMP 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=207","og_locale":"id_ID","og_type":"article","og_title":"BLMP PENDSOS - Pendidikan Sosiologi","og_description":"BLMP Pendidikan Sosiologi UNJ BLMP Pendidikan Sosiologi UNJ Parlemen Mahasiswa: Aspirasi, Pengawasan, & Legislasi. Badan Legislatif Mahasiswa Program Studi Pendidikan Sosiologi FISH UNJ \u2014 Mengawal hukum OPMAWA, memperjuangkan aspirasi, dan mengawasi jalannya roda organisasi secara independen. Linktree BLMP Jelajahi Badan & Komisi Company Profile \u2014 BLMP Pendsos UNJ Video Company Profile BLMP Pendidikan Sosiologi UNJ […]","og_url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=207","og_site_name":"Pendidikan Sosiologi","article_modified_time":"2026-08-24T14:50:18+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=207","url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=207","name":"BLMP PENDSOS - Pendidikan Sosiologi","isPartOf":{"@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/#website"},"datePublished":"2026-08-21T12:59:56+00:00","dateModified":"2026-08-24T14:50:18+00:00","breadcrumb":{"@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=207#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=207"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=207#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/"},{"@type":"ListItem","position":2,"name":"BLMP 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\/207","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=207"}],"version-history":[{"count":10,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/207\/revisions"}],"predecessor-version":[{"id":271,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/207\/revisions\/271"}],"wp:attachment":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=207"}],"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 BLMP 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>BLMP 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 Parlemen Mahasiswa: <span class=\"italic font-normal text-unj-teal\">Aspirasi, Pengawasan,<\/span> & Legislasi.\r\n <\/h1>\r\n\r\n <p class=\"text-unj-slate text-xs sm:text-base leading-relaxed max-w-xl\">\r\n Badan Legislatif Mahasiswa Program Studi Pendidikan Sosiologi FISH UNJ \u2014 Mengawal hukum OPMAWA, memperjuangkan aspirasi, dan mengawasi jalannya roda organisasi secara independen.\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\/blmppendidikansosiologi?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAb21jcAT5NyhwZG9mAmV4dG4DYWVtAjExAHNydGMGYXBwX2lkDzU2NzA2NzM0MzM1MjQyNwABp4qzxPbCAEQj3H9P3Zz5VMQCni57X1k_sdDiF5GZjMvKlvcHEwZSqQtNz36c_aem__ZtasvYVjPV3HRAkkMeSJw\" 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 BLMP<\/span>\r\n <\/a>\r\n <a href=\"#komisi\" 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 Badan & Komisi\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 BLMP 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\/aHCk84yqifM\" \r\n title=\"YouTube Company Profile BLMP 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 BLMP 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 BLMP 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-landmark\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg sm:text-xl font-serif font-bold text-unj-dark mb-2\">Visi Legislatif<\/h3>\r\n <p class=\"text-unj-slate text-xs sm:text-sm leading-relaxed\">\r\n Mewujudkan BLMP Pendidikan Sosiologi UNJ sebagai lembaga legislatif mahasiswa yang profesional, aspiratif, transparan, serta responsif dalam menjalankan fungsi legislasi dan pengawasan.\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-scale-balanced\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-lg sm:text-xl font-serif font-bold text-unj-dark mb-2\">Misi Legislatif<\/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 peran pembuatan dan penetapan produk hukum OPMAWA.<\/li>\r\n <li>Menampung, menyalurkan, dan menindaklanjuti aspirasi mahasiswa Pendidikan Sosiologi.<\/li>\r\n <li>Melaksanakan pengawasan yang objektif, konstruktif, dan berkelanjutan terhadap BEMP.<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"komisi\" 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 & Komisi BLMP<\/h2>\r\n <p class=\"text-unj-slate text-xs sm:text-sm mt-2\">Elemen pelaksana fungsi kerumahtanggaan, legislasi, pengawasan, dan aspirasi di BLMP Pendsos UNJ.<\/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\">BURT<\/span>\r\n <i class=\"fa-solid fa-building-user 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 Urusan Rumah Tangga<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Mengoordinasi internal organisasi yang terdiri dari Ketua Umum, Sekretariat persuratan, perbendaharaan kas, serta pimpinan fraksi.\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\">HUMAS<\/span>\r\n <i class=\"fa-solid fa-share-nodes 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\">Hubungan Masyarakat<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Pengelola media sosial resmi BLMP, penyusun company profile, pemublikasi kegiatan, serta narahubung media partner eksternal.\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-amber text-white text-[11px] font-bold\">BADAS<\/span>\r\n <i class=\"fa-solid fa-comments 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 Aspirasi<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Wadah penampung kritik & saran mahasiswa melalui angket periodik OPMAWA dan proker. Saat ini berkolaborasi dalam DIVA X SG.\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-slate-900 text-white text-[11px] font-bold\">BALEG<\/span>\r\n <i class=\"fa-solid fa-gavel 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 Legislasi<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Merancang & mengesahkan UU OPMAWA, memantau peraturan BEM di awal periode, serta menyusun konsideran rapat kerja bersama.\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 md:col-span-2 lg:col-span-2\">\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\">KOMPENG<\/span>\r\n <i class=\"fa-solid fa-clipboard-check 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\">Komisi Pengawasan<\/h3>\r\n <p class=\"text-unj-slate text-xs leading-relaxed mb-4\">\r\n Mengawasi seluruh alur proker BEMP Pendidikan Sosiologi mulai dari tahap perencanaan (proposal), pelaksanaan (hari-H), hingga evaluasi (LPJ), serta membersamai penyebaran angket aspirasi.\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n \r\n <div class=\"mt-8 bg-white rounded-xl p-6 border border-slate-200 shadow-sm w-full\">\r\n <div class=\"flex items-center space-x-3 mb-4\">\r\n <div class=\"w-8 h-8 rounded-lg bg-amber-100 text-unj-amber flex items-center justify-center font-bold text-sm\">\r\n <i class=\"fa-solid fa-list-check\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-base sm:text-lg font-serif font-bold text-unj-dark\">Program Kerja Wajib BLMP Pendsos<\/h3>\r\n <\/div>\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 text-xs text-slate-700 font-sans\">\r\n <div class=\"p-3 bg-unj-bg rounded-lg border border-slate-200\">\u2022 Rapat Kerja Bersama (Awal Periode)<\/div>\r\n <div class=\"p-3 bg-unj-bg rounded-lg border border-slate-200\">\u2022 Sidang Pleno (Tengah Periode)<\/div>\r\n <div class=\"p-3 bg-unj-bg rounded-lg border border-slate-200\">\u2022 Sidang Umum (Akhir Periode)<\/div>\r\n <div class=\"p-3 bg-unj-bg rounded-lg border border-slate-200\">\u2022 TIPE Fakultas & Universitas (PKKMB)<\/div>\r\n <div class=\"p-3 bg-unj-bg rounded-lg border border-slate-200\">\u2022 Panwaslu Prodi & Fakultas<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n \r\n <section id=\"podcast\" 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=\"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\">Audio & Obrolan Legislatif<\/span>\r\n <h2 class=\"text-2xl sm:text-3xl font-serif font-bold text-unj-dark mt-1\">Podcast BLMP Pendsos<\/h2>\r\n <p class=\"text-xs text-slate-500 mt-1\">Dengarkan pembahasan seputar isu kampus, legislasi, dan dinamika mahasiswa sosiologi.<\/p>\r\n <\/div>\r\n <div class=\"mt-4 md:mt-0\">\r\n <a href=\"https:\/\/open.spotify.com\/show\/2hoGtnEV7OUHRUturInwJp?si=Ckr_vfMTRu6BVwp1K7Zk3Q&utm_source=copy-link\" target=\"_blank\" class=\"px-3.5 py-2 rounded-lg bg-emerald-600 hover:bg-emerald-700 text-white transition-all text-xs font-semibold flex items-center space-x-2 shadow-sm\">\r\n <i class=\"fa-brands fa-spotify text-base\"><\/i>\r\n <span>Buka di Spotify<\/span>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"w-full rounded-2xl overflow-hidden shadow-md bg-slate-900 p-2\">\r\n <iframe \r\n style=\"border-radius:12px\" \r\n src=\"https:\/\/open.spotify.com\/embed\/show\/2hoGtnEV7OUHRUturInwJp?utm_source=generator&theme=0\" \r\n width=\"100%\" \r\n height=\"232\" \r\n frameBorder=\"0\" \r\n allowfullscreen=\"\" \r\n allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" \r\n loading=\"lazy\">\r\n <\/iframe>\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-unj-bg 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-teal\">Dokumentasi Sidang & Kegiatan<\/span>\r\n <h2 class=\"text-2xl sm:text-3xl font-serif font-bold text-unj-dark mt-1\">Video Dokumentasi BLMP<\/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\/blmppendsos?igsi=MW9jdHM2NjRwdWxxbw==\" 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\/@blmp.pendsos.unj?_r=1&_t=ZS-999WSPLHMTE\" 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\/@blmppendsosunj?si=gxDccYvi900MGjx6\" 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\/blmppendidikansosiologi?utm_source=ig&utm_medium=social&utm_content=link_in_bio&fbclid=PAb21jcAT5NyhwZG9mAmV4dG4DYWVtAjExAHNydGMGYXBwX2lkDzU2NzA2NzM0MzM1MjQyNwABp4qzxPbCAEQj3H9P3Zz5VMQCni57X1k_sdDiF5GZjMvKlvcHEwZSqQtNz36c_aem__ZtasvYVjPV3HRAkkMeSJw\" 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\/QploKHvNcf0\" title=\"SIDANG PENETAPAN KETUA BEMP\" 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\">LEGISLASI & PERSIDANGAN<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">SIDANG PENETAPAN KETUA BEMP<\/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\/8w27H5Hlb5c\" title=\"AFTER MOVIE DIALOG KANDIDAT CAKABEMP\" 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\">PANWASLU & ASPIRASI<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">AFTER MOVIE DIALOG KANDIDAT CAKABEMP<\/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\/aFJk9m0wdxw\" title=\"AFTER MOVIE SEMINAR LEGISLATIF SOSIOLOGI 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-amber uppercase tracking-wider block\">EDUKASI LEGISLATIF<\/span>\r\n <h3 class=\"font-serif font-bold text-sm text-unj-dark\">AFTER MOVIE SEMINAR LEGISLATIF<\/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\/@blmppendsosunj?si=gxDccYvi900MGjx6\" 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 BLMP<\/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\">BLMP 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=\"#komisi\" class=\"hover:text-unj-amber transition-colors\">Badan & Komisi<\/a><\/li>\r\n <li><a href=\"#podcast\" class=\"hover:text-unj-amber transition-colors\">Podcast Spotify<\/a><\/li>\r\n <li><a href=\"#media\" class=\"hover:text-unj-amber transition-colors\">Dokumentasi YouTube<\/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\/blmppendsos?igsi=MW9jdHM2NjRwdWxxbw==\" 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\/@blmp.pendsos.unj?_r=1&_t=ZS-999WSPLHMTE\" 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\/@blmppendsosunj?si=gxDccYvi900MGjx6\" 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 BLMP 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 = 3; \/\/ Total 3 video BLMP\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>BLMP Pendidikan Sosiologi UNJ BLMP Pendidikan Sosiologi UNJ Parlemen Mahasiswa: Aspirasi, Pengawasan, & Legislasi. Badan Legislatif Mahasiswa Program Studi Pendidikan Sosiologi FISH UNJ \u2014 Mengawal hukum OPMAWA, memperjuangkan aspirasi, dan mengawasi jalannya roda organisasi secara independen. Linktree BLMP Jelajahi Badan & Komisi Company Profile \u2014 BLMP Pendsos UNJ Video Company Profile BLMP Pendidikan Sosiologi UNJ […]<\/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-207","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>BLMP 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=207\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BLMP PENDSOS - Pendidikan Sosiologi\" \/>\n<meta property=\"og:description\" content=\"BLMP Pendidikan Sosiologi UNJ BLMP Pendidikan Sosiologi UNJ Parlemen Mahasiswa: Aspirasi, Pengawasan, & Legislasi. Badan Legislatif Mahasiswa Program Studi Pendidikan Sosiologi FISH UNJ \u2014 Mengawal hukum OPMAWA, memperjuangkan aspirasi, dan mengawasi jalannya roda organisasi secara independen. Linktree BLMP Jelajahi Badan & Komisi Company Profile \u2014 BLMP Pendsos UNJ Video Company Profile BLMP Pendidikan Sosiologi UNJ […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=207\" \/>\n<meta property=\"og:site_name\" content=\"Pendidikan Sosiologi\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-24T14:50:18+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=\"2 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=207\",\"url\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=207\",\"name\":\"BLMP PENDSOS - Pendidikan Sosiologi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/#website\"},\"datePublished\":\"2026-08-21T12:59:56+00:00\",\"dateModified\":\"2026-08-24T14:50:18+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=207#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=207\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/?page_id=207#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BLMP 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":"BLMP 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=207","og_locale":"id_ID","og_type":"article","og_title":"BLMP PENDSOS - Pendidikan Sosiologi","og_description":"BLMP Pendidikan Sosiologi UNJ BLMP Pendidikan Sosiologi UNJ Parlemen Mahasiswa: Aspirasi, Pengawasan, & Legislasi. Badan Legislatif Mahasiswa Program Studi Pendidikan Sosiologi FISH UNJ \u2014 Mengawal hukum OPMAWA, memperjuangkan aspirasi, dan mengawasi jalannya roda organisasi secara independen. Linktree BLMP Jelajahi Badan & Komisi Company Profile \u2014 BLMP Pendsos UNJ Video Company Profile BLMP Pendidikan Sosiologi UNJ […]","og_url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=207","og_site_name":"Pendidikan Sosiologi","article_modified_time":"2026-08-24T14:50:18+00:00","twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"2 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=207","url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=207","name":"BLMP PENDSOS - Pendidikan Sosiologi","isPartOf":{"@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/#website"},"datePublished":"2026-08-21T12:59:56+00:00","dateModified":"2026-08-24T14:50:18+00:00","breadcrumb":{"@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=207#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=207"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=207#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/"},{"@type":"ListItem","position":2,"name":"BLMP 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\/207","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=207"}],"version-history":[{"count":10,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/207\/revisions"}],"predecessor-version":[{"id":271,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/207\/revisions\/271"}],"wp:attachment":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}