{"id":3236,"date":"2025-08-15T07:41:19","date_gmt":"2025-08-15T07:41:19","guid":{"rendered":"https:\/\/staging.pai.uin-malang.ac.id\/?page_id=3236"},"modified":"2026-05-25T05:24:10","modified_gmt":"2026-05-25T05:24:10","slug":"kurikulum-2022","status":"publish","type":"page","link":"https:\/\/pai.uin-malang.ac.id\/?page_id=3236","title":{"rendered":"Kurikulum 2022"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3236\" class=\"elementor elementor-3236\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1344b7 e-flex e-con-boxed e-con e-parent\" data-id=\"b1344b7\" 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-f8242da elementor-widget elementor-widget-html\" data-id=\"f8242da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!DOCTYPE html>\r\n<html lang=\"id\">\r\n<head>\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>PDF Showcase Premium<\/title>\r\n\r\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n  <style>\r\n\r\n    *{\r\n      margin:0;\r\n      padding:0;\r\n      box-sizing:border-box;\r\n    }\r\n\r\n    body{\r\n      font-family:'Poppins',sans-serif;\r\n      background:#fff;\r\n      color:white;\r\n      overflow-x:hidden;\r\n    }\r\n\r\n    section{\r\n      min-height:100vh;\r\n      display:flex;\r\n      justify-content:center;\r\n      align-items:center;\r\n      padding:80px 20px;\r\n      position:relative;\r\n      overflow:hidden;\r\n    }\r\n\r\n    \/* BACKGROUND GLOW *\/\r\n\r\n    .glow{\r\n      position:absolute;\r\n      width:500px;\r\n      height:500px;\r\n      border-radius:50%;\r\n      filter:blur(120px);\r\n      opacity:.15;\r\n      z-index:0;\r\n    }\r\n\r\n    .glow.one{\r\n      background:#00d9ff;\r\n      top:-200px;\r\n      left:-150px;\r\n    }\r\n\r\n    .glow.two{\r\n      background:#f59e0b;\r\n      bottom:-200px;\r\n      right:-150px;\r\n    }\r\n\r\n    \/* CONTAINER *\/\r\n\r\n    .container{\r\n      width:100%;\r\n      max-width:1200px;\r\n      position:relative;\r\n      z-index:2;\r\n\r\n      display:grid;\r\n      grid-template-columns:1fr 1fr;\r\n      gap:60px;\r\n      align-items:center;\r\n    }\r\n\r\n    \/* LEFT *\/\r\n\r\n    .pdf-preview{\r\n      position:relative;\r\n      display:flex;\r\n      justify-content:center;\r\n    }\r\n\r\n    .pdf-card{\r\n      width:100%;\r\n      max-width:420px;\r\n\r\n      background:rgba(255,255,255,0.06);\r\n      border:1px solid rgba(255,255,255,0.08);\r\n\r\n      backdrop-filter:blur(14px);\r\n\r\n      border-radius:28px;\r\n\r\n      padding:22px;\r\n\r\n      box-shadow:\r\n      0 20px 50px rgba(0,0,0,.45);\r\n\r\n      transition:.4s ease;\r\n    }\r\n\r\n    .pdf-card:hover{\r\n      transform:translateY(-10px);\r\n    }\r\n\r\n    .badge{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:8px;\r\n\r\n      padding:10px 18px;\r\n\r\n      background:#ef4444;\r\n\r\n      border-radius:999px;\r\n\r\n      font-size:.8rem;\r\n      font-weight:600;\r\n\r\n      margin-bottom:20px;\r\n    }\r\n\r\n    .pdf-frame{\r\n      width:100%;\r\n      height:520px;\r\n\r\n      overflow:hidden;\r\n\r\n      border-radius:18px;\r\n\r\n      background:white;\r\n    }\r\n\r\n    .pdf-frame iframe{\r\n      width:100%;\r\n      height:100%;\r\n      border:none;\r\n    }\r\n\r\n    \/* RIGHT *\/\r\n\r\n    .content h5{\r\n      color:#0000;\r\n      letter-spacing:2px;\r\n      margin-bottom:20px;\r\n      font-size:.85rem;\r\n      text-transform:uppercase;\r\n    }\r\n\r\n    .content h1{\r\n      font-size:3.2rem;\r\n      line-height:1.1;\r\n      margin-bottom:25px;\r\n    }\r\n\r\n    .content p{\r\n      color:#000;\r\n      line-height:1.9;\r\n      margin-bottom:35px;\r\n      font-size:1rem;\r\n    }\r\n\r\n    .stats{\r\n      display:flex;\r\n      gap:18px;\r\n      margin-bottom:40px;\r\n      flex-wrap:wrap;\r\n    }\r\n\r\n    .stat{\r\n      flex:1;\r\n      min-width:140px;\r\n\r\n      background:rgba(255,255,255,0.05);\r\n\r\n      border:1px solid rgba(255,255,255,0.06);\r\n\r\n      border-radius:20px;\r\n\r\n      padding:22px;\r\n    }\r\n\r\n    .stat h2{\r\n      font-size:1.8rem;\r\n      margin-bottom:5px;\r\n    }\r\n\r\n    .stat span{\r\n      color:#000;\r\n      font-size:.9rem;\r\n    }\r\n\r\n    \/* BUTTON *\/\r\n\r\n    .buttons{\r\n      display:flex;\r\n      gap:18px;\r\n      flex-wrap:wrap;\r\n    }\r\n\r\n    .btn{\r\n      text-decoration:none;\r\n      border:none;\r\n      cursor:pointer;\r\n\r\n      padding:18px 30px;\r\n\r\n      border-radius:18px;\r\n\r\n      font-weight:600;\r\n      font-size:.95rem;\r\n\r\n      transition:.3s ease;\r\n    }\r\n\r\n    .preview-btn{\r\n      background:linear-gradient;\r\n      color:white;\r\n\r\n      box-shadow:\r\n      0 10px 25px rgba(37,99,235,.35);\r\n    }\r\n\r\n    .preview-btn:hover{\r\n      transform:translateY(-4px);\r\n    }\r\n\r\n    .download-btn{\r\n      background:linear-gradient;\r\n      color:white;\r\n      \r\n      box-shadow:\r\n      0 10px 25px rgba(37,99,235,.35);\r\n    }\r\n\r\n    .download-btn:hover{\r\n      transform:translateY(-4px);\r\n    }\r\n\r\n    \/* MODAL *\/\r\n\r\n    .modal{\r\n      position:fixed;\r\n      inset:0;\r\n\r\n      background:rgba(0,0,0,.8);\r\n\r\n      display:flex;\r\n      justify-content:center;\r\n      align-items:center;\r\n\r\n      padding:30px;\r\n\r\n      opacity:0;\r\n      visibility:hidden;\r\n\r\n      transition:.3s ease;\r\n\r\n      z-index:999;\r\n    }\r\n\r\n    .modal.active{\r\n      opacity:1;\r\n      visibility:visible;\r\n    }\r\n\r\n    .modal-box{\r\n      width:100%;\r\n      max-width:1200px;\r\n      height:90vh;\r\n\r\n      background:#0f172a;\r\n\r\n      border-radius:24px;\r\n\r\n      overflow:hidden;\r\n\r\n      position:relative;\r\n    }\r\n\r\n    .modal-box iframe{\r\n      width:100%;\r\n      height:100%;\r\n      border:none;\r\n      background:white;\r\n    }\r\n\r\n    .close{\r\n      position:absolute;\r\n      top:20px;\r\n      right:20px;\r\n\r\n      width:45px;\r\n      height:45px;\r\n\r\n      border:none;\r\n      border-radius:50%;\r\n\r\n      background:rgba(255,255,255,.12);\r\n\r\n      color:white;\r\n\r\n      font-size:1.2rem;\r\n\r\n      cursor:pointer;\r\n\r\n      z-index:10;\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n\r\n    @media(max-width:980px){\r\n\r\n      .container{\r\n        grid-template-columns:1fr;\r\n      }\r\n\r\n      .content{\r\n        text-align:center;\r\n      }\r\n\r\n      .stats{\r\n        justify-content:center;\r\n      }\r\n\r\n      .buttons{\r\n        justify-content:center;\r\n      }\r\n\r\n      .content h1{\r\n        font-size:2.4rem;\r\n      }\r\n\r\n    }\r\n\r\n    @media(max-width:600px){\r\n\r\n      .content h1{\r\n        font-size:1.9rem;\r\n      }\r\n\r\n      .pdf-frame{\r\n        height:400px;\r\n      }\r\n\r\n      .buttons{\r\n        flex-direction:column;\r\n      }\r\n\r\n      .btn{\r\n        width:100%;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n  <section>\r\n\r\n    <div class=\"glow one\"><\/div>\r\n    <div class=\"glow two\"><\/div>\r\n\r\n    <div class=\"container\">\r\n\r\n      <!-- LEFT -->\r\n\r\n      <div class=\"pdf-preview\">\r\n\r\n        <div class=\"pdf-card\">\r\n\r\n          <div class=\"badge\">\r\n            PDF DOCUMENT\r\n          <\/div>\r\n\r\n          <div class=\"pdf-frame\">\r\n\r\n            <!-- GANTI PDF DI SINI -->\r\n            <iframe src=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/kurikulum-2022_compressed.pdf\"><\/iframe>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- RIGHT -->\r\n\r\n      <div class=\"content\">\r\n\r\n        <h5>KURIKULUM AKADEMIK<\/h5>\r\n\r\n        <h1>\r\n          Kurikulum 2022\r\n        <\/h1>\r\n\r\n        <p>\r\n          Dokumen resmi sebaran mata kuliah Program Studi Pendidikan Agama Islam\r\n          Fakultas Ilmu Tarbiyah dan Keguruan UIN Maulana Malik Ibrahim Malang.\r\n        <\/p>\r\n\r\n\r\n\r\n        <div class=\"buttons\">\r\n\r\n          <button class=\"btn preview-btn\" id=\"previewBtn\">\r\n            \ud83d\udc41 Preview PDF\r\n          <\/button>\r\n\r\n          <!-- GANTI FILE PDF -->\r\n          <a href=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/kurikulum-2022_compressed.pdf\" download class=\"btn download-btn\">\r\n            \u2b07 Download PDF\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <!-- MODAL -->\r\n\r\n  <div class=\"modal\" id=\"modal\">\r\n\r\n    <div class=\"modal-box\">\r\n\r\n      <button class=\"close\" id=\"closeBtn\">\r\n        \u2715\r\n      <\/button>\r\n\r\n      <!-- GANTI PDF -->\r\n      <iframe src=\"https:\/\/pai.uin-malang.ac.id\/wp-content\/uploads\/2025\/08\/kurikulum-2022_compressed.pdf\"><\/iframe>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n\r\n    const modal = document.getElementById('modal');\r\n    const previewBtn = document.getElementById('previewBtn');\r\n    const closeBtn = document.getElementById('closeBtn');\r\n\r\n    previewBtn.addEventListener('click', () => {\r\n      modal.classList.add('active');\r\n      document.body.style.overflow = 'hidden';\r\n    });\r\n\r\n    closeBtn.addEventListener('click', () => {\r\n      modal.classList.remove('active');\r\n      document.body.style.overflow = 'auto';\r\n    });\r\n\r\n    modal.addEventListener('click', (e) => {\r\n      if(e.target === modal){\r\n        modal.classList.remove('active');\r\n        document.body.style.overflow = 'auto';\r\n      }\r\n    });\r\n\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n```\r\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>PDF Showcase Premium PDF DOCUMENT KURIKULUM AKADEMIK Kurikulum 2022 Dokumen resmi sebaran mata kuliah Program Studi Pendidikan Agama Islam Fakultas Ilmu Tarbiyah dan Keguruan UIN Maulana Malik Ibrahim Malang. \ud83d\udc41 Preview PDF \u2b07 Download PDF \u2715 &#8220;`<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-3236","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3236","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3236"}],"version-history":[{"count":16,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3236\/revisions"}],"predecessor-version":[{"id":5564,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3236\/revisions\/5564"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3236"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}