{"id":3381,"date":"2025-08-19T01:31:28","date_gmt":"2025-08-19T01:31:28","guid":{"rendered":"https:\/\/staging.pai.uin-malang.ac.id\/?page_id=3381"},"modified":"2026-05-25T05:20:32","modified_gmt":"2026-05-25T05:20:32","slug":"mahasiswa-asing","status":"publish","type":"page","link":"https:\/\/pai.uin-malang.ac.id\/?page_id=3381","title":{"rendered":"Mahasiswa Asing"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3381\" class=\"elementor elementor-3381\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8adfec3 e-flex e-con-boxed e-con e-parent\" data-id=\"8adfec3\" 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-f7bd298 elementor-widget elementor-widget-html\" data-id=\"f7bd298\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!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\r\n  <title>Mahasiswa Internasional<\/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;800&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\r\n    .international-section{\r\n      position:relative;\r\n      min-height:100vh;\r\n      padding:110px 7%;\r\n      overflow:hidden;\r\n    }\r\n\r\n\r\n\r\n\r\n\r\n    \/* COUNTRY FILTER *\/\r\n\r\n    .country-filter{\r\n      position:relative;\r\n      z-index:2;\r\n\r\n      display:flex;\r\n      justify-content:center;\r\n      gap:20px;\r\n\r\n      margin-bottom:70px;\r\n\r\n      flex-wrap:wrap;\r\n    }\r\n\r\n    .country-btn{\r\n      border:none;\r\n      cursor:pointer;\r\n\r\n      padding:18px 28px;\r\n\r\n      border-radius:20px;\r\n\r\n      background:rgba(255,255,255,.05);\r\n\r\n      border:1px solid rgba(255,255,255,.08);\r\n\r\n      backdrop-filter:blur(18px);\r\n\r\n      color:white;\r\n\r\n      font-size:1rem;\r\n      font-weight:600;\r\n\r\n      transition:.35s ease;\r\n    }\r\n\r\n    .country-btn.active{\r\n      background:linear-gradient(135deg,#06b6d4,#2563eb);\r\n\r\n      box-shadow:\r\n      0 15px 30px rgba(37,99,235,.3);\r\n\r\n      transform:translateY(-4px);\r\n    }\r\n\r\n    .country-btn:hover{\r\n      transform:translateY(-4px);\r\n    }\r\n\r\n    \/* STUDENT GRID *\/\r\n\r\n    .student-grid{\r\n      position:relative;\r\n      z-index:2;\r\n\r\n      display:grid;\r\n      grid-template-columns:repeat(auto-fit,minmax(340px,1fr));\r\n      gap:35px;\r\n    }\r\n\r\n    \/* CARD *\/\r\n\r\n    .student-card{\r\n      position:relative;\r\n\r\n      background:rgba(255,255,255,.05);\r\n\r\n      border:1px solid rgba(255,255,255,.08);\r\n\r\n      backdrop-filter:blur(18px);\r\n\r\n      border-radius:34px;\r\n\r\n      overflow:hidden;\r\n\r\n      transition:.4s ease;\r\n\r\n      box-shadow:\r\n      0 20px 45px rgba(0,0,0,.28);\r\n    }\r\n\r\n    .student-card::before{\r\n      content:'';\r\n\r\n      position:absolute;\r\n      inset:0;\r\n\r\n      background:linear-gradient(\r\n        135deg,\r\n        rgba(56,189,248,.16),\r\n        transparent 60%\r\n      );\r\n\r\n      opacity:0;\r\n\r\n      transition:.4s ease;\r\n\r\n      pointer-events:none;\r\n    }\r\n\r\n    .student-card:hover::before{\r\n      opacity:1;\r\n    }\r\n\r\n    .student-card:hover{\r\n      transform:translateY(-14px);\r\n\r\n      border-color:rgba(56,189,248,.35);\r\n\r\n      box-shadow:\r\n      0 30px 60px rgba(0,0,0,.45),\r\n      0 0 40px rgba(56,189,248,.12);\r\n    }\r\n\r\n    \/* IMAGE *\/\r\n\r\n    .image-wrapper{\r\n      position:relative;\r\n      height:320px;\r\n      overflow:hidden;\r\n    }\r\n\r\n    .image-wrapper img{\r\n      width:100%;\r\n      height:100%;\r\n      object-fit:cover;\r\n\r\n      transition:.5s ease;\r\n    }\r\n\r\n    .student-card:hover img{\r\n      transform:scale(1.08);\r\n    }\r\n\r\n    \/* FLAG *\/\r\n\r\n    .flag{\r\n      position:absolute;\r\n\r\n      top:20px;\r\n      left:20px;\r\n\r\n      padding:10px 18px;\r\n\r\n      border-radius:999px;\r\n\r\n      background:rgba(0,0,0,.55);\r\n\r\n      backdrop-filter:blur(10px);\r\n\r\n      border:1px solid rgba(255,255,255,.08);\r\n\r\n      font-size:.9rem;\r\n      font-weight:600;\r\n    }\r\n\r\n    \/* CONTENT *\/\r\n\r\n    .content{\r\n      padding:30px;\r\n    }\r\n\r\n    .student-name{\r\n      font-size:1.6rem;\r\n      font-weight:700;\r\n      margin-bottom:10px;\r\n    }\r\n\r\n    .student-info{\r\n      color:#38bdf8;\r\n      font-size:.95rem;\r\n      font-weight:600;\r\n\r\n      margin-bottom:22px;\r\n    }\r\n\r\n    .quote{\r\n      color:#cbd5e1;\r\n      line-height:1.9;\r\n      font-size:.95rem;\r\n\r\n      margin-bottom:28px;\r\n\r\n      position:relative;\r\n\r\n      padding-left:20px;\r\n    }\r\n\r\n    .quote::before{\r\n      content:'\u201c';\r\n\r\n      position:absolute;\r\n      left:0;\r\n      top:-8px;\r\n\r\n      font-size:2rem;\r\n\r\n      color:#38bdf8;\r\n    }\r\n\r\n    \/* BADGES *\/\r\n\r\n    .badges{\r\n      display:flex;\r\n      gap:12px;\r\n      flex-wrap:wrap;\r\n    }\r\n\r\n    .badge{\r\n      padding:10px 16px;\r\n\r\n      border-radius:999px;\r\n\r\n      background:rgba(255,255,255,.06);\r\n\r\n      border:1px solid rgba(255,255,255,.08);\r\n\r\n      color:#cbd5e1;\r\n\r\n      font-size:.82rem;\r\n    }\r\n\r\n    \/* CULTURE SECTION *\/\r\n\r\n    .culture-box{\r\n      position:relative;\r\n      z-index:2;\r\n\r\n      margin-top:100px;\r\n\r\n      background:rgba(255,255,255,.05);\r\n\r\n      border:1px solid rgba(255,255,255,.08);\r\n\r\n      border-radius:34px;\r\n\r\n      padding:50px;\r\n\r\n      backdrop-filter:blur(18px);\r\n\r\n      text-align:center;\r\n    }\r\n\r\n    .culture-box h2{\r\n      font-size:2.3rem;\r\n      margin-bottom:20px;\r\n    }\r\n\r\n    .culture-box p{\r\n      max-width:900px;\r\n      margin:auto;\r\n\r\n      color:#94a3b8;\r\n\r\n      line-height:1.9;\r\n    }\r\n\r\n    \/* RESPONSIVE *\/\r\n\r\n    @media(max-width:900px){\r\n\r\n      .hero h1{\r\n        font-size:3rem;\r\n      }\r\n\r\n    }\r\n\r\n    @media(max-width:600px){\r\n\r\n      .international-section{\r\n        padding:80px 20px;\r\n      }\r\n\r\n      .hero h1{\r\n        font-size:2.2rem;\r\n      }\r\n\r\n      .content{\r\n        padding:24px;\r\n      }\r\n\r\n      .culture-box{\r\n        padding:35px 25px;\r\n      }\r\n\r\n    }\r\n\r\n  <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n  <section class=\"international-section\">\r\n\r\n    <!-- FILTER -->\r\n\r\n    <div class=\"country-filter\">\r\n\r\n      <button class=\"country-btn active\" data-country=\"all\">\r\n        \ud83c\udf0d Semua Negara\r\n      <\/button>\r\n\r\n      <button class=\"country-btn\" data-country=\"thailand\">\r\n        \ud83c\uddf9\ud83c\udded Thailand\r\n      <\/button>\r\n\r\n      <button class=\"country-btn\" data-country=\"kamboja\">\r\n        \ud83c\uddf0\ud83c\udded Kamboja\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n    <!-- GRID -->\r\n\r\n    <div class=\"student-grid\">\r\n\r\n      <!-- CARD -->\r\n\r\n      <div class=\"student-card\" data-country=\"thailand\">\r\n\r\n        <div class=\"image-wrapper\">\r\n\r\n          <!-- GANTI FOTO -->\r\n          <img decoding=\"async\" src=\"https:\/\/img.lightshot.app\/J62ual9NRCqRCfVHJiLSwA.png\" alt=\"\">\r\n\r\n          <div class=\"flag\">\r\n            \ud83c\uddf9\ud83c\udded Thailand\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"content\">\r\n\r\n          <div class=\"student-name\">\r\n            Ruslee Dokhem\r\n          <\/div>\r\n\r\n          <div class=\"student-info\">\r\n            Pendidikan Agama Islam \u2022 Semester 2\r\n          <\/div>\r\n\r\n          <div class=\"quote\">\r\n            The welc ming and family-like atm\u00f8sphere made my academic j\u00f6urney enj\u00f6yable. Faculty members and peers are incredibly supportive.\r\n          <\/div>\r\n\r\n          <div class=\"badges\">\r\n\r\n            <div class=\"badge\">\r\n              International Student\r\n            <\/div>\r\n\r\n            <div class=\"badge\">\r\n              Active Student\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- CARD -->\r\n\r\n      <div class=\"student-card\" data-country=\"kamboja\">\r\n\r\n        <div class=\"image-wrapper\">\r\n\r\n          <!-- GANTI FOTO -->\r\n          <img decoding=\"async\" src=\"https:\/\/img.lightshot.app\/20rgF1N8QI-fHjEBHZE5tA.png\" alt=\"\">\r\n\r\n          <div class=\"flag\">\r\n            \ud83c\uddf0\ud83c\udded Kamboja\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"content\">\r\n\r\n          <div class=\"student-name\">\r\n            Tin Rahimah\r\n          <\/div>\r\n\r\n          <div class=\"student-info\">\r\n            Pendidikan Agama Islam \u2022 Semester 6\r\n          <\/div>\r\n\r\n          <div class=\"quote\">\r\n            Saya merasa senang dan bersyukur bisa menjadi mahasiswa di Program Studi Pendidikan Agama Islam UIN Malang selama belajar di sini, saya mendapatkan banyak ilmu dan pengalaman baru. Dosen\u00b2 sangat baik dan membantu mahasiswa termasuk mahasiswa internasional seperti saya\r\n\r\nSemoga Program Studi Pendidikan Agama Islam UIN Malang semakin maju dan terus memberikan manfaat bagi banyak mahasiswa di masa depan\r\n          <\/div>\r\n\r\n          <div class=\"badges\">\r\n\r\n            <div class=\"badge\">\r\n              Cultural Exchange\r\n            <\/div>\r\n\r\n            <div class=\"badge\">\r\n              Global Community\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <!-- CARD -->\r\n\r\n      <div class=\"student-card\" data-country=\"thailand\">\r\n\r\n        <div class=\"image-wrapper\">\r\n\r\n          <!-- GANTI FOTO -->\r\n          <img decoding=\"async\" src=\"https:\/\/img.lightshot.app\/bdPJocxgSKyad8ckfy23nQ.png\" alt=\"\">\r\n\r\n          <div class=\"flag\">\r\n            \ud83c\uddf9\ud83c\udded Thailand\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"content\">\r\n\r\n          <div class=\"student-name\">\r\n            Anas Ngoencharoen\r\n          <\/div>\r\n\r\n          <div class=\"student-info\">\r\n            Pendidikan Agama Islam \u2022 Semester 6\r\n          <\/div>\r\n\r\n          <div class=\"quote\">\r\n            Saya merasa diterima sebagai bagian dari keluarga besar kampus dengan suasana multikultural yang hangat.\r\n          <\/div>\r\n\r\n          <div class=\"badges\">\r\n\r\n            <div class=\"badge\">\r\n              Student Exchange\r\n            <\/div>\r\n\r\n            <div class=\"badge\">\r\n              Academic Excellence\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- CULTURE -->\r\n\r\n    <div class=\"culture-box\">\r\n\r\n      <h2>\r\n        Multicultural Academic Community\r\n      <\/h2>\r\n\r\n      <p>\r\n        Kehadiran mahasiswa internasional dari Thailand dan Kamboja menjadi bagian \r\n        penting dalam membangun atmosfer akademik global yang mendorong pertukaran budaya, \r\n        penguatan toleransi, serta kolaborasi lintas negara di lingkungan Program Studi \r\n        Pendidikan Agama Islam.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n  <script>\r\n\r\n    const buttons = document.querySelectorAll('.country-btn');\r\n    const cards = document.querySelectorAll('.student-card');\r\n\r\n    buttons.forEach(button => {\r\n\r\n      button.addEventListener('click', () => {\r\n\r\n        buttons.forEach(btn => btn.classList.remove('active'));\r\n\r\n        button.classList.add('active');\r\n\r\n        const country = button.dataset.country;\r\n\r\n        cards.forEach(card => {\r\n\r\n          if(country === 'all'){\r\n            card.style.display = 'block';\r\n          } else {\r\n\r\n            if(card.dataset.country === country){\r\n              card.style.display = 'block';\r\n            } else {\r\n              card.style.display = 'none';\r\n            }\r\n\r\n          }\r\n\r\n        });\r\n\r\n      });\r\n\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mahasiswa Internasional \ud83c\udf0d Semua Negara \ud83c\uddf9\ud83c\udded Thailand \ud83c\uddf0\ud83c\udded Kamboja \ud83c\uddf9\ud83c\udded Thailand Ruslee Dokhem Pendidikan Agama Islam \u2022 Semester 2 The welc ming and family-like atm\u00f8sphere made my academic j\u00f6urney enj\u00f6yable. Faculty members and peers are incredibly supportive. International Student Active Student \ud83c\uddf0\ud83c\udded Kamboja Tin Rahimah Pendidikan Agama Islam \u2022 Semester 6 Saya merasa senang dan [&hellip;]<\/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-3381","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3381","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=3381"}],"version-history":[{"count":22,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3381\/revisions"}],"predecessor-version":[{"id":5553,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3381\/revisions\/5553"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}