{"id":3214,"date":"2025-08-15T07:30:43","date_gmt":"2025-08-15T07:30:43","guid":{"rendered":"https:\/\/staging.pai.uin-malang.ac.id\/?page_id=3214"},"modified":"2026-05-25T05:23:05","modified_gmt":"2026-05-25T05:23:05","slug":"matriks-kurikulum-2017","status":"publish","type":"page","link":"https:\/\/pai.uin-malang.ac.id\/?page_id=3214","title":{"rendered":"Matriks Kurikulum 2017"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3214\" class=\"elementor elementor-3214\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57151f0 e-flex e-con-boxed e-con e-parent\" data-id=\"57151f0\" 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-47eec48 elementor-widget elementor-widget-html\" data-id=\"47eec48\" 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\/SEBARAN-MATAKULIAH-2017.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          Sebaran Mata Kuliah PAI 2017\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        <div class=\"stats\">\r\n\r\n          <div class=\"stat\">\r\n            <h2>8<\/h2>\r\n            <span>Semester<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"stat\">\r\n            <h2>150<\/h2>\r\n            <span>Total SKS<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"stat\">\r\n            <h2>PDF<\/h2>\r\n            <span>Academic File<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\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\/SEBARAN-MATAKULIAH-2017.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\/SEBARAN-MATAKULIAH-2017.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 Sebaran Mata Kuliah PAI 2017 Dokumen resmi sebaran mata kuliah Program Studi Pendidikan Agama Islam Fakultas Ilmu Tarbiyah dan Keguruan UIN Maulana Malik Ibrahim Malang. 8 Semester 150 Total SKS PDF Academic File \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-3214","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3214","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=3214"}],"version-history":[{"count":31,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3214\/revisions"}],"predecessor-version":[{"id":5560,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3214\/revisions\/5560"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}