{"id":536,"date":"2026-08-28T11:52:47","date_gmt":"2026-08-28T11:52:47","guid":{"rendered":"https:\/\/alfatahpwk.com\/?page_id=536"},"modified":"2026-09-10T15:03:46","modified_gmt":"2026-09-10T15:03:46","slug":"madrasah-aliyah","status":"publish","type":"page","link":"https:\/\/alfatahpwk.com\/?page_id=536","title":{"rendered":"Madrasah Aliyah"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"536\" class=\"elementor elementor-536\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a284163 e-con-full e-flex e-con e-parent\" data-id=\"a284163\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-80ff1c1 elementor-widget elementor-widget-html\" data-id=\"80ff1c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   MA AL FATAH PAGE\r\n========================================================= *\/\r\n\r\n.ma-page {\r\n    --navy: #061B4F;\r\n    --navy-2: #0A2A72;\r\n    --navy-3: #103A91;\r\n    --yellow: #F6C729;\r\n    --yellow-soft: #FFF6CF;\r\n    --white: #FFFFFF;\r\n    --soft: #F5F7FC;\r\n    --text: #16213E;\r\n    --muted: #68738B;\r\n    --border: #E5E9F1;\r\n\r\n    font-family: inherit;\r\n    color: var(--text);\r\n    overflow: hidden;\r\n}\r\n\r\n.ma-page * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.ma-inner {\r\n    width: min(1180px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.ma-hero {\r\n    position: relative;\r\n    padding: 110px 30px 120px;\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 85% 20%,\r\n            rgba(246,199,41,.20),\r\n            transparent 28%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #04133C 0%,\r\n            #061B4F 50%,\r\n            #0A2A72 100%\r\n        );\r\n}\r\n\r\n.ma-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 420px;\r\n    height: 420px;\r\n    right: -150px;\r\n    top: -160px;\r\n\r\n    border: 60px solid rgba(246,199,41,.08);\r\n    border-radius: 50%;\r\n}\r\n\r\n.ma-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 300px;\r\n    height: 300px;\r\n    left: -120px;\r\n    bottom: -170px;\r\n\r\n    border: 2px solid rgba(255,255,255,.10);\r\n    border-radius: 50%;\r\n}\r\n\r\n.ma-hero-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 850px;\r\n}\r\n\r\n.ma-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    padding: 10px 17px;\r\n\r\n    border: 1px solid rgba(255,255,255,.18);\r\n    border-radius: 50px;\r\n\r\n    background: rgba(255,255,255,.08);\r\n\r\n    color: #fff;\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 1.5px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.ma-badge-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    background: var(--yellow);\r\n    border-radius: 50%;\r\n\r\n    box-shadow:\r\n        0 0 0 5px rgba(246,199,41,.12);\r\n}\r\n\r\n.ma-hero h1 {\r\n    margin: 24px 0 20px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: clamp(42px, 6vw, 72px);\r\n    line-height: 1.06;\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.ma-hero h1 span {\r\n    color: var(--yellow);\r\n}\r\n\r\n.ma-hero p {\r\n    max-width: 730px;\r\n\r\n    margin: 0;\r\n\r\n    color: rgba(255,255,255,.76);\r\n\r\n    font-size: 17px;\r\n    line-height: 1.9;\r\n}\r\n\r\n.ma-hero-line {\r\n    width: 115px;\r\n    height: 5px;\r\n\r\n    margin-top: 36px;\r\n\r\n    background: var(--yellow);\r\n    border-radius: 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION TITLE\r\n========================================================= *\/\r\n\r\n.ma-section-label {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n\r\n    color: var(--navy-2);\r\n\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.6px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.ma-section-label::before {\r\n    content: \"\";\r\n\r\n    width: 34px;\r\n    height: 3px;\r\n\r\n    background: var(--yellow);\r\n\r\n    border-radius: 10px;\r\n}\r\n\r\n.ma-section-title {\r\n    margin: 14px 0 20px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: clamp(32px, 4vw, 48px);\r\n    line-height: 1.2;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.ma-section-title span {\r\n    color: var(--yellow);\r\n}\r\n\r\n.ma-section-desc {\r\n    color: var(--muted);\r\n\r\n    font-size: 16px;\r\n    line-height: 1.9;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SAMBUTAN\r\n========================================================= *\/\r\n\r\n.ma-sambutan {\r\n    padding: 95px 30px;\r\n\r\n    background: #fff;\r\n}\r\n\r\n.ma-sambutan-grid {\r\n    display: grid;\r\n    grid-template-columns: .9fr 1.1fr;\r\n\r\n    align-items: center;\r\n\r\n    gap: 75px;\r\n}\r\n\r\n.ma-head-image-wrap {\r\n    position: relative;\r\n\r\n    padding: 0 0 32px 32px;\r\n}\r\n\r\n.ma-head-image-wrap::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n\r\n    width: 70%;\r\n    height: 70%;\r\n\r\n    background: var(--yellow);\r\n\r\n    border-radius: 30px 5px 30px 5px;\r\n}\r\n\r\n.ma-head-image {\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 8px 45px 8px 45px;\r\n\r\n    background: var(--soft);\r\n\r\n    box-shadow:\r\n        0 25px 60px rgba(6,27,79,.18);\r\n}\r\n\r\n.ma-head-image img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 530px;\r\n\r\n    object-fit: cover;\r\n    object-position: top center;\r\n\r\n    transition: .6s ease;\r\n}\r\n\r\n.ma-head-image:hover img {\r\n    transform: scale(1.035);\r\n}\r\n\r\n.ma-head-card {\r\n    position: absolute;\r\n    z-index: 4;\r\n\r\n    right: -15px;\r\n    bottom: 62px;\r\n\r\n    max-width: 260px;\r\n\r\n    padding: 18px 23px;\r\n\r\n    background: var(--navy);\r\n\r\n    border-radius: 10px;\r\n\r\n    color: #fff;\r\n\r\n    box-shadow:\r\n        0 15px 35px rgba(6,27,79,.25);\r\n}\r\n\r\n.ma-head-card strong {\r\n    display: block;\r\n\r\n    margin-bottom: 4px;\r\n\r\n    color: var(--yellow);\r\n\r\n    font-size: 20px;\r\n}\r\n\r\n.ma-head-card span {\r\n    font-size: 13px;\r\n    color: rgba(255,255,255,.72);\r\n}\r\n\r\n.ma-sambutan-text p {\r\n    margin: 0 0 18px;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 16px;\r\n    line-height: 1.9;\r\n}\r\n\r\n.ma-quote {\r\n    margin-top: 28px;\r\n\r\n    padding: 22px 25px;\r\n\r\n    border-left: 5px solid var(--yellow);\r\n\r\n    background: var(--soft);\r\n\r\n    border-radius: 0 14px 14px 0;\r\n\r\n    color: var(--navy);\r\n\r\n    font-weight: 600;\r\n    line-height: 1.8;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VISI MISI\r\n========================================================= *\/\r\n\r\n.ma-visi-misi {\r\n    position: relative;\r\n\r\n    padding: 95px 30px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #F7F9FD 0%,\r\n            #F1F4FA 100%\r\n        );\r\n}\r\n\r\n.ma-vm-heading {\r\n    max-width: 760px;\r\n\r\n    margin: 0 auto 50px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.ma-vm-heading .ma-section-label {\r\n    justify-content: center;\r\n}\r\n\r\n.ma-vm-grid {\r\n    display: grid;\r\n    grid-template-columns: .9fr 1.1fr;\r\n\r\n    gap: 30px;\r\n}\r\n\r\n.ma-visi-card,\r\n.ma-misi-card {\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    padding: 42px;\r\n\r\n    border-radius: 24px;\r\n}\r\n\r\n.ma-visi-card {\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            var(--navy),\r\n            var(--navy-2)\r\n        );\r\n\r\n    color: #fff;\r\n}\r\n\r\n.ma-visi-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 230px;\r\n    height: 230px;\r\n\r\n    right: -80px;\r\n    bottom: -110px;\r\n\r\n    border: 38px solid rgba(255,255,255,.05);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.ma-vm-number {\r\n    display: inline-flex;\r\n\r\n    margin-bottom: 27px;\r\n\r\n    width: 55px;\r\n    height: 55px;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 15px;\r\n\r\n    background: var(--yellow);\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 18px;\r\n    font-weight: 900;\r\n}\r\n\r\n.ma-visi-card h3 {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin: 0 0 18px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: 30px;\r\n}\r\n\r\n.ma-visi-card p {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin: 0;\r\n\r\n    color: rgba(255,255,255,.78);\r\n\r\n    font-size: 16px;\r\n    line-height: 1.9;\r\n}\r\n\r\n.ma-misi-card {\r\n    background: #fff;\r\n\r\n    border: 1px solid var(--border);\r\n\r\n    box-shadow:\r\n        0 18px 45px rgba(6,27,79,.07);\r\n}\r\n\r\n.ma-misi-card h3 {\r\n    margin: 0 0 25px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 30px;\r\n}\r\n\r\n.ma-misi-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    gap: 17px;\r\n}\r\n\r\n.ma-misi-item {\r\n    display: grid;\r\n    grid-template-columns: 42px 1fr;\r\n\r\n    gap: 15px;\r\n\r\n    align-items: start;\r\n}\r\n\r\n.ma-misi-no {\r\n    display: flex;\r\n\r\n    width: 42px;\r\n    height: 42px;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background: var(--yellow-soft);\r\n\r\n    border-radius: 12px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 13px;\r\n    font-weight: 900;\r\n}\r\n\r\n.ma-misi-item p {\r\n    margin: 0;\r\n\r\n    padding-top: 7px;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   KEUNGGULAN\r\n========================================================= *\/\r\n\r\n.ma-keunggulan {\r\n    padding: 95px 30px;\r\n\r\n    background: #fff;\r\n}\r\n\r\n.ma-keunggulan-heading {\r\n    max-width: 720px;\r\n\r\n    margin-bottom: 48px;\r\n}\r\n\r\n.ma-keunggulan-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n\r\n    gap: 22px;\r\n}\r\n\r\n.ma-feature-card {\r\n    position: relative;\r\n\r\n    min-height: 290px;\r\n\r\n    padding: 30px;\r\n\r\n    overflow: hidden;\r\n\r\n    border: 1px solid var(--border);\r\n    border-radius: 20px;\r\n\r\n    background: #fff;\r\n\r\n    transition: .35s ease;\r\n}\r\n\r\n.ma-feature-card::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n    top: 0;\r\n\r\n    width: 100%;\r\n    height: 5px;\r\n\r\n    background: var(--yellow);\r\n}\r\n\r\n.ma-feature-icon {\r\n    width: 62px;\r\n    height: 62px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    background: var(--yellow-soft);\r\n\r\n    border-radius: 17px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 26px;\r\n}\r\n\r\n.ma-feature-card h3 {\r\n    margin: 0 0 13px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 20px;\r\n}\r\n\r\n.ma-feature-card p {\r\n    margin: 0;\r\n\r\n    color: var(--muted);\r\n\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n}\r\n\r\n.ma-feature-card:hover {\r\n    transform: translateY(-8px);\r\n\r\n    border-color: transparent;\r\n\r\n    box-shadow:\r\n        0 22px 45px rgba(6,27,79,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PORTAL \/ SUB PAGE\r\n========================================================= *\/\r\n\r\n.ma-portals {\r\n    padding: 95px 30px;\r\n\r\n    background: var(--soft);\r\n}\r\n\r\n.ma-portals-heading {\r\n    max-width: 700px;\r\n\r\n    margin: 0 auto 45px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n.ma-portals-heading .ma-section-label {\r\n    justify-content: center;\r\n}\r\n\r\n.ma-portal-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n\r\n    gap: 25px;\r\n}\r\n\r\n.ma-portal-card {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    min-height: 270px;\r\n\r\n    padding: 35px;\r\n\r\n    overflow: hidden;\r\n\r\n    text-decoration: none;\r\n\r\n    background: #fff;\r\n\r\n    border: 1px solid var(--border);\r\n    border-radius: 22px;\r\n\r\n    transition: .35s ease;\r\n}\r\n\r\n.ma-portal-card::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 140px;\r\n    height: 140px;\r\n\r\n    right: -55px;\r\n    bottom: -55px;\r\n\r\n    background: var(--yellow);\r\n\r\n    opacity: .08;\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.ma-portal-icon {\r\n    display: flex;\r\n\r\n    width: 58px;\r\n    height: 58px;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    margin-bottom: 25px;\r\n\r\n    background: var(--navy);\r\n\r\n    border-radius: 16px;\r\n\r\n    color: var(--yellow);\r\n\r\n    font-size: 25px;\r\n}\r\n\r\n.ma-portal-card h3 {\r\n    margin: 0 0 11px;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 23px;\r\n}\r\n\r\n.ma-portal-card p {\r\n    margin: 0 0 25px;\r\n\r\n    color: var(--muted);\r\n\r\n    line-height: 1.75;\r\n\r\n    font-size: 14px;\r\n}\r\n\r\n.ma-portal-link {\r\n    margin-top: auto;\r\n\r\n    color: var(--navy);\r\n\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: .4px;\r\n}\r\n\r\n.ma-portal-link span {\r\n    color: var(--yellow);\r\n\r\n    margin-left: 6px;\r\n}\r\n\r\n.ma-portal-card:hover {\r\n    transform: translateY(-8px);\r\n\r\n    border-color: transparent;\r\n\r\n    box-shadow:\r\n        0 22px 50px rgba(6,27,79,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.ma-cta {\r\n    padding: 95px 30px;\r\n\r\n    background: #fff;\r\n}\r\n\r\n.ma-cta-box {\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    padding: 65px 70px;\r\n\r\n    border-radius: 28px;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 10%,\r\n            rgba(246,199,41,.18),\r\n            transparent 30%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #061B4F,\r\n            #0A2A72\r\n        );\r\n}\r\n\r\n.ma-cta-box::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 270px;\r\n    height: 270px;\r\n\r\n    right: -85px;\r\n    bottom: -140px;\r\n\r\n    border: 45px solid rgba(255,255,255,.05);\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n.ma-cta-content {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    max-width: 750px;\r\n}\r\n\r\n.ma-cta h2 {\r\n    margin: 0 0 18px;\r\n\r\n    color: #fff;\r\n\r\n    font-size: clamp(32px, 4vw, 48px);\r\n    line-height: 1.2;\r\n}\r\n\r\n.ma-cta h2 span {\r\n    color: var(--yellow);\r\n}\r\n\r\n.ma-cta p {\r\n    margin: 0 0 28px;\r\n\r\n    color: rgba(255,255,255,.75);\r\n\r\n    font-size: 16px;\r\n    line-height: 1.85;\r\n}\r\n\r\n.ma-btn {\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 14px 23px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background: var(--yellow);\r\n\r\n    color: var(--navy);\r\n\r\n    text-decoration: none;\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n.ma-btn:hover {\r\n    transform: translateY(-3px);\r\n\r\n    background: #fff;\r\n\r\n    color: var(--navy);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width: 1024px) {\r\n\r\n    .ma-sambutan-grid,\r\n    .ma-vm-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ma-keunggulan-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n    .ma-portal-grid {\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width: 767px) {\r\n\r\n    .ma-hero {\r\n        padding:\r\n            80px 20px\r\n            90px;\r\n    }\r\n\r\n    .ma-sambutan,\r\n    .ma-visi-misi,\r\n    .ma-keunggulan,\r\n    .ma-portals,\r\n    .ma-cta {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .ma-hero h1 {\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .ma-head-image-wrap {\r\n        padding:\r\n            0\r\n            0\r\n            22px\r\n            18px;\r\n    }\r\n\r\n    .ma-head-image img {\r\n        height: 390px;\r\n    }\r\n\r\n    .ma-head-card {\r\n        position: relative;\r\n\r\n        right: auto;\r\n        bottom: auto;\r\n\r\n        width: calc(100% - 25px);\r\n\r\n        margin:\r\n            -35px\r\n            0\r\n            0\r\n            auto;\r\n    }\r\n\r\n    .ma-keunggulan-grid,\r\n    .ma-portal-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .ma-visi-card,\r\n    .ma-misi-card {\r\n        padding: 30px 25px;\r\n    }\r\n\r\n    .ma-cta-box {\r\n        padding: 45px 27px;\r\n\r\n        border-radius: 20px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"ma-page\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HERO\r\n    ====================================================== -->\r\n    <section class=\"ma-hero\">\r\n\r\n        <div class=\"ma-inner\">\r\n\r\n            <div class=\"ma-hero-content\">\r\n\r\n                <div class=\"ma-badge\">\r\n                    <span class=\"ma-badge-dot\"><\/span>\r\n                    Unit Pendidikan Al Fatah\r\n                <\/div>\r\n\r\n                <h1>\r\n                    Madrasah Aliyah\r\n                    <span>Al Fatah<\/span>\r\n                <\/h1>\r\n\r\n                <p>\r\n                    Membentuk generasi Islam yang berilmu, berakhlakul\r\n                    karimah, berwawasan luas, serta mampu menghadapi\r\n                    perkembangan zaman tanpa meninggalkan nilai-nilai\r\n                    keislaman.\r\n                <\/p>\r\n\r\n                <div class=\"ma-hero-line\"><\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SAMBUTAN KEPALA MADRASAH\r\n    ====================================================== -->\r\n    <section class=\"ma-sambutan\">\r\n\r\n        <div class=\"ma-inner ma-sambutan-grid\">\r\n\r\n\r\n            <!-- IMAGE -->\r\n            <div class=\"ma-head-image-wrap\">\r\n\r\n                <div class=\"ma-head-image\">\r\n\r\n                    <!--\r\n                    GANTI URL FOTO KEPALA MADRASAH DI SINI\r\n                    -->\r\n                    <img decoding=\"async\"\r\n                    src=\"https:\/\/alfatahpwk.com\/wp-content\/uploads\/2026\/09\/kh_nasir.png\"\r\n                    alt=\"Kepala Madrasah Aliyah Al Fatah\">\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ma-head-card\">\r\n\r\n                    <strong>\r\n                        Kepala Madrasah\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Madrasah Aliyah Al Fatah\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- CONTENT -->\r\n            <div class=\"ma-sambutan-text\">\r\n\r\n                <div class=\"ma-section-label\">\r\n                    Sambutan Kepala Madrasah\r\n                <\/div>\r\n\r\n                <h2 class=\"ma-section-title\">\r\n                    Bersama Membangun\r\n                    <span>Generasi Unggul<\/span>\r\n                <\/h2>\r\n\r\n\r\n                <p>\r\n                    Assalamu'alaikum Warahmatullahi Wabarakatuh.\r\n                <\/p>\r\n\r\n\r\n                <p>\r\n                    Selamat datang di Madrasah Aliyah Al Fatah.\r\n                    Kami berkomitmen menghadirkan pendidikan yang\r\n                    tidak hanya berorientasi pada pencapaian akademik,\r\n                    tetapi juga membentuk karakter, akhlak, kedisiplinan,\r\n                    serta kecintaan terhadap nilai-nilai Islam.\r\n                <\/p>\r\n\r\n\r\n                <p>\r\n                    Melalui proses pembelajaran yang terarah,\r\n                    lingkungan pendidikan yang religius, dan berbagai\r\n                    kegiatan pengembangan potensi siswa, kami berharap\r\n                    setiap peserta didik mampu tumbuh menjadi generasi\r\n                    yang mandiri, berprestasi, dan memberikan manfaat\r\n                    bagi masyarakat.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"ma-quote\">\r\n\r\n                    \u201cPendidikan terbaik adalah pendidikan yang\r\n                    membangun ilmu, membentuk akhlak, dan\r\n                    menumbuhkan semangat untuk memberikan manfaat.\u201d\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         VISI MISI\r\n    ====================================================== -->\r\n    <section class=\"ma-visi-misi\">\r\n\r\n        <div class=\"ma-inner\">\r\n\r\n\r\n            <div class=\"ma-vm-heading\">\r\n\r\n                <div class=\"ma-section-label\">\r\n                    Arah Pendidikan\r\n                <\/div>\r\n\r\n                <h2 class=\"ma-section-title\">\r\n                    Visi &amp;\r\n                    <span>Misi<\/span>\r\n                <\/h2>\r\n\r\n                <p class=\"ma-section-desc\">\r\n                    Menjadi landasan utama dalam penyelenggaraan\r\n                    pendidikan di Madrasah Aliyah Al Fatah.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"ma-vm-grid\">\r\n\r\n\r\n                <!-- VISI -->\r\n                <div class=\"ma-visi-card\">\r\n\r\n                    <div class=\"ma-vm-number\">\r\n                        01\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Visi\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Terwujudnya generasi yang unggul dalam\r\n                        ilmu pengetahuan, kokoh dalam nilai keislaman,\r\n                        berakhlakul karimah, mandiri, serta mampu\r\n                        berkontribusi positif bagi agama, bangsa,\r\n                        dan masyarakat.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- MISI -->\r\n                <div class=\"ma-misi-card\">\r\n\r\n                    <h3>\r\n                        Misi\r\n                    <\/h3>\r\n\r\n\r\n                    <div class=\"ma-misi-list\">\r\n\r\n\r\n                        <div class=\"ma-misi-item\">\r\n\r\n                            <div class=\"ma-misi-no\">\r\n                                01\r\n                            <\/div>\r\n\r\n                            <p>\r\n                                Menyelenggarakan pendidikan dan\r\n                                pembelajaran yang berkualitas,\r\n                                terarah, dan berlandaskan nilai-nilai\r\n                                Islam.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"ma-misi-item\">\r\n\r\n                            <div class=\"ma-misi-no\">\r\n                                02\r\n                            <\/div>\r\n\r\n                            <p>\r\n                                Menanamkan akhlakul karimah,\r\n                                kedisiplinan, tanggung jawab, serta\r\n                                kepedulian sosial kepada seluruh\r\n                                peserta didik.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"ma-misi-item\">\r\n\r\n                            <div class=\"ma-misi-no\">\r\n                                03\r\n                            <\/div>\r\n\r\n                            <p>\r\n                                Mengembangkan potensi akademik,\r\n                                keterampilan, kreativitas, serta\r\n                                kemampuan kepemimpinan siswa.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"ma-misi-item\">\r\n\r\n                            <div class=\"ma-misi-no\">\r\n                                04\r\n                            <\/div>\r\n\r\n                            <p>\r\n                                Membangun lingkungan pendidikan\r\n                                yang religius, aman, nyaman,\r\n                                kondusif, dan berorientasi pada\r\n                                perkembangan peserta didik.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"ma-misi-item\">\r\n\r\n                            <div class=\"ma-misi-no\">\r\n                                05\r\n                            <\/div>\r\n\r\n                            <p>\r\n                                Mempersiapkan lulusan yang mampu\r\n                                melanjutkan pendidikan ke jenjang\r\n                                yang lebih tinggi serta siap\r\n                                berperan di masyarakat.\r\n                            <\/p>\r\n\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         KEUNGGULAN\r\n    ====================================================== -->\r\n    <section class=\"ma-keunggulan\">\r\n\r\n        <div class=\"ma-inner\">\r\n\r\n\r\n            <div class=\"ma-keunggulan-heading\">\r\n\r\n                <div class=\"ma-section-label\">\r\n                    Keunggulan Madrasah\r\n                <\/div>\r\n\r\n                <h2 class=\"ma-section-title\">\r\n                    Pendidikan yang\r\n                    <span>Terintegrasi<\/span>\r\n                <\/h2>\r\n\r\n                <p class=\"ma-section-desc\">\r\n                    Mengembangkan kemampuan akademik,\r\n                    spiritual, karakter, dan keterampilan\r\n                    secara seimbang.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"ma-keunggulan-grid\">\r\n\r\n\r\n                <div class=\"ma-feature-card\">\r\n\r\n                    <div class=\"ma-feature-icon\">\r\n                        \u2726\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Pendidikan Islami\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Proses pendidikan dibangun dalam\r\n                        lingkungan religius dengan penanaman\r\n                        nilai-nilai Islam dalam kehidupan\r\n                        sehari-hari.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"ma-feature-card\">\r\n\r\n                    <div class=\"ma-feature-icon\">\r\n                        \u2605\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Akademik Berkualitas\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Pembelajaran diarahkan untuk\r\n                        meningkatkan kompetensi, prestasi,\r\n                        dan kesiapan siswa untuk pendidikan\r\n                        lanjutan.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"ma-feature-card\">\r\n\r\n                    <div class=\"ma-feature-icon\">\r\n                        \u25c6\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Pengembangan Karakter\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Membiasakan disiplin, tanggung jawab,\r\n                        kemandirian, kepemimpinan, dan\r\n                        kepedulian sosial.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"ma-feature-card\">\r\n\r\n                    <div class=\"ma-feature-icon\">\r\n                        \u279c\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Pengembangan Potensi\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Memberikan ruang kepada siswa untuk\r\n                        berkembang melalui kegiatan organisasi,\r\n                        kreativitas, dan ekstrakurikuler.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         SISWA - GURU - ALUMNI\r\n    ====================================================== -->\r\n    <section class=\"ma-portals\">\r\n\r\n        <div class=\"ma-inner\">\r\n\r\n\r\n            <div class=\"ma-portals-heading\">\r\n\r\n                <div class=\"ma-section-label\">\r\n                    Madrasah Aliyah Al Fatah\r\n                <\/div>\r\n\r\n                <h2 class=\"ma-section-title\">\r\n                    Keluarga Besar\r\n                    <span>MA Al Fatah<\/span>\r\n                <\/h2>\r\n\r\n                <p class=\"ma-section-desc\">\r\n                    Kenali lebih dekat siswa, tenaga pendidik,\r\n                    dan alumni Madrasah Aliyah Al Fatah.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"ma-portal-grid\">\r\n\r\n\r\n                <!-- SISWA -->\r\n                <a\r\n                href=\"#\"\r\n                class=\"ma-portal-card\">\r\n\r\n                    <div class=\"ma-portal-icon\">\r\n                        \u265f\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Siswa\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Mengenal aktivitas, prestasi,\r\n                        organisasi, dan kehidupan siswa\r\n                        Madrasah Aliyah Al Fatah.\r\n                    <\/p>\r\n\r\n                    <div class=\"ma-portal-link\">\r\n                        LIHAT SISWA\r\n                        <span>\u2192<\/span>\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- GURU -->\r\n                <a\r\n                href=\"#\"\r\n                class=\"ma-portal-card\">\r\n\r\n                    <div class=\"ma-portal-icon\">\r\n                        \u270e\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Guru\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Kenali tenaga pendidik dan tenaga\r\n                        kependidikan yang mendampingi proses\r\n                        pendidikan siswa.\r\n                    <\/p>\r\n\r\n                    <div class=\"ma-portal-link\">\r\n                        LIHAT GURU\r\n                        <span>\u2192<\/span>\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n\r\n                <!-- ALUMNI -->\r\n                <a\r\n                href=\"#\"\r\n                class=\"ma-portal-card\">\r\n\r\n                    <div class=\"ma-portal-icon\">\r\n                        \u2605\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Alumni\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Jaringan alumni yang menjadi bagian\r\n                        dari perjalanan dan perkembangan\r\n                        Madrasah Aliyah Al Fatah.\r\n                    <\/p>\r\n\r\n                    <div class=\"ma-portal-link\">\r\n                        LIHAT ALUMNI\r\n                        <span>\u2192<\/span>\r\n                    <\/div>\r\n\r\n                <\/a>\r\n\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         CTA\r\n    ====================================================== -->\r\n    <section class=\"ma-cta\">\r\n\r\n        <div class=\"ma-inner\">\r\n\r\n            <div class=\"ma-cta-box\">\r\n\r\n                <div class=\"ma-cta-content\">\r\n\r\n                    <h2>\r\n                        Bersama Menyiapkan\r\n                        <span>Generasi Masa Depan<\/span>\r\n                    <\/h2>\r\n\r\n                    <p>\r\n                        Madrasah Aliyah Al Fatah hadir untuk\r\n                        mendampingi peserta didik tumbuh menjadi\r\n                        pribadi berilmu, berkarakter, berakhlak,\r\n                        dan siap menghadapi masa depan.\r\n                    <\/p>\r\n\r\n                    <a\r\n                    href=\"#\"\r\n                    class=\"ma-btn\">\r\n                        INFORMASI PENDAFTARAN\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\r\n<\/div>\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>Unit Pendidikan Al Fatah Madrasah Aliyah Al Fatah Membentuk generasi Islam yang berilmu, berakhlakul karimah, berwawasan luas, serta mampu menghadapi perkembangan zaman tanpa meninggalkan nilai-nilai keislaman. Kepala Madrasah Madrasah Aliyah Al Fatah Sambutan Kepala Madrasah Bersama Membangun Generasi Unggul Assalamu&#8217;alaikum Warahmatullahi Wabarakatuh. Selamat datang di Madrasah Aliyah Al Fatah. Kami berkomitmen menghadirkan pendidikan yang tidak &#8230; <a title=\"Madrasah Aliyah\" class=\"read-more\" href=\"https:\/\/alfatahpwk.com\/?page_id=536\" aria-label=\"Read more about Madrasah Aliyah\">Read more<\/a><\/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-536","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/alfatahpwk.com\/index.php?rest_route=\/wp\/v2\/pages\/536","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alfatahpwk.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alfatahpwk.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alfatahpwk.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alfatahpwk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=536"}],"version-history":[{"count":34,"href":"https:\/\/alfatahpwk.com\/index.php?rest_route=\/wp\/v2\/pages\/536\/revisions"}],"predecessor-version":[{"id":960,"href":"https:\/\/alfatahpwk.com\/index.php?rest_route=\/wp\/v2\/pages\/536\/revisions\/960"}],"wp:attachment":[{"href":"https:\/\/alfatahpwk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}