{"id":782,"date":"2026-09-09T11:57:31","date_gmt":"2026-09-09T11:57:31","guid":{"rendered":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=782"},"modified":"2026-09-09T12:15:28","modified_gmt":"2026-09-09T12:15:28","slug":"homepage-3","status":"publish","type":"page","link":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/","title":{"rendered":"Homepage"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\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 \r\n Beranda \u2014 S1 Pendidikan Sosiologi UNJ<\/title>\r\n <!-- Tailwind CSS CDN -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- FontAwesome Icons -->\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\r\n <!-- Google Fonts: Playfair Display & Plus Jakarta Sans -->\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: '#00272B', \/* Hijau-Hitam Khas UNJ Pekat *\/\r\n slate: '#374151', \/* Subteks abu-abu gelap *\/\r\n teal: '#00363A', \/* Aksen Hijau Pekat Utama *\/\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\r\n<body class=\"bg-unj-bg text-slate-800 font-sans antialiased selection:bg-unj-amber selection:text-white min-h-screen\">\r\n\r\n<!-- MAIN CONTAINER -->\r\n<div class=\"w-full max-w-full overflow-x-hidden bg-unj-bg text-slate-800 font-sans antialiased box-border\">\r\n\r\n <!-- HERO SECTION WRAPPER -->\r\n <div class=\"w-full bg-white border-b border-slate-200\">\r\n \r\n <!-- HERO BANNER SECTION (LAYOUT 2 KOLOM DENGAN FOTO HERO GEDUNG UNJ) -->\r\n <section class=\"relative pt-10 sm:pt-16 pb-12 sm:pb-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto\">\r\n \r\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-12 items-center\">\r\n \r\n <!-- KOLOM KIRI: TEKS & TOMBOL CTA (7 KOLOM) -->\r\n <div class=\"lg:col-span-7 space-y-6 text-center lg:text-left\">\r\n \r\n <!-- BADGE AKREDITASI -->\r\n <div>\r\n <span class=\"inline-flex items-center space-x-2 px-4 py-1.5 rounded-full bg-[#00363A]\/10 border border-[#00363A]\/20 text-[#00363A] text-xs sm:text-sm font-semibold tracking-wide shadow-sm\">\r\n <i class=\"fa-solid fa-award text-unj-amber\"><\/i>\r\n <span>Terakreditasi Unggul LAMDIK & Internasional FIBAA 2027<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <!-- TITLE -->\r\n <div class=\"space-y-2\">\r\n <h1 class=\"text-3xl sm:text-5xl lg:text-6xl font-serif font-extrabold tracking-tight leading-tight text-[#00272B]\">\r\n Program Studi <br>\r\n <span class=\"text-[#00363A]\">Pendidikan Sosiologi<\/span>\r\n <\/h1>\r\n <\/div>\r\n\r\n <!-- SUBTITLE -->\r\n <p class=\"text-unj-slate text-xs sm:text-base leading-relaxed max-w-2xl font-normal mx-auto lg:mx-0\">\r\n Program studi unggulan Universitas Negeri Jakarta yang mencetak pendidik profesional, peneliti sosial, dan penggerak perubahan sosial yang berdaya saing global sejak 2003.\r\n <\/p>\r\n\r\n <!-- CALL TO ACTION BUTTONS -->\r\n <div class=\"pt-2 flex flex-col sm:flex-row items-stretch sm:items-center justify-center lg:justify-start gap-3\">\r\n <a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=281\" class=\"py-3.5 px-6 rounded-xl bg-[#00363A] hover:bg-[#00272B] text-white font-bold text-xs sm:text-sm transition-all shadow-md hover:shadow-lg flex items-center justify-center space-x-2 group\">\r\n <span>Jelajahi Profil Dosen & Riset<\/span>\r\n <i class=\"fa-solid fa-arrow-right group-hover:translate-x-1 transition-transform\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=675\" class=\"py-3.5 px-6 rounded-xl bg-white hover:bg-slate-50 border-2 border-slate-300 text-[#00272B] font-bold text-xs sm:text-sm transition-all text-center hover:border-[#00363A]\">\r\n Lihat Sejarah & Akreditasi\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- KOLOM KANAN: FOTO HERO GEDUNG UNJ (5 KOLOM) -->\r\n <div class=\"lg:col-span-5 relative mt-4 lg:mt-0\">\r\n \r\n <!-- ORNAMEN BLUR GLOW -->\r\n <div class=\"absolute -top-6 -right-6 w-48 h-48 bg-[#00363A]\/15 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n <div class=\"absolute -bottom-6 -left-6 w-48 h-48 bg-amber-500\/15 rounded-full blur-3xl pointer-events-none\"><\/div>\r\n\r\n <!-- CONTAINER FOTO MAIN HERO -->\r\n <div class=\"relative mx-auto max-w-md lg:max-w-none rounded-3xl overflow-hidden shadow-2xl border-4 border-white ring-1 ring-slate-200\/80 group\">\r\n \r\n <!-- FOTO GEDUNG UNJ -->\r\n <img decoding=\"async\" src=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/wp-content\/uploads\/2026\/09\/Gedung-Unj-1.jpg\" \r\n alt=\"Gedung Universitas Negeri Jakarta\" \r\n class=\"w-full h-80 sm:h-96 lg:h-[420px] object-cover object-center group-hover:scale-105 transition-transform duration-500\">\r\n\r\n <!-- OVERLAY GRADIENT TIPIS DI BAWAH -->\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-slate-900\/60 via-transparent to-transparent\"><\/div>\r\n\r\n <!-- FLOATING BADGE KECIL PADA GAMBAR -->\r\n <div class=\"absolute bottom-4 left-4 right-4 bg-white\/90 backdrop-blur-md p-3.5 rounded-2xl border border-white\/50 shadow-lg flex items-center justify-between\">\r\n <div class=\"flex items-center space-x-3\">\r\n <div class=\"w-9 h-9 rounded-xl bg-[#00363A] text-white flex items-center justify-center text-sm shadow-sm\">\r\n <i class=\"fa-solid fa-building-columns\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"block text-xs font-bold text-[#00272B]\">Fakultas Ilmu Sosial & Hukum<\/span>\r\n <span class=\"text-[10px] text-slate-500 font-medium\">Universitas Negeri Jakarta<\/span>\r\n <\/div>\r\n <\/div>\r\n <span class=\"px-2.5 py-1 bg-teal-50 border border-teal-200 text-[#00363A] rounded-lg text-[10px] font-bold\">\r\n UNJ\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/section>\r\n\r\n <!-- SECTION 1: TENTANG PROGRAM STUDI -->\r\n <section class=\"pb-12 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto\">\r\n <div class=\"bg-slate-50 rounded-3xl p-6 sm:p-8 border border-slate-200 text-[#00272B] relative overflow-hidden shadow-sm\">\r\n <div class=\"flex items-center space-x-3 mb-3\">\r\n <div class=\"w-3 h-8 bg-[#00363A] rounded-full\"><\/div>\r\n <h2 class=\"text-2xl sm:text-3xl font-serif font-bold text-[#00272B]\">Tentang Program Studi<\/h2>\r\n <\/div>\r\n <p class=\"text-xs sm:text-sm text-unj-slate leading-relaxed\">\r\n Program Studi S1 Pendidikan Sosiologi didirikan pada tahun 2003 di bawah naungan Fakultas Ilmu Sosial dan Hukum Universitas Negeri Jakarta. Berfokus pada pengembangan keilmuan sosiologi dan kependidikan, prodi ini berdedikasi melahirkan lulusan berintegritas tinggi, berwawasan kritis, serta mampu merespons tantangan dinamika sosial di tingkat lokal maupun internasional.\r\n <\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- SECTION 2: STATISTIK & INDIKATOR UTAMA -->\r\n <section class=\"pb-16 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto\">\r\n <div class=\"bg-gradient-to-br from-white to-slate-50 rounded-3xl p-6 sm:p-8 shadow-xl border border-slate-200 text-[#00272B] relative overflow-hidden\">\r\n <div class=\"absolute -right-10 -bottom-10 w-40 h-40 bg-[#00363A]\/10 rounded-full blur-2xl pointer-events-none\"><\/div>\r\n\r\n <div class=\"mb-6 border-b border-slate-200\/80 pb-3 flex items-center justify-between\">\r\n <div>\r\n <h3 class=\"text-lg sm:text-xl font-serif font-bold text-[#00272B]\">Statistik Utama<\/h3>\r\n <p class=\"text-xs text-slate-500\">Capaian & Indikator Kinerja S1 Pendidikan Sosiologi UNJ<\/p>\r\n <\/div>\r\n <span class=\"hidden sm:inline-flex items-center space-x-1 px-3 py-1 bg-amber-50 border border-amber-200 text-unj-amber rounded-lg text-xs font-semibold\">\r\n <i class=\"fa-solid fa-chart-line\"><\/i>\r\n <span>Data Terkini<\/span>\r\n <\/span>\r\n <\/div>\r\n\r\n <!-- GRID STATISTIK 4 KOLOM -->\r\n <div class=\"grid grid-cols-2 lg:grid-cols-4 gap-4 sm:gap-6\">\r\n \r\n <!-- ITEM 1: AKREDITASI -->\r\n <div class=\"flex flex-col items-start p-4 rounded-2xl bg-white\/80 border border-slate-100 hover:bg-white hover:shadow-sm transition-all\">\r\n <div class=\"w-10 h-10 rounded-xl bg-amber-100 text-unj-amber flex items-center justify-center text-lg border border-amber-200 mb-2\">\r\n <i class=\"fa-solid fa-certificate\"><\/i>\r\n <\/div>\r\n <div class=\"text-[10px] uppercase tracking-wider text-slate-500 font-bold\">Akreditasi<\/div>\r\n <div class=\"text-sm sm:text-base font-serif font-bold text-[#00272B] mt-0.5\">LAMDIK & FIBAA<\/div>\r\n <\/div>\r\n\r\n <!-- ITEM 2: DOSEN PAKAR -->\r\n <div class=\"flex flex-col items-start p-4 rounded-2xl bg-white\/80 border border-slate-100 hover:bg-white hover:shadow-sm transition-all\">\r\n <div class=\"w-10 h-10 rounded-xl bg-amber-500\/10 text-amber-600 flex items-center justify-center text-lg border border-amber-500\/20 mb-2\">\r\n <i class=\"fa-solid fa-user-tie\"><\/i>\r\n <\/div>\r\n <div class=\"text-[10px] uppercase tracking-wider text-slate-500 font-bold\">Dosen Pakar<\/div>\r\n <div class=\"text-xl sm:text-2xl font-serif font-bold text-[#00272B] mt-0.5\">\r\n <span class=\"counter\" data-target=\"14\">0<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ITEM 3: MAHASISWA -->\r\n <div class=\"flex flex-col items-start p-4 rounded-2xl bg-white\/80 border border-slate-100 hover:bg-white hover:shadow-sm transition-all\">\r\n <div class=\"w-10 h-10 rounded-xl bg-indigo-100 text-indigo-700 flex items-center justify-center text-lg border border-indigo-200 mb-2\">\r\n <i class=\"fa-solid fa-users\"><\/i>\r\n <\/div>\r\n <div class=\"text-[10px] uppercase tracking-wider text-slate-500 font-bold\">Mahasiswa Aktif<\/div>\r\n <div class=\"text-xl sm:text-2xl font-serif font-bold text-[#00272B] mt-0.5\">\r\n <span class=\"counter\" data-target=\"406\">0<\/span>+\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- ITEM 4: OPMAWA -->\r\n <div class=\"flex flex-col items-start p-4 rounded-2xl bg-white\/80 border border-slate-100 hover:bg-white hover:shadow-sm transition-all\">\r\n <div class=\"w-10 h-10 rounded-xl bg-rose-100 text-rose-700 flex items-center justify-center text-lg border border-rose-200 mb-2\">\r\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n <\/div>\r\n <div class=\"text-[10px] uppercase tracking-wider text-slate-500 font-bold\">Lembaga OPMAWA<\/div>\r\n <div class=\"text-xl sm:text-2xl font-serif font-bold text-[#00272B] mt-0.5\">\r\n <span class=\"counter\" data-target=\"2\">0<\/span> <span class=\"text-[10px] font-normal text-slate-500\">Org<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/section>\r\n\r\n <\/div>\r\n\r\n <!-- VISI & SAMBUTAN KOORPRODI -->\r\n <section 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\">\r\n <div class=\"grid md:grid-cols-2 gap-8 sm:gap-12 items-center\">\r\n \r\n <!-- VISI TEKS -->\r\n <div class=\"space-y-5\">\r\n <span class=\"inline-block text-[11px] sm:text-xs font-bold uppercase tracking-widest text-[#00363A] bg-[#00363A]\/10 px-3 py-1 rounded-md border border-[#00363A]\/20\">\r\n Sambutan & Visi Prodi\r\n <\/span>\r\n <h2 class=\"text-2xl sm:text-3xl lg:text-4xl font-serif font-bold text-[#00272B] leading-snug\">\r\n Mengintegrasikan Teori Sosiologi Modern & Karakter Kritis Mahasiswa\r\n <\/h2>\r\n <p class=\"text-unj-slate text-xs sm:text-sm leading-relaxed\">\r\n Program Studi S1 Pendidikan Sosiologi mengintegrasikan teori sosiologi modern, penerapan Kurikulum Kampus Merdeka, serta penanaman karakter kritis bagi mahasiswa agar siap menghadapi dinamika masyarakat masa kini.\r\n <\/p>\r\n <div class=\"pt-2\">\r\n <!-- TOMBOL HITAM KEABU-ABUAN -->\r\n <a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=281\" class=\"inline-flex items-center space-x-2 py-3 px-5 rounded-xl bg-slate-800 hover:bg-slate-950 text-white font-semibold text-xs transition-all shadow-sm group\">\r\n <span>Kenali Lebih Dekat Dosen Kami<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-[10px] group-hover:translate-x-1 transition-transform\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- CARD KOORPRODI -->\r\n <div class=\"bg-white rounded-2xl p-6 sm:p-8 border border-slate-200 shadow-md relative overflow-hidden flex flex-col justify-between hover:shadow-lg transition-all\">\r\n <div>\r\n <div class=\"relative w-full aspect-[16\/10] bg-slate-100 rounded-xl overflow-hidden mb-5 shadow-inner border border-slate-200\">\r\n <img decoding=\"async\" src=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/wp-content\/uploads\/2026\/08\/Pak-Suyuti.png\" alt=\"Suyuti, S.Pd.I., M.Pd\" class=\"w-full h-full object-cover object-top\">\r\n <div class=\"absolute top-3 left-3 px-3 py-1 rounded-md bg-unj-amber text-white text-[10px] font-bold uppercase tracking-wider shadow-md\">\r\n Koorprodi\r\n <\/div>\r\n <\/div>\r\n <h3 class=\"font-serif font-bold text-xl text-[#00272B]\">Suyuti, S.Pd.I., M.Pd.<\/h3>\r\n <span class=\"text-xs text-slate-500 font-medium block mb-4\">Koordinator Program Studi S1 Sosiologi UNJ<\/span>\r\n \r\n <!-- QUOTE KOORPRODI -->\r\n <blockquote class=\"text-xs sm:text-sm text-[#00272B] leading-relaxed italic bg-[#f8faf9] p-4 rounded-xl border-l-4 border-[#00363A] border-y border-r border-slate-200\/80 shadow-inner\">\r\n \"Kami berkomitmen memberikan layanan akademik terbaik, memperkuat jejaring kolaborasi nasional, dan mengarahkan lulusan menjadi pendidik serta cendekiawan yang unggul.\"\r\n <\/blockquote>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- VIDEO PROFIL SECTION -->\r\n <section class=\"py-12 sm:py-16 bg-white border-b border-slate-200 w-full\">\r\n <div class=\"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-8\">\r\n <span class=\"text-[11px] sm:text-xs font-bold uppercase tracking-widest text-[#00363A]\">Video Profil<\/span>\r\n <h2 class=\"text-2xl sm:text-3xl font-serif font-bold text-[#00272B] mt-1\">Mengenal Lebih Dekat S1 Pendidikan Sosiologi UNJ<\/h2>\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 <div class=\"relative w-full aspect-video rounded-3xl overflow-hidden shadow-2xl border-4 border-white ring-1 ring-slate-200 bg-slate-900\">\r\n <iframe class=\"w-full h-full absolute inset-0\" src=\"https:\/\/www.youtube.com\/embed\/_06xNE7OHys\" title=\"Video Profil S1 Pendidikan Sosiologi UNJ\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- NAVIGASI PENTING PRODI -->\r\n <section class=\"py-12 sm:py-16 bg-unj-bg w-full\">\r\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-10\">\r\n <span class=\"text-[11px] sm:text-xs font-bold uppercase tracking-widest text-unj-amber\">Pusat Akses Navigasi<\/span>\r\n <h2 class=\"text-2xl sm:text-3xl font-serif font-bold text-[#00272B] mt-1\">Jelajahi Informasi Penting Program Studi<\/h2>\r\n <div class=\"w-12 h-1 bg-[#00363A] mx-auto mt-3 rounded-full\"><\/div>\r\n <\/div>\r\n\r\n <!-- GRID NAVIGASI 4 KOLOM -->\r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n\r\n <!-- CARD 1 -->\r\n <div class=\"bg-white rounded-2xl p-6 border border-slate-200 shadow-sm hover:shadow-md hover:-translate-y-1 transition-all flex flex-col justify-between\">\r\n <div>\r\n <div class=\"w-12 h-12 rounded-2xl bg-[#00363A]\/10 text-[#00363A] flex items-center justify-center mb-4 text-xl border border-[#00363A]\/20\">\r\n <i class=\"fa-solid fa-graduation-cap\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-serif font-bold text-base text-[#00272B] mb-2\">Direktori Penelitian & Dosen<\/h3>\r\n <p class=\"text-xs text-slate-500 leading-relaxed mb-6\">Akses langsung ke profil Google Scholar 14 dosen pakar sosiologi UNJ.<\/p>\r\n <\/div>\r\n <!-- TOMBOL HITAM KEABU-ABUAN -->\r\n <a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=337\" class=\"w-full py-2.5 px-3 rounded-xl bg-slate-800 hover:bg-slate-950 text-white font-semibold text-xs text-center transition-all shadow-sm flex items-center justify-center space-x-1 group\">\r\n <span>Buka Direktori Riset<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-[10px] group-hover:translate-x-1 transition-transform\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- CARD 2 -->\r\n <div class=\"bg-white rounded-2xl p-6 border border-slate-200 shadow-sm hover:shadow-md hover:-translate-y-1 transition-all flex flex-col justify-between\">\r\n <div>\r\n <div class=\"w-12 h-12 rounded-2xl bg-amber-50 text-unj-amber flex items-center justify-center mb-4 text-xl border border-amber-200\">\r\n <i class=\"fa-solid fa-landmark-flag\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-serif font-bold text-base text-[#00272B] mb-2\">Sejarah & Akreditasi<\/h3>\r\n <p class=\"text-xs text-slate-500 leading-relaxed mb-6\">Informasi perjalanan prodi sejak 2003 beserta sertifikat LAMDIK & FIBAA.<\/p>\r\n <\/div>\r\n <!-- TOMBOL HITAM KEABU-ABUAN -->\r\n <a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=675\" class=\"w-full py-2.5 px-3 rounded-xl bg-slate-800 hover:bg-slate-950 text-white font-semibold text-xs text-center transition-all shadow-sm flex items-center justify-center space-x-1 group\">\r\n <span>Lihat Sejarah & Sertifikat<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-[10px] group-hover:translate-x-1 transition-transform\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- CARD 3 -->\r\n <div class=\"bg-white rounded-2xl p-6 border border-slate-200 shadow-sm hover:shadow-md hover:-translate-y-1 transition-all flex flex-col justify-between\">\r\n <div>\r\n <div class=\"w-12 h-12 rounded-2xl bg-indigo-50 text-indigo-700 flex items-center justify-center mb-4 text-xl border border-indigo-200\">\r\n <i class=\"fa-solid fa-users-rectangle\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-serif font-bold text-base text-[#00272B] mb-2\">Pusat Kemahasiswaan<\/h3>\r\n <p class=\"text-xs text-slate-500 leading-relaxed mb-6\">Akses informasi BEMP, BLMP, dan rubrik opini mahasiswa (DILEMA Sosiologi).<\/p>\r\n <\/div>\r\n <!-- TOMBOL HITAM KEABU-ABUAN -->\r\n <a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=275\" class=\"w-full py-2.5 px-3 rounded-xl bg-slate-800 hover:bg-slate-950 text-white font-semibold text-xs text-center transition-all shadow-sm flex items-center justify-center space-x-1 group\">\r\n <span>Kunjungi Kemahasiswaan<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-[10px] group-hover:translate-x-1 transition-transform\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <!-- CARD 4 -->\r\n <div class=\"bg-white rounded-2xl p-6 border border-slate-200 shadow-sm hover:shadow-md hover:-translate-y-1 transition-all flex flex-col justify-between\">\r\n <div>\r\n <div class=\"w-12 h-12 rounded-2xl bg-rose-50 text-rose-700 flex items-center justify-center mb-4 text-xl border border-rose-200\">\r\n <i class=\"fa-solid fa-hand-holding-heart\"><\/i>\r\n <\/div>\r\n <h3 class=\"font-serif font-bold text-base text-[#00272B] mb-2\">Layanan & Advokasi<\/h3>\r\n <p class=\"text-xs text-slate-500 leading-relaxed mb-6\">Tautan cepat untuk panduan UKT, kotak advokasi mahasiswa, dan persuratan.<\/p>\r\n <\/div>\r\n <div class=\"space-y-2\">\r\n <!-- TOMBOL HITAM KEABU-ABUAN -->\r\n <a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=275\" class=\"w-full py-2 px-3 rounded-xl bg-slate-800 hover:bg-slate-950 text-white font-semibold text-[11px] text-center transition-all shadow-sm flex items-center justify-center space-x-1 group\">\r\n <span>Layanan Mahasiswa<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-[9px] group-hover:translate-x-1 transition-transform\"><\/i>\r\n <\/a>\r\n <a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?page_id=579\" class=\"w-full py-2 px-3 rounded-xl bg-[#00363A] hover:bg-[#00272B] text-white font-semibold text-[11px] text-center transition-all shadow-sm flex items-center justify-center space-x-1 group\">\r\n <span>Berkas & Persuratan<\/span>\r\n <i class=\"fa-solid fa-arrow-right text-[9px] group-hover:translate-x-1 transition-transform\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- ANIMASI STATISTIK COUNTER SCRIPT -->\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n const counters = document.querySelectorAll('.counter');\r\n \r\n const runCounter = (counter) => {\r\n const target = +counter.getAttribute('data-target');\r\n let current = 0;\r\n const increment = Math.ceil(target \/ 25);\r\n \r\n const updateNumber = () => {\r\n current += increment;\r\n if (current < target) {\r\n counter.innerText = current;\r\n setTimeout(updateNumber, 40);\r\n } else {\r\n counter.innerText = target;\r\n }\r\n };\r\n updateNumber();\r\n };\r\n\r\n const observer = new IntersectionObserver((entries) => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n const counterElements = entry.target.querySelectorAll('.counter');\r\n counterElements.forEach(counter => {\r\n if (!counter.classList.contains('counted')) {\r\n counter.classList.add('counted');\r\n runCounter(counter);\r\n }\r\n });\r\n }\r\n });\r\n }, { threshold: 0.2 });\r\n\r\n const statsCard = document.querySelector('.bg-gradient-to-br');\r\n if (statsCard) {\r\n observer.observe(statsCard);\r\n }\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<div class=\"elementor-element elementor-element-3721e6c e-flex e-con-boxed e-con e-parent\" data-id=\"3721e6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bb0914a e-con-full e-flex e-con e-child\" data-id=\"bb0914a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-103f607 elementor-widget elementor-widget-heading\" data-id=\"103f607\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Berita Terbaru<\/h2>\t\t\t\t<\/div>\n\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<div class=\"elementor-element elementor-element-c17557c e-flex e-con-boxed e-con e-parent\" data-id=\"c17557c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ccbcc1 elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"4ccbcc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"template_id":697,"_skin":"post","columns":"3","columns_tablet":"2","columns_mobile":"1","edit_handle_selector":"[data-elementor-type=\\"loop-item\\"]","row_gap":{"unit":"px","size":"","sizes":[]},"row_gap_tablet":{"unit":"px","size":"","sizes":[]},"row_gap_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\" role=\"list\">\n\t\t<style id=\"loop-697\">.elementor-697 .elementor-element.elementor-element-7fc8b3b{--display:flex;}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-697 .elementor-element.elementor-element-c1beb2b .elementor-heading-title{font-family:\"Roboto\", Sans-serif;font-size:20px;font-weight:600;}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"697\" class=\"elementor elementor-697 e-loop-item e-loop-item-596 post-596 post type-post status-publish format-standard hentry category-berita\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-7fc8b3b e-flex e-con-boxed e-con e-parent\" data-id=\"7fc8b3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b32596 elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"3b32596\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"707\" height=\"434\" src=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/wp-content\/uploads\/2026\/08\/UNJ-TULISAN.jpg\" class=\"attachment-large size-large wp-image-600\" alt=\"\" srcset=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/wp-content\/uploads\/2026\/08\/UNJ-TULISAN.jpg 707w, https:\/\/fish.unj.ac.id\/pendidikansosiologi\/wp-content\/uploads\/2026\/08\/UNJ-TULISAN-300x184.jpg 300w\" sizes=\"(max-width: 707px) 100vw, 707px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1beb2b elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"c1beb2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/?p=596\">PKKMB PRODI PENDIDIKAN SOSIOLOGI UNJ 2026<\/a><\/h2>\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\t\t<\/div>\n\t\t\n\t\t\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>Beranda \u2014 S1 Pendidikan Sosiologi UNJ Terakreditasi Unggul LAMDIK & Internasional FIBAA 2027 Program Studi Pendidikan Sosiologi Program studi unggulan Universitas Negeri Jakarta yang mencetak pendidik profesional, peneliti sosial, dan penggerak perubahan sosial yang berdaya saing global sejak 2003. Jelajahi Profil Dosen & Riset Lihat Sejarah & Akreditasi Fakultas Ilmu Sosial & Hukum Universitas Negeri […]<\/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-782","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Homepage - 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\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Homepage - Pendidikan Sosiologi\" \/>\n<meta property=\"og:description\" content=\"Beranda \u2014 S1 Pendidikan Sosiologi UNJ Terakreditasi Unggul LAMDIK & Internasional FIBAA 2027 Program Studi Pendidikan Sosiologi Program studi unggulan Universitas Negeri Jakarta yang mencetak pendidik profesional, peneliti sosial, dan penggerak perubahan sosial yang berdaya saing global sejak 2003. Jelajahi Profil Dosen & Riset Lihat Sejarah & Akreditasi Fakultas Ilmu Sosial & Hukum Universitas Negeri […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/\" \/>\n<meta property=\"og:site_name\" content=\"Pendidikan Sosiologi\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-09T12:15:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/wp-content\/uploads\/2026\/09\/Gedung-Unj-1.jpg\" \/>\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\\\/\",\"url\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/\",\"name\":\"Homepage - Pendidikan Sosiologi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Gedung-Unj-1.jpg\",\"datePublished\":\"2026-09-09T11:57:31+00:00\",\"dateModified\":\"2026-09-09T12:15:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/#primaryimage\",\"url\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Gedung-Unj-1.jpg\",\"contentUrl\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/Gedung-Unj-1.jpg\",\"width\":678,\"height\":452},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Beranda\",\"item\":\"https:\\\/\\\/fish.unj.ac.id\\\/pendidikansosiologi\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Homepage\"}]},{\"@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 SEO plugin. -->","yoast_head_json":{"title":"Homepage - 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\/","og_locale":"id_ID","og_type":"article","og_title":"Homepage - Pendidikan Sosiologi","og_description":"Beranda \u2014 S1 Pendidikan Sosiologi UNJ Terakreditasi Unggul LAMDIK & Internasional FIBAA 2027 Program Studi Pendidikan Sosiologi Program studi unggulan Universitas Negeri Jakarta yang mencetak pendidik profesional, peneliti sosial, dan penggerak perubahan sosial yang berdaya saing global sejak 2003. Jelajahi Profil Dosen & Riset Lihat Sejarah & Akreditasi Fakultas Ilmu Sosial & Hukum Universitas Negeri […]","og_url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/","og_site_name":"Pendidikan Sosiologi","article_modified_time":"2026-09-09T12:15:28+00:00","og_image":[{"url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/wp-content\/uploads\/2026\/09\/Gedung-Unj-1.jpg","type":"","width":"","height":""}],"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\/","url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/","name":"Homepage - Pendidikan Sosiologi","isPartOf":{"@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/#website"},"primaryImageOfPage":{"@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/#primaryimage"},"image":{"@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/#primaryimage"},"thumbnailUrl":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/wp-content\/uploads\/2026\/09\/Gedung-Unj-1.jpg","datePublished":"2026-09-09T11:57:31+00:00","dateModified":"2026-09-09T12:15:28+00:00","breadcrumb":{"@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fish.unj.ac.id\/pendidikansosiologi\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/#primaryimage","url":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/wp-content\/uploads\/2026\/09\/Gedung-Unj-1.jpg","contentUrl":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/wp-content\/uploads\/2026\/09\/Gedung-Unj-1.jpg","width":678,"height":452},{"@type":"BreadcrumbList","@id":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Beranda","item":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/"},{"@type":"ListItem","position":2,"name":"Homepage"}]},{"@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\/782","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=782"}],"version-history":[{"count":8,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/782\/revisions"}],"predecessor-version":[{"id":795,"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=\/wp\/v2\/pages\/782\/revisions\/795"}],"wp:attachment":[{"href":"https:\/\/fish.unj.ac.id\/pendidikansosiologi\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}