{"id":8389,"date":"2024-05-10T08:31:32","date_gmt":"2024-05-10T08:31:32","guid":{"rendered":"https:\/\/v21.icym.edu.my\/?page_id=8389"},"modified":"2026-06-11T03:03:54","modified_gmt":"2026-06-11T03:03:54","slug":"bayanil-huda","status":"publish","type":"page","link":"https:\/\/icym.edu.my\/en\/bayanil-huda\/","title":{"rendered":"BAYANIL HUDA"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"8389\" class=\"elementor elementor-8389\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f3b6bd e-flex e-con-boxed e-con e-parent\" data-id=\"7f3b6bd\" data-element_type=\"container\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4eb7d4e4 elementor-widget elementor-widget-text-editor\" data-id=\"4eb7d4e4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.20.0 - 13-03-2024 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lora:wght@500;600&#038;family=Inter:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@latest\/tabler-icons.min.css\">\n\n<style>\n.kaym-bh-wrap *, .kaym-bh-wrap *::before, .kaym-bh-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n.kaym-bh-wrap {\n  font-family: 'Inter', sans-serif;\n  color: #1a1a1a;\n  max-width: 1100px;\n  margin: 0 auto;\n  padding: 2rem 0;\n}\n\n\/* --- Eyebrow --- *\/\n.kaym-bh-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n  color: #6b7280;\n  margin-bottom: 1rem;\n}\n.kaym-bh-eyebrow::before {\n  content: '';\n  width: 24px;\n  height: 1.5px;\n  background: #6b7280;\n}\n\n\/* --- Accent bar --- *\/\n.kaym-bh-accent-bar {\n  width: 40px;\n  height: 3px;\n  background: #1A5FAA;\n  border-radius: 2px;\n  margin-bottom: 1.25rem;\n}\n\n\/* --- Hero --- *\/\n.kaym-bh-hero {\n  background: #ffffff;\n  border: 1px solid #e5e9f0;\n  border-radius: 16px;\n  padding: 2.5rem;\n  margin-bottom: 1.25rem;\n  position: relative;\n  overflow: hidden;\n}\n.kaym-bh-hero::after {\n  content: '';\n  position: absolute;\n  right: -40px;\n  top: -40px;\n  width: 200px;\n  height: 200px;\n  border-radius: 50%;\n  border: 1px solid #e5e9f0;\n}\n.kaym-bh-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 7px;\n  background: #EEF4FB;\n  border: 1px solid #c7ddf5;\n  border-radius: 999px;\n  padding: .4rem 1rem;\n  font-size: 12px;\n  font-weight: 600;\n  color: #1A5FAA;\n  margin-bottom: 1.25rem;\n}\n.kaym-bh-badge i { font-size: 14px; }\n.kaym-bh-hero h1 {\n  font-family: 'Lora', serif !important;\n  font-size: 32px !important;\n  font-weight: 600 !important;\n  line-height: 1.2 !important;\n  margin-bottom: 1rem !important;\n  color: #111827 !important;\n}\n.kaym-bh-hero p {\n  font-size: 15px;\n  line-height: 1.8;\n  color: #6b7280;\n  max-width: 720px;\n  margin-bottom: .75rem;\n}\n.kaym-bh-hero p:last-child { margin-bottom: 0; }\n\n\/* --- Quote note --- *\/\n.kaym-bh-note {\n  background: #f5f7fa;\n  border: 1px solid #e5e9f0;\n  border-left: 4px solid #1A5FAA;\n  border-radius: 0 12px 12px 0;\n  padding: 1rem 1.5rem;\n  margin-top: .75rem;\n}\n.kaym-bh-note p {\n  font-size: 14px !important;\n  line-height: 1.75 !important;\n  color: #374151 !important;\n  margin: 0 !important;\n  max-width: none !important;\n}\n\n\/* --- Grid --- *\/\n.kaym-bh-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n}\n\n\/* --- Cards --- *\/\n.kaym-bh-card {\n  background: #ffffff;\n  border: 1px solid #e5e9f0;\n  border-radius: 16px;\n  padding: 2rem;\n  position: relative;\n  overflow: hidden;\n}\n.kaym-bh-card.full {\n  grid-column: 1 \/ -1;\n}\n.kaym-bh-card::after {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 3px;\n  background: #1A5FAA;\n}\n.kaym-bh-card h2 {\n  font-family: 'Lora', serif !important;\n  font-size: 19px !important;\n  font-weight: 600 !important;\n  margin-bottom: .75rem !important;\n  color: #111827 !important;\n}\n.kaym-bh-card p {\n  font-size: 14.5px;\n  line-height: 1.8;\n  color: #6b7280;\n  margin-bottom: .75rem;\n}\n.kaym-bh-card p:last-child { margin-bottom: 0; }\n\n\/* --- Divider --- *\/\n.kaym-bh-divider {\n  height: 1px;\n  background: #e5e9f0;\n  margin: .75rem 0 1rem;\n}\n\n\/* --- Tiga teras ilmu --- *\/\n.kaym-bh-pillars {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n  margin-top: .5rem;\n}\n.kaym-bh-pillar {\n  background: #f5f7fa;\n  border: 1px solid #e5e9f0;\n  border-radius: 12px;\n  padding: 1.25rem;\n  text-align: center;\n}\n.kaym-bh-pillar i {\n  color: #1A5FAA;\n  font-size: 26px;\n  display: block;\n  margin-bottom: .6rem;\n}\n.kaym-bh-pillar strong {\n  display: block;\n  font-size: 13.5px;\n  font-weight: 600;\n  color: #111827;\n  margin-bottom: 4px;\n}\n.kaym-bh-pillar span {\n  font-size: 12.5px;\n  color: #6b7280;\n  line-height: 1.5;\n}\n\n\/* --- Outcome pillars --- *\/\n.kaym-bh-outcomes {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n  margin-top: .5rem;\n}\n.kaym-bh-outcome {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  background: #f5f7fa;\n  border: 1px solid #e5e9f0;\n  border-radius: 12px;\n  padding: 1.1rem 1.25rem;\n}\n.kaym-bh-outcome i {\n  color: #1A5FAA;\n  font-size: 22px;\n  flex-shrink: 0;\n  margin-top: 1px;\n}\n.kaym-bh-outcome strong {\n  display: block;\n  font-size: 13.5px;\n  font-weight: 600;\n  color: #111827;\n  margin-bottom: 3px;\n}\n.kaym-bh-outcome span {\n  font-size: 13px;\n  color: #6b7280;\n  line-height: 1.5;\n}\n\n\/* --- Responsive --- *\/\n@media (max-width: 700px) {\n  .kaym-bh-grid,\n  .kaym-bh-pillars,\n  .kaym-bh-outcomes {\n    grid-template-columns: 1fr;\n  }\n  .kaym-bh-card.full { grid-column: auto; }\n  .kaym-bh-hero h1 { font-size: 24px !important; }\n  .kaym-bh-hero { padding: 1.75rem; }\n}\n<\/style>\n\n<div class=\"kaym-bh-wrap\">\n\n  <!-- Hero -->\n  <div class=\"kaym-bh-hero\">\n    <div class=\"kaym-bh-eyebrow\">International College of Yayasan Melaka<\/div>\n    <div class=\"kaym-bh-badge\">\n      <i class=\"ti ti-moon-stars\"><\/i> Program Keagamaan\n    <\/div>\n    <div class=\"kaym-bh-accent-bar\"><\/div>\n    <h1>Program Bayanil Huda<\/h1>\n    <p>Program Bayanil Huda bertujuan mengukuhkan ilmu agama seperti pemantapan akidah, kefahaman fekah serta kefahaman ilmu tasawuf di kalangan para pelajar ICYM. Program ini sebagai medium untuk pelajar mengetahui dengan lebih jelas mengenai pelaksanaan syariat Islam yang bersifat aplikasi di samping untuk membuka ruang pengisian rohani.<\/p>\n    <div class=\"kaym-bh-note\">\n      <p>Melalui program ini, diharapkan akan dapat melahirkan mahasiswa dan mahasiswi yang berketerampilan dari sudut ilmu agama mahupun ilmu akademik yang menjadi benteng dalam menjalani kehidupan dunia global pada hari ini yang sangat mencabar.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- Grid -->\n  <div class=\"kaym-bh-grid\">\n\n    <!-- Tiga Teras Ilmu -->\n    <div class=\"kaym-bh-card full\">\n      <div class=\"kaym-bh-eyebrow\">Fokus Program<\/div>\n      <h2>Tiga Teras Ilmu Agama<\/h2>\n      <p>Program ini merangkumi tiga disiplin ilmu Islam yang saling melengkapi bagi membentuk keperibadian pelajar yang seimbang dan berakhlak mulia.<\/p>\n      <div class=\"kaym-bh-divider\"><\/div>\n      <div class=\"kaym-bh-pillars\">\n        <div class=\"kaym-bh-pillar\">\n          <i class=\"ti ti-heart\"><\/i>\n          <strong>Pemantapan Akidah<\/strong>\n          <span>Mengukuhkan keimanan dan kepercayaan yang benar sebagai asas kehidupan Muslim<\/span>\n        <\/div>\n        <div class=\"kaym-bh-pillar\">\n          <i class=\"ti ti-book\"><\/i>\n          <strong>Kefahaman Fekah<\/strong>\n          <span>Memahami dan mengaplikasikan hukum syariat Islam dalam kehidupan seharian<\/span>\n        <\/div>\n        <div class=\"kaym-bh-pillar\">\n          <i class=\"ti ti-sparkles\"><\/i>\n          <strong>Ilmu Tasawuf<\/strong>\n          <span>Membersihkan jiwa dan rohani bagi mencapai keikhlasan dalam beribadah<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Tujuan Program -->\n    <div class=\"kaym-bh-card\">\n      <div class=\"kaym-bh-eyebrow\">Peranan<\/div>\n      <h2>Tujuan Program<\/h2>\n      <div class=\"kaym-bh-divider\"><\/div>\n      <div class=\"kaym-bh-outcomes\" style=\"grid-template-columns:1fr\">\n        <div class=\"kaym-bh-outcome\">\n          <i class=\"ti ti-shield-check\"><\/i>\n          <div>\n            <strong>Pelaksanaan Syariat Islam<\/strong>\n            <span>Mendedahkan pelajar kepada pelaksanaan syariat Islam yang bersifat aplikasi dalam kehidupan<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"kaym-bh-outcome\">\n          <i class=\"ti ti-mood-heart\"><\/i>\n          <div>\n            <strong>Pengisian Rohani<\/strong>\n            <span>Membuka ruang untuk pengisian rohani bagi keseimbangan jiwa dan minda pelajar<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Matlamat Graduan -->\n    <div class=\"kaym-bh-card\">\n      <div class=\"kaym-bh-eyebrow\">Hasrat<\/div>\n      <h2>Graduan Berketerampilan<\/h2>\n      <div class=\"kaym-bh-divider\"><\/div>\n      <div class=\"kaym-bh-outcomes\" style=\"grid-template-columns:1fr\">\n        <div class=\"kaym-bh-outcome\">\n          <i class=\"ti ti-school\"><\/i>\n          <div>\n            <strong>Ilmu Agama &amp; Akademik<\/strong>\n            <span>Pelajar berketerampilan dalam kedua-dua bidang agama dan akademik secara seimbang<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"kaym-bh-outcome\">\n          <i class=\"ti ti-world\"><\/i>\n          <div>\n            <strong>Benteng Dunia Global<\/strong>\n            <span>Bersedia menghadapi cabaran kehidupan dunia global yang semakin kompleks<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\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>","protected":false},"excerpt":{"rendered":"<p>Kolej Antarabangsa Yayasan Melaka Program Keagamaan Program Bayanil Huda Program Bayanil Huda bertujuan mengukuhkan ilmu agama seperti pemantapan akidah, kefahaman fekah serta kefahaman ilmu tasawuf di kalangan para pelajar ICYM. Program ini sebagai medium untuk pelajar mengetahui dengan lebih jelas mengenai pelaksanaan&#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-canvaspage.php","meta":{"_acf_changed":false,"_eb_attr":"","ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-8389","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/icym.edu.my\/en\/wp-json\/wp\/v2\/pages\/8389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/icym.edu.my\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/icym.edu.my\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/icym.edu.my\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/icym.edu.my\/en\/wp-json\/wp\/v2\/comments?post=8389"}],"version-history":[{"count":12,"href":"https:\/\/icym.edu.my\/en\/wp-json\/wp\/v2\/pages\/8389\/revisions"}],"predecessor-version":[{"id":41492,"href":"https:\/\/icym.edu.my\/en\/wp-json\/wp\/v2\/pages\/8389\/revisions\/41492"}],"wp:attachment":[{"href":"https:\/\/icym.edu.my\/en\/wp-json\/wp\/v2\/media?parent=8389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}