{"id":1132,"date":"2026-08-25T11:47:59","date_gmt":"2026-08-25T04:47:59","guid":{"rendered":"https:\/\/iptar.ac.id\/?page_id=1132"},"modified":"2026-09-16T10:42:21","modified_gmt":"2026-09-16T03:42:21","slug":"humas","status":"publish","type":"page","link":"https:\/\/iptar.ac.id\/index.php\/humas\/","title":{"rendered":"HUMAS"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1132\" class=\"elementor elementor-1132\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a21ec26 e-con-full e-flex e-con e-parent\" data-id=\"a21ec26\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6f7cf65 elementor-widget elementor-widget-html\" data-id=\"6f7cf65\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\n  HUMAS IPTAR \u2014 VERSI RINGAN UNTUK ELEMENTOR\n  Tempel seluruh kode ini pada widget HTML Elementor.\n  Ubah URL foto, media sosial, dan dokumen pada bagian HTML bila diperlukan.\n-->\n\n<section id=\"humas-iptar-lite\" aria-labelledby=\"humas-title\">\n  <style>\n    \/* Semua aturan dibatasi di dalam #humas-iptar-lite agar tidak mengubah tema situs. *\/\n    #humas-iptar-lite {\n      --hi-green-900: #064e3b;\n      --hi-green-800: #065f46;\n      --hi-green-700: #047857;\n      --hi-green-600: #059669;\n      --hi-green-100: #d1fae5;\n      --hi-green-50: #ecfdf5;\n      --hi-yellow: #f4c430;\n      --hi-ink: #16342d;\n      --hi-muted: #5d706a;\n      --hi-line: #dbe9e4;\n      --hi-white: #ffffff;\n      width: 100vw;\n      max-width: none;\n      margin-left: calc(50% - 50vw);\n      margin-right: calc(50% - 50vw);\n      overflow: hidden;\n      color: var(--hi-ink);\n      background: #f7fbf9;\n      font-family: Inter, \"Segoe UI\", Arial, sans-serif;\n      line-height: 1.65;\n    }\n\n    #humas-iptar-lite,\n    #humas-iptar-lite * {\n      box-sizing: border-box;\n    }\n\n    #humas-iptar-lite h1,\n    #humas-iptar-lite h2,\n    #humas-iptar-lite h3,\n    #humas-iptar-lite p {\n      margin: 0;\n    }\n\n    #humas-iptar-lite a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    #humas-iptar-lite svg {\n      display: block;\n      flex: 0 0 auto;\n    }\n\n    #humas-iptar-lite .hi-container {\n      width: min(1180px, calc(100% - 40px));\n      margin: 0 auto;\n    }\n\n    #humas-iptar-lite .hi-hero {\n      position: relative;\n      padding: 76px 0;\n      color: var(--hi-white);\n      background: linear-gradient(135deg, var(--hi-green-900), var(--hi-green-700));\n    }\n\n    #humas-iptar-lite .hi-hero::after {\n      content: \"\";\n      position: absolute;\n      right: -90px;\n      bottom: -130px;\n      width: 330px;\n      height: 330px;\n      border: 54px solid rgba(244, 196, 48, 0.12);\n      border-radius: 50%;\n      pointer-events: none;\n    }\n\n    #humas-iptar-lite .hi-hero-grid {\n      position: relative;\n      z-index: 1;\n      display: grid;\n      grid-template-columns: 330px minmax(0, 1fr);\n      gap: 60px;\n      align-items: center;\n    }\n\n    #humas-iptar-lite .hi-person {\n      padding: 12px;\n      border-radius: 24px;\n      background: var(--hi-white);\n      color: var(--hi-ink);\n      box-shadow: 0 16px 34px rgba(0, 35, 25, 0.2);\n    }\n\n    #humas-iptar-lite .hi-photo {\n      position: relative;\n      min-height: 320px;\n      overflow: hidden;\n      border-radius: 17px;\n      background: var(--hi-green-50);\n    }\n\n    #humas-iptar-lite .hi-photo img {\n      position: relative;\n      z-index: 1;\n      display: block;\n      width: 100%;\n      height: 320px;\n      object-fit: cover;\n      object-position: center top;\n    }\n\n    #humas-iptar-lite .hi-photo-fallback {\n      position: absolute;\n      inset: 0;\n      display: grid;\n      place-items: center;\n      color: var(--hi-green-700);\n      font-size: 42px;\n      font-weight: 800;\n    }\n\n    #humas-iptar-lite .hi-person-info {\n      padding: 18px 10px 10px;\n      text-align: center;\n    }\n\n    #humas-iptar-lite .hi-person-info small {\n      display: block;\n      margin-bottom: 5px;\n      color: var(--hi-green-700);\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    #humas-iptar-lite .hi-person-info h3 {\n      color: var(--hi-green-900);\n      font-size: 20px;\n      line-height: 1.35;\n    }\n\n    #humas-iptar-lite .hi-person-info p {\n      margin-top: 4px;\n      color: var(--hi-muted);\n      font-size: 14px;\n    }\n\n    #humas-iptar-lite .hi-eyebrow,\n    #humas-iptar-lite .hi-section-label {\n      display: inline-flex;\n      align-items: center;\n      gap: 9px;\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    #humas-iptar-lite .hi-eyebrow {\n      margin-bottom: 16px;\n      color: #fff3b2;\n    }\n\n    #humas-iptar-lite .hi-eyebrow::before,\n    #humas-iptar-lite .hi-section-label::before {\n      content: \"\";\n      width: 26px;\n      height: 3px;\n      border-radius: 3px;\n      background: var(--hi-yellow);\n    }\n\n    #humas-iptar-lite .hi-copy h1 {\n      max-width: 760px;\n      font-size: clamp(38px, 6vw, 72px);\n      line-height: 1;\n      letter-spacing: -0.04em;\n    }\n\n    #humas-iptar-lite .hi-copy h1 span {\n      color: var(--hi-yellow);\n    }\n\n    #humas-iptar-lite .hi-copy h2 {\n      margin-top: 14px;\n      color: #dff8ef;\n      font-size: clamp(19px, 2.4vw, 28px);\n      font-weight: 600;\n    }\n\n    #humas-iptar-lite .hi-tagline {\n      margin-top: 14px;\n      color: #fff3b2;\n      font-size: 13px;\n      font-weight: 700;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n\n    #humas-iptar-lite .hi-description {\n      max-width: 800px;\n      margin-top: 24px;\n      color: #e7f5f0;\n      font-size: 16px;\n    }\n\n    #humas-iptar-lite .hi-values {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 28px;\n    }\n\n    #humas-iptar-lite .hi-value {\n      padding: 9px 14px;\n      border: 1px solid rgba(255, 255, 255, 0.22);\n      border-radius: 999px;\n      color: var(--hi-white);\n      background: rgba(255, 255, 255, 0.08);\n      font-size: 13px;\n      font-weight: 700;\n    }\n\n    #humas-iptar-lite .hi-section {\n      padding: 76px 0;\n    }\n\n    #humas-iptar-lite .hi-section--white {\n      background: var(--hi-white);\n    }\n\n    #humas-iptar-lite .hi-heading {\n      display: flex;\n      justify-content: space-between;\n      gap: 24px;\n      align-items: end;\n      margin-bottom: 32px;\n    }\n\n    #humas-iptar-lite .hi-section-label {\n      margin-bottom: 8px;\n      color: var(--hi-green-700);\n    }\n\n    #humas-iptar-lite .hi-heading h2 {\n      color: var(--hi-green-900);\n      font-size: clamp(28px, 4vw, 42px);\n      line-height: 1.18;\n      letter-spacing: -0.025em;\n    }\n\n    #humas-iptar-lite .hi-heading p {\n      max-width: 600px;\n      margin-top: 9px;\n      color: var(--hi-muted);\n    }\n\n    #humas-iptar-lite .hi-service-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    #humas-iptar-lite .hi-service-card {\n      padding: 25px;\n      border: 1px solid var(--hi-line);\n      border-radius: 16px;\n      background: var(--hi-white);\n    }\n\n    #humas-iptar-lite .hi-icon {\n      display: grid;\n      width: 48px;\n      height: 48px;\n      margin-bottom: 20px;\n      place-items: center;\n      border-radius: 13px;\n      color: var(--hi-white);\n      background: var(--hi-green-700);\n    }\n\n    #humas-iptar-lite .hi-service-card small {\n      color: var(--hi-green-700);\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: 0.1em;\n      text-transform: uppercase;\n    }\n\n    #humas-iptar-lite .hi-service-card h3 {\n      margin-top: 6px;\n      color: var(--hi-green-900);\n      font-size: 19px;\n      line-height: 1.35;\n    }\n\n    #humas-iptar-lite .hi-service-card p {\n      margin-top: 10px;\n      color: var(--hi-muted);\n      font-size: 14px;\n    }\n\n    #humas-iptar-lite .hi-media {\n      color: var(--hi-white);\n      background: var(--hi-green-900);\n    }\n\n    #humas-iptar-lite .hi-media .hi-section-label,\n    #humas-iptar-lite .hi-media .hi-heading h2 {\n      color: var(--hi-white);\n    }\n\n    #humas-iptar-lite .hi-media .hi-heading p {\n      color: #cde6dc;\n    }\n\n    #humas-iptar-lite .hi-media-grid {\n      display: grid;\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n      gap: 14px;\n    }\n\n    #humas-iptar-lite .hi-media-card {\n      display: flex;\n      align-items: center;\n      gap: 13px;\n      min-height: 86px;\n      padding: 18px;\n      border: 1px solid rgba(255, 255, 255, 0.18);\n      border-radius: 14px;\n      background: rgba(255, 255, 255, 0.07);\n    }\n\n    #humas-iptar-lite a.hi-media-card:hover,\n    #humas-iptar-lite a.hi-media-card:focus-visible {\n      border-color: var(--hi-yellow);\n      background: rgba(255, 255, 255, 0.12);\n    }\n\n    #humas-iptar-lite .hi-media-card svg {\n      color: var(--hi-yellow);\n    }\n\n    #humas-iptar-lite .hi-media-card strong,\n    #humas-iptar-lite .hi-media-card span {\n      display: block;\n    }\n\n    #humas-iptar-lite .hi-media-card strong {\n      font-size: 15px;\n    }\n\n    #humas-iptar-lite .hi-media-card span {\n      margin-top: 2px;\n      color: #cde6dc;\n      font-size: 12px;\n    }\n\n    #humas-iptar-lite .hi-media-card--disabled {\n      opacity: 0.65;\n      cursor: default;\n    }\n\n    #humas-iptar-lite .hi-doc-tools {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    #humas-iptar-lite .hi-search {\n      width: min(340px, 100%);\n      height: 46px;\n      padding: 0 15px;\n      border: 1px solid var(--hi-line);\n      border-radius: 12px;\n      outline: none;\n      color: var(--hi-ink);\n      background: var(--hi-white);\n      font: inherit;\n      font-size: 14px;\n    }\n\n    #humas-iptar-lite .hi-search:focus {\n      border-color: var(--hi-green-600);\n      box-shadow: 0 0 0 3px var(--hi-green-100);\n    }\n\n    #humas-iptar-lite .hi-reset {\n      height: 46px;\n      padding: 0 17px;\n      border: 0;\n      border-radius: 12px;\n      color: var(--hi-white);\n      background: var(--hi-green-700);\n      cursor: pointer;\n      font: inherit;\n      font-size: 13px;\n      font-weight: 700;\n    }\n\n    #humas-iptar-lite .hi-doc-grid {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 18px;\n    }\n\n    #humas-iptar-lite .hi-doc-card {\n      display: flex;\n      flex-direction: column;\n      min-height: 250px;\n      overflow: hidden;\n      border: 1px solid var(--hi-line);\n      border-radius: 16px;\n      background: var(--hi-white);\n    }\n\n    #humas-iptar-lite .hi-doc-cover {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      min-height: 92px;\n      padding: 20px;\n      color: var(--hi-white);\n      background: var(--hi-green-800);\n    }\n\n    #humas-iptar-lite .hi-doc-cover strong {\n      font-size: 20px;\n      letter-spacing: 0.08em;\n    }\n\n    #humas-iptar-lite .hi-doc-cover span {\n      padding: 5px 9px;\n      border-radius: 999px;\n      color: var(--hi-green-900);\n      background: var(--hi-yellow);\n      font-size: 10px;\n      font-weight: 800;\n    }\n\n    #humas-iptar-lite .hi-doc-body {\n      display: flex;\n      flex: 1;\n      flex-direction: column;\n      padding: 20px;\n    }\n\n    #humas-iptar-lite .hi-doc-category {\n      color: var(--hi-green-700);\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n    }\n\n    #humas-iptar-lite .hi-doc-body h3 {\n      margin-top: 7px;\n      color: var(--hi-green-900);\n      font-size: 17px;\n      line-height: 1.4;\n    }\n\n    #humas-iptar-lite .hi-doc-meta {\n      margin-top: 8px;\n      color: var(--hi-muted);\n      font-size: 13px;\n    }\n\n    #humas-iptar-lite .hi-doc-status {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 39px;\n      margin-top: auto;\n      padding: 9px 13px;\n      border: 1px dashed #aac9bd;\n      border-radius: 10px;\n      color: var(--hi-muted);\n      background: #f6faf8;\n      font-size: 12px;\n      font-weight: 700;\n    }\n\n    #humas-iptar-lite .hi-empty {\n      display: none;\n      padding: 34px;\n      border: 1px dashed #aac9bd;\n      border-radius: 16px;\n      color: var(--hi-muted);\n      text-align: center;\n      background: var(--hi-white);\n    }\n\n    #humas-iptar-lite .hi-footer-note {\n      padding: 22px 20px;\n      color: #d7eee5;\n      background: #043d2f;\n      text-align: center;\n      font-size: 13px;\n    }\n\n    #humas-iptar-lite [hidden] {\n      display: none !important;\n    }\n\n    @media (max-width: 920px) {\n      #humas-iptar-lite .hi-hero-grid {\n        grid-template-columns: 280px minmax(0, 1fr);\n        gap: 34px;\n      }\n\n      #humas-iptar-lite .hi-photo,\n      #humas-iptar-lite .hi-photo img {\n        min-height: 270px;\n        height: 270px;\n      }\n\n      #humas-iptar-lite .hi-service-grid,\n      #humas-iptar-lite .hi-doc-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n\n      #humas-iptar-lite .hi-media-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n      }\n    }\n\n    @media (max-width: 680px) {\n      #humas-iptar-lite .hi-container {\n        width: min(100% - 28px, 1180px);\n      }\n\n      #humas-iptar-lite .hi-hero,\n      #humas-iptar-lite .hi-section {\n        padding: 54px 0;\n      }\n\n      #humas-iptar-lite .hi-hero-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #humas-iptar-lite .hi-person {\n        width: min(100%, 340px);\n        margin: 0 auto;\n      }\n\n      #humas-iptar-lite .hi-copy {\n        text-align: center;\n      }\n\n      #humas-iptar-lite .hi-eyebrow,\n      #humas-iptar-lite .hi-values {\n        justify-content: center;\n      }\n\n      #humas-iptar-lite .hi-heading {\n        display: block;\n      }\n\n      #humas-iptar-lite .hi-doc-tools {\n        margin-top: 20px;\n      }\n\n      #humas-iptar-lite .hi-service-grid,\n      #humas-iptar-lite .hi-media-grid,\n      #humas-iptar-lite .hi-doc-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #humas-iptar-lite * {\n        scroll-behavior: auto !important;\n      }\n    }\n  <\/style>\n\n  <!-- PROFIL HUMAS -->\n  <header class=\"hi-hero\">\n    <div class=\"hi-container hi-hero-grid\">\n      <article class=\"hi-person\">\n        <div class=\"hi-photo\">\n          <span class=\"hi-photo-fallback\" aria-hidden=\"true\">HUMAS<\/span>\n          <img fetchpriority=\"high\"\n            src=\"https:\/\/ui-avatars.com\/api\/?name=Muhamad+Fadlhi+Gusvino&amp;background=059669&amp;color=ffffff&amp;size=600&amp;bold=true\"\n            alt=\"Muhammad Fadlhi Gusvino, S.Si \u2014 Kepala Hubungan Masyarakat IPTAR\"\n            width=\"600\"\n            height=\"600\"\n            decoding=\"async\"\n          >\n        <\/div>\n        <div class=\"hi-person-info\">\n          <small>Kepala Unit<\/small>\n          <h3>Muhammad Fadlhi Gusvino, S.Si<\/h3>\n          <p>Kepala Hubungan Masyarakat<\/p>\n        <\/div>\n      <\/article>\n\n      <div class=\"hi-copy\">\n        <div class=\"hi-eyebrow\">Informasi &amp; Komunikasi IPTAR<\/div>\n        <h1 id=\"humas-title\"><span>HUMAS<\/span> IPTAR<\/h1>\n        <h2>Hubungan Masyarakat IPTAR<\/h2>\n        <p class=\"hi-tagline\">Communication \u2022 Publication \u2022 Information \u2022 Branding<\/p>\n        <p class=\"hi-description\">\n          <strong>Hubungan Masyarakat (Humas) IPTAR<\/strong> merupakan unit yang berperan dalam membangun,\n          mengelola, dan memperkuat komunikasi serta citra Institut Pendidikan dan Teknologi\n          \u2019Aisyiyah Riau kepada masyarakat dan seluruh pemangku kepentingan. Humas IPTAR mengelola\n          informasi, publikasi kegiatan, media sosial, dokumentasi, hubungan media, serta penguatan\n          identitas institusi secara profesional, informatif, kreatif, dan berkelanjutan.\n        <\/p>\n        <div class=\"hi-values\" aria-label=\"Fokus utama Humas IPTAR\">\n          <span class=\"hi-value\">Publikasi<\/span>\n          <span class=\"hi-value\">Media Digital<\/span>\n          <span class=\"hi-value\">Dokumentasi<\/span>\n          <span class=\"hi-value\">Branding<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/header>\n\n  <!-- LAYANAN -->\n  <section class=\"hi-section hi-section--white\" aria-labelledby=\"layanan-humas\">\n    <div class=\"hi-container\">\n      <div class=\"hi-heading\">\n        <div>\n          <div class=\"hi-section-label\">Ruang Lingkup Humas<\/div>\n          <h2 id=\"layanan-humas\">Layanan &amp; Aktivitas Humas<\/h2>\n          <p>Mendukung komunikasi, publikasi, dokumentasi, dan penguatan citra institusi.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hi-service-grid\">\n        <article class=\"hi-service-card\">\n          <div class=\"hi-icon\" aria-hidden=\"true\">\n            <svg width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 11l18-5v12L3 13z\"\/><path d=\"M8 15l1.5 6H14l-2-7\"\/><\/svg>\n          <\/div>\n          <small>Publikasi<\/small>\n          <h3>Publikasi Kampus<\/h3>\n          <p>Publikasi kegiatan akademik, kemahasiswaan, penelitian, pengabdian, prestasi, dan informasi institusi.<\/p>\n        <\/article>\n\n        <article class=\"hi-service-card\">\n          <div class=\"hi-icon\" aria-hidden=\"true\">\n            <svg width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18\"\/><\/svg>\n          <\/div>\n          <small>Digital Media<\/small>\n          <h3>Media Sosial<\/h3>\n          <p>Pengelolaan konten dan komunikasi melalui kanal media sosial resmi IPTAR.<\/p>\n        <\/article>\n\n        <article class=\"hi-service-card\">\n          <div class=\"hi-icon\" aria-hidden=\"true\">\n            <svg width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 7h4l2-3h4l2 3h4a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2z\"\/><circle cx=\"12\" cy=\"13\" r=\"4\"\/><\/svg>\n          <\/div>\n          <small>Dokumentasi<\/small>\n          <h3>Dokumentasi Kegiatan<\/h3>\n          <p>Dokumentasi foto dan video kegiatan resmi untuk kebutuhan publikasi dan arsip institusi.<\/p>\n        <\/article>\n\n        <article class=\"hi-service-card\">\n          <div class=\"hi-icon\" aria-hidden=\"true\">\n            <svg width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M5 4h12v16H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2z\"\/><path d=\"M17 8h4v10a2 2 0 0 1-2 2h-2M8 8h6M8 12h6\"\/><\/svg>\n          <\/div>\n          <small>Media<\/small>\n          <h3>Berita &amp; Press Release<\/h3>\n          <p>Penyusunan berita kampus, siaran pers, konten website, dan informasi untuk media.<\/p>\n        <\/article>\n\n        <article class=\"hi-service-card\">\n          <div class=\"hi-icon\" aria-hidden=\"true\">\n            <svg width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M8 13l-1 9 5-3 5 3-1-9\"\/><\/svg>\n          <\/div>\n          <small>Branding<\/small>\n          <h3>Branding Institusi<\/h3>\n          <p>Penguatan identitas, citra, dan konsistensi komunikasi visual IPTAR.<\/p>\n        <\/article>\n\n        <article class=\"hi-service-card\">\n          <div class=\"hi-icon\" aria-hidden=\"true\">\n            <svg width=\"23\" height=\"23\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"\/><\/svg>\n          <\/div>\n          <small>Komunikasi<\/small>\n          <h3>Informasi Publik<\/h3>\n          <p>Penyampaian informasi institusi kepada mahasiswa, masyarakat, mitra, dan pemangku kepentingan.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- MEDIA RESMI -->\n  <section class=\"hi-section hi-media\" aria-labelledby=\"media-humas\">\n    <div class=\"hi-container\">\n      <div class=\"hi-heading\">\n        <div>\n          <div class=\"hi-section-label\">Media Resmi IPTAR<\/div>\n          <h2 id=\"media-humas\">Terhubung dengan IPTAR<\/h2>\n          <p>Ikuti informasi, aktivitas, prestasi, dan kabar terbaru melalui kanal digital resmi.<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"hi-media-grid\">\n        <a class=\"hi-media-card\" href=\"https:\/\/instagram.com\/kampus.iptar\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram IPTAR\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n          <div><strong>Instagram<\/strong><span>@kampus.iptar<\/span><\/div>\n        <\/a>\n\n        <a class=\"hi-media-card\" href=\"https:\/\/tiktok.com\/@kampus.iptar\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"TikTok IPTAR\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 4v10a5 5 0 1 1-4-4.9\"\/><path d=\"M15 4c.7 2 2.2 3.5 4 4\"\/><\/svg>\n          <div><strong>TikTok<\/strong><span>@kampus.iptar<\/span><\/div>\n        <\/a>\n\n        <!-- Ganti elemen div ini menjadi <a href=\"URL-YOUTUBE\"> jika link sudah tersedia. -->\n        <div class=\"hi-media-card hi-media-card--disabled\" aria-label=\"YouTube segera tersedia\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"4\"\/><path d=\"M10 9l5 3-5 3z\"\/><\/svg>\n          <div><strong>YouTube<\/strong><span>Segera tersedia<\/span><\/div>\n        <\/div>\n\n        <!-- Ganti elemen div ini menjadi <a href=\"URL-WEBSITE\"> jika link sudah tersedia. -->\n        <div class=\"hi-media-card hi-media-card--disabled\" aria-label=\"Website segera tersedia\">\n          <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18\"\/><\/svg>\n          <div><strong>Website<\/strong><span>Segera tersedia<\/span><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- DOKUMEN -->\n  <section class=\"hi-section\" aria-labelledby=\"dokumen-humas\">\n    <div class=\"hi-container\">\n      <div class=\"hi-heading\">\n        <div>\n          <div class=\"hi-section-label\">Pusat Dokumentasi<\/div>\n          <h2 id=\"dokumen-humas\">Dokumen Humas<\/h2>\n          <p>Pedoman publikasi, program kerja, branding, dan dokumen resmi Humas IPTAR.<\/p>\n        <\/div>\n        <div class=\"hi-doc-tools\">\n          <input class=\"hi-search\" id=\"hi-doc-search\" type=\"search\" placeholder=\"Cari dokumen...\" autocomplete=\"off\" aria-label=\"Cari dokumen Humas\">\n          <button class=\"hi-reset\" id=\"hi-doc-reset\" type=\"button\">Reset<\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"hi-doc-grid\" id=\"hi-doc-grid\">\n        <!-- Ganti status dengan tautan saat file tersedia. Contoh:\n             <a class=\"hi-doc-status\" href=\"URL_FILE\" target=\"_blank\" rel=\"noopener\">Lihat Dokumen<\/a>\n        -->\n        <article class=\"hi-doc-card\" data-search=\"pedoman publikasi iptar pedoman 2026\">\n          <div class=\"hi-doc-cover\"><strong>HUMAS<\/strong><span>PEDOMAN<\/span><\/div>\n          <div class=\"hi-doc-body\"><span class=\"hi-doc-category\">Pedoman<\/span><h3>Pedoman Publikasi IPTAR<\/h3><p class=\"hi-doc-meta\">2026 \u2022 Dokumen Humas<\/p><span class=\"hi-doc-status\">File belum ditambahkan<\/span><\/div>\n        <\/article>\n\n        <article class=\"hi-doc-card\" data-search=\"panduan identitas visual iptar branding 2026\">\n          <div class=\"hi-doc-cover\"><strong>HUMAS<\/strong><span>BRANDING<\/span><\/div>\n          <div class=\"hi-doc-body\"><span class=\"hi-doc-category\">Branding<\/span><h3>Panduan Identitas Visual IPTAR<\/h3><p class=\"hi-doc-meta\">2026 \u2022 Dokumen Humas<\/p><span class=\"hi-doc-status\">File belum ditambahkan<\/span><\/div>\n        <\/article>\n\n        <article class=\"hi-doc-card\" data-search=\"program kerja humas 2026\">\n          <div class=\"hi-doc-cover\"><strong>HUMAS<\/strong><span>PROGRAM<\/span><\/div>\n          <div class=\"hi-doc-body\"><span class=\"hi-doc-category\">Program Kerja<\/span><h3>Program Kerja Humas<\/h3><p class=\"hi-doc-meta\">2026 \u2022 Dokumen Humas<\/p><span class=\"hi-doc-status\">File belum ditambahkan<\/span><\/div>\n        <\/article>\n\n        <article class=\"hi-doc-card\" data-search=\"template publikasi kegiatan 2026\">\n          <div class=\"hi-doc-cover\"><strong>HUMAS<\/strong><span>TEMPLATE<\/span><\/div>\n          <div class=\"hi-doc-body\"><span class=\"hi-doc-category\">Template<\/span><h3>Template Publikasi Kegiatan<\/h3><p class=\"hi-doc-meta\">2026 \u2022 Dokumen Humas<\/p><span class=\"hi-doc-status\">File belum ditambahkan<\/span><\/div>\n        <\/article>\n\n        <article class=\"hi-doc-card\" data-search=\"laporan kegiatan humas 2026\">\n          <div class=\"hi-doc-cover\"><strong>HUMAS<\/strong><span>LAPORAN<\/span><\/div>\n          <div class=\"hi-doc-body\"><span class=\"hi-doc-category\">Laporan<\/span><h3>Laporan Kegiatan Humas<\/h3><p class=\"hi-doc-meta\">2026 \u2022 Dokumen Humas<\/p><span class=\"hi-doc-status\">File belum ditambahkan<\/span><\/div>\n        <\/article>\n\n        <article class=\"hi-doc-card\" data-search=\"dokumentasi dan publikasi institusi 2026\">\n          <div class=\"hi-doc-cover\"><strong>HUMAS<\/strong><span>ARSIP<\/span><\/div>\n          <div class=\"hi-doc-body\"><span class=\"hi-doc-category\">Dokumentasi<\/span><h3>Dokumentasi dan Publikasi Institusi<\/h3><p class=\"hi-doc-meta\">2026 \u2022 Dokumen Humas<\/p><span class=\"hi-doc-status\">File belum ditambahkan<\/span><\/div>\n        <\/article>\n      <\/div>\n\n      <div class=\"hi-empty\" id=\"hi-doc-empty\" role=\"status\">Dokumen tidak ditemukan. Coba kata kunci lain.<\/div>\n    <\/div>\n  <\/section>\n\n  <footer class=\"hi-footer-note\">Hubungan Masyarakat \u2022 Institut Pendidikan dan Teknologi \u2019Aisyiyah Riau<\/footer>\n\n  <script>\n    (function () {\n      \"use strict\";\n      var root = document.getElementById(\"humas-iptar-lite\");\n      if (!root) return;\n\n      var input = root.querySelector(\"#hi-doc-search\");\n      var reset = root.querySelector(\"#hi-doc-reset\");\n      var cards = root.querySelectorAll(\".hi-doc-card\");\n      var empty = root.querySelector(\"#hi-doc-empty\");\n\n      function filterDocuments() {\n        var keyword = input.value.toLowerCase().trim();\n        var visible = 0;\n\n        cards.forEach(function (card) {\n          var match = card.getAttribute(\"data-search\").indexOf(keyword) !== -1;\n          card.hidden = !match;\n          if (match) visible += 1;\n        });\n\n        empty.style.display = visible ? \"none\" : \"block\";\n      }\n\n      input.addEventListener(\"input\", filterDocuments);\n      reset.addEventListener(\"click\", function () {\n        input.value = \"\";\n        filterDocuments();\n        input.focus();\n      });\n    }());\n  <\/script>\n<\/section>\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>HUMAS Kepala Unit Muhammad Fadlhi Gusvino, S.Si Kepala Hubungan Masyarakat Informasi &amp; Komunikasi IPTAR HUMAS IPTAR Hubungan Masyarakat IPTAR Communication [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1132","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/1132","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=1132"}],"version-history":[{"count":13,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/1132\/revisions"}],"predecessor-version":[{"id":1354,"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/1132\/revisions\/1354"}],"wp:attachment":[{"href":"https:\/\/iptar.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=1132"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}