{"id":3251,"date":"2025-08-15T08:02:06","date_gmt":"2025-08-15T08:02:06","guid":{"rendered":"https:\/\/staging.pai.uin-malang.ac.id\/?page_id=3251"},"modified":"2026-05-25T05:40:32","modified_gmt":"2026-05-25T05:40:32","slug":"microteaching","status":"publish","type":"page","link":"https:\/\/pai.uin-malang.ac.id\/?page_id=3251","title":{"rendered":"Microteaching"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3251\" class=\"elementor elementor-3251\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55f862aa e-flex e-con-boxed e-con e-parent\" data-id=\"55f862aa\" 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-20da035a elementor-widget elementor-widget-text-editor\" data-id=\"20da035a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<p class=\"wp-block-paragraph\">\u00a0<\/p>\n\n<p>\u00a0<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41197c4 e-flex e-con-boxed e-con e-parent\" data-id=\"41197c4\" 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-15cd25f elementor-widget elementor-widget-video\" data-id=\"15cd25f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/mAqlaT6nNqw&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd51017 e-flex e-con-boxed e-con e-parent\" data-id=\"bd51017\" 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-55c9dbf elementor-widget elementor-widget-video\" data-id=\"55c9dbf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/AI6eit5VfS8&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a910e4 e-flex e-con-boxed e-con e-parent\" data-id=\"5a910e4\" 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-3251f28 elementor-widget elementor-widget-video\" data-id=\"3251f28\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/roNOJxByFHs?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d0a5c1d e-flex e-con-boxed e-con e-parent\" data-id=\"d0a5c1d\" 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-5199411 elementor-widget elementor-widget-video\" data-id=\"5199411\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/-GpI_aZBdWc?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e95c23a e-flex e-con-boxed e-con e-parent\" data-id=\"e95c23a\" 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-4d30b19 elementor-widget elementor-widget-video\" data-id=\"4d30b19\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/Q00ixAsHNAw?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38060a5 e-flex e-con-boxed e-con e-parent\" data-id=\"38060a5\" 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-65826a0 elementor-widget elementor-widget-video\" data-id=\"65826a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/OI3uKjq2uxw?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e4686be e-flex e-con-boxed e-con e-parent\" data-id=\"e4686be\" 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-38241f5 elementor-widget elementor-widget-video\" data-id=\"38241f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/8eS8jbeTmOg?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c31ad5 e-flex e-con-boxed e-con e-parent\" data-id=\"5c31ad5\" 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-ce0b2eb elementor-widget elementor-widget-video\" data-id=\"ce0b2eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/6F6W6AAn_qY?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6fc10e1 e-flex e-con-boxed e-con e-parent\" data-id=\"6fc10e1\" 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-b5235ee elementor-widget elementor-widget-video\" data-id=\"b5235ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/BtP33-JrHPE?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b673f1c e-flex e-con-boxed e-con e-parent\" data-id=\"b673f1c\" 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-9d0e5b9 elementor-widget elementor-widget-video\" data-id=\"9d0e5b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/bpZjw6FuSak?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5626ebc e-flex e-con-boxed e-con e-parent\" data-id=\"5626ebc\" 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-8f188a2 elementor-widget elementor-widget-video\" data-id=\"8f188a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/dgej2rcAj2g?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e1495a8 e-flex e-con-boxed e-con e-parent\" data-id=\"e1495a8\" 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-15bb2d8 elementor-widget elementor-widget-video\" data-id=\"15bb2d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/bBsWkONxEa4?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-211d18a e-flex e-con-boxed e-con e-parent\" data-id=\"211d18a\" 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-939088e elementor-widget elementor-widget-video\" data-id=\"939088e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/AI6eit5VfS8?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b5f0a9 e-flex e-con-boxed e-con e-parent\" data-id=\"9b5f0a9\" 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-b390c42 elementor-widget elementor-widget-video\" data-id=\"b390c42\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/_91bkGRskm4?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f2110bc e-flex e-con-boxed e-con e-parent\" data-id=\"f2110bc\" 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-e9d49d0 elementor-widget elementor-widget-video\" data-id=\"e9d49d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/youtu.be\\\/7UBFTS8Gnl4?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-80a56f1 e-flex e-con-boxed e-con e-parent\" data-id=\"80a56f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f68894 e-flex e-con-boxed e-con e-parent\" data-id=\"5f68894\" 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-e88c987 elementor-widget elementor-widget-html\" data-id=\"e88c987\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================\r\nMICROTEACHING PAI UIN MALANG\r\nHTML + CSS + JS\r\nPASTE KE HTML WIDGET ELEMENTOR\r\n========================= -->\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  margin:0;\r\n  padding:0;\r\n  box-sizing:border-box;\r\n}\r\n\r\nbody{\r\n  font-family:'Poppins',sans-serif;\r\n}\r\n\r\n.micro-wrapper{\r\n  width:100%;\r\n  padding:70px 5%;\r\n  background:#f7faf9;\r\n}\r\n\r\n\/* HEADER *\/\r\n.micro-header{\r\n  text-align:center;\r\n  margin-bottom:50px;\r\n}\r\n\r\n.micro-header h1{\r\n  font-size:42px;\r\n  color:#0F3D2E;\r\n  margin-bottom:15px;\r\n  font-weight:700;\r\n}\r\n\r\n.micro-header p{\r\n  color:#5f6d67;\r\n  max-width:700px;\r\n  margin:auto;\r\n  line-height:1.8;\r\n  font-size:16px;\r\n}\r\n\r\n.micro-line{\r\n  width:90px;\r\n  height:5px;\r\n  background:#1F7A5C;\r\n  margin:22px auto 0;\r\n  border-radius:20px;\r\n}\r\n\r\n\/* SEARCH *\/\r\n.micro-search{\r\n  max-width:600px;\r\n  margin:0 auto 45px;\r\n  position:relative;\r\n}\r\n\r\n.micro-search input{\r\n  width:100%;\r\n  padding:18px 25px;\r\n  border:none;\r\n  border-radius:18px;\r\n  background:#fff;\r\n  box-shadow:0 8px 25px rgba(0,0,0,0.06);\r\n  font-size:15px;\r\n  outline:none;\r\n}\r\n\r\n\/* VIDEO GRID *\/\r\n.video-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));\r\n  gap:30px;\r\n}\r\n\r\n.video-card{\r\n  background:#fff;\r\n  border-radius:24px;\r\n  overflow:hidden;\r\n  box-shadow:0 10px 30px rgba(0,0,0,0.07);\r\n  transition:0.35s ease;\r\n  cursor:pointer;\r\n  position:relative;\r\n}\r\n\r\n.video-card:hover{\r\n  transform:translateY(-8px);\r\n  box-shadow:0 18px 40px rgba(31,122,92,0.18);\r\n}\r\n\r\n.video-thumb{\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.video-thumb img{\r\n  width:100%;\r\n  display:block;\r\n  transition:0.4s ease;\r\n}\r\n\r\n.video-card:hover .video-thumb img{\r\n  transform:scale(1.07);\r\n}\r\n\r\n.play-btn{\r\n  position:absolute;\r\n  top:50%;\r\n  left:50%;\r\n  transform:translate(-50%,-50%);\r\n  width:72px;\r\n  height:72px;\r\n  background:rgba(255,255,255,0.2);\r\n  backdrop-filter:blur(8px);\r\n  border-radius:50%;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n}\r\n\r\n.play-btn::before{\r\n  content:'\u25b6';\r\n  color:#fff;\r\n  font-size:28px;\r\n  margin-left:4px;\r\n}\r\n\r\n.video-content{\r\n  padding:24px;\r\n}\r\n\r\n.badge{\r\n  display:inline-block;\r\n  background:#e8f5ef;\r\n  color:#1F7A5C;\r\n  padding:7px 14px;\r\n  border-radius:999px;\r\n  font-size:12px;\r\n  font-weight:600;\r\n  margin-bottom:16px;\r\n}\r\n\r\n.video-content h3{\r\n  font-size:20px;\r\n  color:#1b1b1b;\r\n  margin-bottom:12px;\r\n  line-height:1.5;\r\n}\r\n\r\n.video-meta{\r\n  color:#7d7d7d;\r\n  font-size:14px;\r\n  line-height:1.8;\r\n}\r\n\r\n\/* STATS *\/\r\n.stats{\r\n  margin-top:70px;\r\n  display:grid;\r\n  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));\r\n  gap:20px;\r\n}\r\n\r\n.stat-box{\r\n  background:#0F3D2E;\r\n  color:#fff;\r\n  padding:35px 20px;\r\n  border-radius:22px;\r\n  text-align:center;\r\n}\r\n\r\n.stat-box h2{\r\n  font-size:38px;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.stat-box p{\r\n  opacity:0.8;\r\n}\r\n\r\n\/* MODAL *\/\r\n.video-modal{\r\n  position:fixed;\r\n  inset:0;\r\n  background:rgba(0,0,0,0.82);\r\n  display:none;\r\n  align-items:center;\r\n  justify-content:center;\r\n  z-index:99999;\r\n  padding:20px;\r\n}\r\n\r\n.video-modal.active{\r\n  display:flex;\r\n}\r\n\r\n.modal-content{\r\n  width:100%;\r\n  max-width:950px;\r\n  position:relative;\r\n}\r\n\r\n.modal-content iframe{\r\n  width:100%;\r\n  height:520px;\r\n  border:none;\r\n  border-radius:20px;\r\n}\r\n\r\n.close-modal{\r\n  position:absolute;\r\n  top:-50px;\r\n  right:0;\r\n  color:#fff;\r\n  font-size:40px;\r\n  cursor:pointer;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:768px){\r\n\r\n  .micro-header h1{\r\n    font-size:30px;\r\n  }\r\n\r\n  .modal-content iframe{\r\n    height:250px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<div class=\"micro-wrapper\">\r\n\r\n  <!-- HEADER -->\r\n  <div class=\"micro-header\">\r\n    <h1>\ud83c\udfa5 Microteaching PAI UIN Malang<\/h1>\r\n    <p>\r\n      Dokumentasi praktik mengajar mahasiswa Pendidikan Agama Islam \r\n      UIN Maulana Malik Ibrahim Malang dalam pengembangan strategi \r\n      dan media pembelajaran modern.\r\n    <\/p>\r\n    <div class=\"micro-line\"><\/div>\r\n  <\/div>\r\n\r\n  <!-- SEARCH -->\r\n  <div class=\"micro-search\">\r\n    <input type=\"text\" id=\"searchInput\" placeholder=\"Cari video microteaching...\">\r\n  <\/div>\r\n\r\n  <!-- VIDEO GRID -->\r\n  <div class=\"video-grid\" id=\"videoGrid\">\r\n\r\n    <!-- CARD 1 -->\r\n    <div class=\"video-card\" data-title=\"Cara Membuka Pelajaran\">\r\n      <div class=\"video-thumb\">\r\n        <img decoding=\"async\" src=\"https:\/\/img.lightshot.app\/pGRTasgZS8mYwW09mnMnHQ.png\">\r\n        <div class=\"play-btn\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"video-content\">\r\n        <span class=\"badge\">Praktik Mengajar<\/span>\r\n\r\n        <h3>Cara Membuka Pelajaran<\/h3>\r\n\r\n        <div class=\"video-meta\">\r\n          \ud83d\udc64 AMKA Channel<br>\r\n          \ud83d\udcda Microteaching Semester 4\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"https:\/\/youtu.be\/mAqlaT6nNqw?si=hEBvQW4lm4f2b4HU\" data-video=\"VIDEO_ID_1\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- CARD 2 -->\r\n    <div class=\"video-card\" data-title=\"Strategi Pembelajaran Aktif\">\r\n      <div class=\"video-thumb\">\r\n        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/VIDEO_ID_2\/maxresdefault.jpg\">\r\n        <div class=\"play-btn\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"video-content\">\r\n        <span class=\"badge\">Strategi<\/span>\r\n\r\n        <h3>Strategi Pembelajaran Aktif<\/h3>\r\n\r\n        <div class=\"video-meta\">\r\n          \ud83d\udc64 PAI UIN Malang<br>\r\n          \ud83d\udcda Teaching Practice\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"youtube-link\" data-video=\"VIDEO_ID_2\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- CARD 3 -->\r\n    <div class=\"video-card\" data-title=\"Ice Breaking di Kelas\">\r\n      <div class=\"video-thumb\">\r\n        <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/VIDEO_ID_3\/maxresdefault.jpg\">\r\n        <div class=\"play-btn\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"video-content\">\r\n        <span class=\"badge\">Ice Breaking<\/span>\r\n\r\n        <h3>Ice Breaking di Kelas<\/h3>\r\n\r\n        <div class=\"video-meta\">\r\n          \ud83d\udc64 Mahasiswa PAI<br>\r\n          \ud83d\udcda Media Pembelajaran\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"youtube-link\" data-video=\"VIDEO_ID_3\"><\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- STATS -->\r\n  <div class=\"stats\">\r\n\r\n    <div class=\"stat-box\">\r\n      <h2>120+<\/h2>\r\n      <p>Video Pembelajaran<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stat-box\">\r\n      <h2>35+<\/h2>\r\n      <p>Dosen Pembimbing<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"stat-box\">\r\n      <h2>500+<\/h2>\r\n      <p>Mahasiswa Aktif<\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- MODAL -->\r\n<div class=\"video-modal\" id=\"videoModal\">\r\n\r\n  <div class=\"modal-content\">\r\n\r\n    <span class=\"close-modal\" id=\"closeModal\">\u00d7<\/span>\r\n\r\n    <iframe \r\n      id=\"youtubeFrame\"\r\n      src=\"\"\r\n      allowfullscreen>\r\n    <\/iframe>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\n\/* OPEN VIDEO MODAL *\/\r\nconst cards = document.querySelectorAll('.video-card');\r\nconst modal = document.getElementById('videoModal');\r\nconst frame = document.getElementById('youtubeFrame');\r\nconst closeBtn = document.getElementById('closeModal');\r\n\r\ncards.forEach(card => {\r\n\r\n  card.addEventListener('click', () => {\r\n\r\n    const videoID = card.querySelector('.youtube-link').dataset.video;\r\n\r\n    frame.src = `https:\/\/www.youtube.com\/embed\/${videoID}?autoplay=1`;\r\n\r\n    modal.classList.add('active');\r\n\r\n  });\r\n\r\n});\r\n\r\n\/* CLOSE MODAL *\/\r\ncloseBtn.addEventListener('click', () => {\r\n\r\n  modal.classList.remove('active');\r\n  frame.src = '';\r\n\r\n});\r\n\r\nmodal.addEventListener('click', (e) => {\r\n\r\n  if(e.target === modal){\r\n\r\n    modal.classList.remove('active');\r\n    frame.src = '';\r\n\r\n  }\r\n\r\n});\r\n\r\n\/* SEARCH *\/\r\nconst searchInput = document.getElementById('searchInput');\r\nconst videoCards = document.querySelectorAll('.video-card');\r\n\r\nsearchInput.addEventListener('keyup', () => {\r\n\r\n  const value = searchInput.value.toLowerCase();\r\n\r\n  videoCards.forEach(card => {\r\n\r\n    const title = card.dataset.title.toLowerCase();\r\n\r\n    if(title.includes(value)){\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<\/script>\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>\u00a0 \u00a0 https:\/\/youtu.be\/mAqlaT6nNqwhttps:\/\/youtu.be\/AI6eit5VfS8https:\/\/youtu.be\/roNOJxByFHs?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5https:\/\/youtu.be\/-GpI_aZBdWc?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5https:\/\/youtu.be\/Q00ixAsHNAw?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5https:\/\/youtu.be\/OI3uKjq2uxw?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5https:\/\/youtu.be\/8eS8jbeTmOg?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5https:\/\/youtu.be\/6F6W6AAn_qY?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5https:\/\/youtu.be\/BtP33-JrHPE?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5https:\/\/youtu.be\/bpZjw6FuSak?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5https:\/\/youtu.be\/dgej2rcAj2g?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5https:\/\/youtu.be\/bBsWkONxEa4?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5https:\/\/youtu.be\/AI6eit5VfS8?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5https:\/\/youtu.be\/_91bkGRskm4?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5https:\/\/youtu.be\/7UBFTS8Gnl4?list=PLwVdmxhwjKNGLJkvTIXfUQXcFinfwzze5 \ud83c\udfa5 Microteaching PAI UIN Malang Dokumentasi praktik mengajar mahasiswa Pendidikan Agama Islam UIN Maulana Malik Ibrahim Malang dalam pengembangan strategi dan media pembelajaran modern. Praktik Mengajar Cara Membuka Pelajaran \ud83d\udc64 AMKA Channel \ud83d\udcda Microteaching Semester 4 Strategi Strategi Pembelajaran Aktif \ud83d\udc64 PAI UIN Malang \ud83d\udcda Teaching Practice Ice Breaking Ice Breaking di [&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-3251","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3251","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=3251"}],"version-history":[{"count":13,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3251\/revisions"}],"predecessor-version":[{"id":5575,"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3251\/revisions\/5575"}],"wp:attachment":[{"href":"https:\/\/pai.uin-malang.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}