{"id":45,"date":"2026-08-18T15:47:56","date_gmt":"2026-08-18T15:47:56","guid":{"rendered":"https:\/\/alfatahpwk.com\/?page_id=45"},"modified":"2026-09-10T14:58:45","modified_gmt":"2026-09-10T14:58:45","slug":"profil","status":"publish","type":"page","link":"https:\/\/alfatahpwk.com\/?page_id=45","title":{"rendered":"Profil"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"45\" class=\"elementor elementor-45\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5911f3b e-con-full e-flex e-con e-parent\" data-id=\"5911f3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f5ab8e elementor-widget elementor-widget-html\" data-id=\"7f5ab8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    .profile-page {\r\n        --navy: #071A52;\r\n        --navy-light: #0B2A7A;\r\n        --yellow: #FFC928;\r\n        --soft: #F5F7FC;\r\n        --text: #16213E;\r\n        --muted: #68738D;\r\n\r\n        font-family: inherit;\r\n        color: var(--text);\r\n        overflow: hidden;\r\n    }\r\n\r\n\/* =========================\r\n   HERO\r\n========================= *\/\r\n.profile-hero {\r\n    position: relative;\r\n    padding: 105px 30px 115px;\r\n    background:\r\n    radial-gradient(circle at 85% 20%, rgba(255,201,40,.18) 0, transparent 28%),\r\n    radial-gradient(circle at 10% 90%, rgba(255,255,255,.08) 0, transparent 30%),\r\n    linear-gradient(135deg, #05133f 0%, #071A52 50%, #0B2A7A 100%);\r\n}\r\n\r\n.profile-hero::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 420px;\r\n    height: 420px;\r\n    right: -170px;\r\n    top: -180px;\r\n    border: 65px solid rgba(255,201,40,.08);\r\n    border-radius: 50%;\r\n}\r\n\r\n.profile-hero::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: -90px;\r\n    bottom: -190px;\r\n    width: 350px;\r\n    height: 350px;\r\n    border: 2px solid rgba(255,255,255,.08);\r\n    border-radius: 50%;\r\n}\r\n\r\n.profile-inner {\r\n    width: min(1180px, 100%);\r\n    margin: auto;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.profile-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 9px 17px;\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    border: 1px solid rgba(255,255,255,.18);\r\n    border-radius: 50px;\r\n    background: rgba(255,255,255,.08);\r\n    backdrop-filter: blur(8px);\r\n}\r\n\r\n.profile-badge span {\r\n    width: 8px;\r\n    height: 8px;\r\n    background: var(--yellow);\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 0 5px rgba(255,201,40,.12);\r\n}\r\n\r\n.profile-hero h1 {\r\n    max-width: 800px;\r\n    margin: 24px 0 18px;\r\n    color: #fff;\r\n    font-size: clamp(42px, 6vw, 72px);\r\n    line-height: 1.05;\r\n    letter-spacing: -2px;\r\n}\r\n\r\n.profile-hero h1 strong {\r\n    color: var(--yellow);\r\n    font-weight: inherit;\r\n}\r\n\r\n.profile-hero p {\r\n    max-width: 700px;\r\n    margin: 0;\r\n    color: rgba(255,255,255,.78);\r\n    font-size: 17px;\r\n    line-height: 1.9;\r\n}\r\n\r\n.hero-line {\r\n    margin-top: 38px;\r\n    width: 120px;\r\n    height: 5px;\r\n    border-radius: 20px;\r\n    background: var(--yellow);\r\n}\r\n\r\n\r\n\/* =========================\r\n   INTRO PROFILE\r\n========================= *\/\r\n.profile-intro {\r\n    padding: 95px 30px;\r\n    background: #fff;\r\n}\r\n\r\n.intro-grid {\r\n    display: grid;\r\n    grid-template-columns: .95fr 1.05fr;\r\n    gap: 75px;\r\n    align-items: center;\r\n}\r\n\r\n.profile-image-wrap {\r\n    position: relative;\r\n    padding: 0 0 35px 35px;\r\n}\r\n\r\n.profile-image-wrap::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    width: 70%;\r\n    height: 75%;\r\n    background: var(--yellow);\r\n    border-radius: 30px 5px 30px 5px;\r\n}\r\n\r\n.profile-image {\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 8px 45px 8px 45px;\r\n    box-shadow: 0 25px 60px rgba(7,26,82,.18);\r\n}\r\n\r\n.profile-image img {\r\n    width: 100%;\r\n    height: 530px;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform .6s ease;\r\n}\r\n\r\n.profile-image:hover img {\r\n    transform: scale(1.04);\r\n}\r\n\r\n.image-label {\r\n    position: absolute;\r\n    right: -25px;\r\n    bottom: 72px;\r\n    z-index: 3;\r\n    padding: 19px 25px;\r\n    background: var(--navy);\r\n    color: #fff;\r\n    border-radius: 8px;\r\n    box-shadow: 0 15px 35px rgba(7,26,82,.25);\r\n}\r\n\r\n.image-label strong {\r\n    color: var(--yellow);\r\n    font-size: 26px;\r\n    display: block;\r\n}\r\n\r\n.image-label small {\r\n    opacity: .75;\r\n}\r\n\r\n.section-tag {\r\n    color: var(--navy-light);\r\n    font-size: 13px;\r\n    font-weight: 800;\r\n    letter-spacing: 1.8px;\r\n    text-transform: uppercase;\r\n}\r\n\r\n.section-tag::before {\r\n    content: \"\";\r\n    display: inline-block;\r\n    width: 35px;\r\n    height: 3px;\r\n    margin-right: 10px;\r\n    vertical-align: middle;\r\n    background: var(--yellow);\r\n    border-radius: 20px;\r\n}\r\n\r\n.profile-content h2 {\r\n    margin: 16px 0 24px;\r\n    color: var(--navy);\r\n    font-size: clamp(34px, 4vw, 49px);\r\n    line-height: 1.16;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n.profile-content h2 span {\r\n    color: var(--yellow);\r\n}\r\n\r\n.profile-content p {\r\n    margin: 0 0 18px;\r\n    color: var(--muted);\r\n    font-size: 16px;\r\n    line-height: 1.9;\r\n}\r\n\r\n.profile-quote {\r\n    position: relative;\r\n    margin-top: 30px;\r\n    padding: 22px 25px 22px 29px;\r\n    background: var(--soft);\r\n    border-left: 5px solid var(--yellow);\r\n    border-radius: 0 14px 14px 0;\r\n    color: var(--navy);\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    line-height: 1.75;\r\n}\r\n\r\n\r\n\/* =========================\r\n   VALUE SECTION\r\n========================= *\/\r\n.profile-values {\r\n    position: relative;\r\n    padding: 95px 30px;\r\n    background: var(--soft);\r\n}\r\n\r\n.values-heading {\r\n    text-align: center;\r\n    max-width: 720px;\r\n    margin: 0 auto 50px;\r\n}\r\n\r\n.values-heading h2 {\r\n    font-size: clamp(34px, 4vw, 48px);\r\n    color: var(--navy);\r\n    margin: 12px 0 14px;\r\n}\r\n\r\n.values-heading p {\r\n    color: var(--muted);\r\n    line-height: 1.8;\r\n}\r\n\r\n.values-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3,1fr);\r\n    gap: 25px;\r\n}\r\n\r\n.value-card {\r\n    position: relative;\r\n    overflow: hidden;\r\n    min-height: 285px;\r\n    padding: 34px;\r\n    background: #fff;\r\n    border: 1px solid #E7EAF2;\r\n    border-radius: 20px;\r\n    transition: .35s ease;\r\n}\r\n\r\n.value-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 6px;\r\n    height: 100%;\r\n    background: var(--yellow);\r\n    transition: .35s ease;\r\n}\r\n\r\n.value-number {\r\n    color: rgba(7,26,82,.09);\r\n    font-size: 62px;\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    position: absolute;\r\n    right: 25px;\r\n    top: 22px;\r\n}\r\n\r\n.value-icon {\r\n    width: 58px;\r\n    height: 58px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background: rgba(255,201,40,.16);\r\n    color: var(--navy);\r\n    font-size: 27px;\r\n    border-radius: 16px;\r\n    margin-bottom: 27px;\r\n}\r\n\r\n.value-card h3 {\r\n    color: var(--navy);\r\n    font-size: 21px;\r\n    margin: 0 0 12px;\r\n}\r\n\r\n.value-card p {\r\n    color: var(--muted);\r\n    line-height: 1.8;\r\n    margin: 0;\r\n    font-size: 15px;\r\n}\r\n\r\n.value-card:hover {\r\n    transform: translateY(-9px);\r\n    box-shadow: 0 25px 50px rgba(7,26,82,.12);\r\n    border-color: transparent;\r\n}\r\n\r\n.value-card:hover::before {\r\n    width: 100%;\r\n    opacity: .06;\r\n}\r\n\r\n\r\n\/* =========================\r\n   CLOSING SECTION\r\n========================= *\/\r\n.profile-closing {\r\n    padding: 90px 30px;\r\n    background: #fff;\r\n}\r\n\r\n.closing-box {\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 65px 70px;\r\n    border-radius: 28px;\r\n    background:\r\n    radial-gradient(circle at 90% 20%, rgba(255,201,40,.18), transparent 27%),\r\n    linear-gradient(135deg, #071A52, #0B2A7A);\r\n}\r\n\r\n.closing-box::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    right: -80px;\r\n    bottom: -135px;\r\n    width: 280px;\r\n    height: 280px;\r\n    border: 45px solid rgba(255,255,255,.05);\r\n    border-radius: 50%;\r\n}\r\n\r\n.closing-box h2 {\r\n    position: relative;\r\n    z-index: 2;\r\n    color: #fff;\r\n    max-width: 750px;\r\n    margin: 0 0 18px;\r\n    font-size: clamp(32px,4vw,48px);\r\n    line-height: 1.25;\r\n}\r\n\r\n.closing-box h2 span {\r\n    color: var(--yellow);\r\n}\r\n\r\n.closing-box p {\r\n    position: relative;\r\n    z-index: 2;\r\n    max-width: 720px;\r\n    margin: 0;\r\n    color: rgba(255,255,255,.75);\r\n    font-size: 16px;\r\n    line-height: 1.9;\r\n}\r\n\r\n\/* =========================\r\n   RESPONSIVE\r\n========================= *\/\r\n@media(max-width: 900px) {\r\n    .intro-grid {\r\n        grid-template-columns: 1fr;\r\n        gap: 55px;\r\n    }\r\n\r\n    .values-grid {\r\n        grid-template-columns: 1fr 1fr;\r\n    }\r\n\r\n    .profile-image img {\r\n        height: 450px;\r\n    }\r\n}\r\n\r\n@media(max-width: 600px) {\r\n    .profile-hero {\r\n        padding: 80px 22px 90px;\r\n    }\r\n\r\n    .profile-intro,\r\n    .profile-values,\r\n    .profile-closing {\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n    .profile-hero h1 {\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .profile-image-wrap {\r\n        padding: 0 0 22px 18px;\r\n    }\r\n\r\n    .profile-image img {\r\n        height: 350px;\r\n    }\r\n\r\n    .image-label {\r\n        right: -5px;\r\n        bottom: 45px;\r\n    }\r\n\r\n    .values-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .closing-box {\r\n        padding: 45px 27px;\r\n        border-radius: 20px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n\r\n<div class=\"profile-page\">\r\n\r\n    <!-- HERO -->\r\n    <section class=\"profile-hero\">\r\n        <div class=\"profile-inner\">\r\n\r\n            <div class=\"profile-badge\">\r\n                <span><\/span>\r\n                Tentang Kami\r\n            <\/div>\r\n\r\n            <h1>\r\n                Mengenal Lebih Dekat\r\n                <strong>Profil Kami<\/strong>\r\n            <\/h1>\r\n\r\n            <p>\r\n                Mengenal perjalanan, nilai, dan komitmen kami dalam membangun\r\n                lembaga yang unggul, profesional, inovatif, serta memberikan\r\n                manfaat nyata bagi masyarakat.\r\n            <\/p>\r\n\r\n            <div class=\"hero-line\"><\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- PROFILE INTRO -->\r\n    <section class=\"profile-intro\">\r\n        <div class=\"profile-inner intro-grid\">\r\n\r\n            <div class=\"profile-image-wrap\">\r\n\r\n                <div class=\"profile-image\">\r\n                    <img decoding=\"async\"\r\n                    src=\"https:\/\/alfatahpwk.com\/wp-content\/uploads\/2026\/09\/kh_nasir.png\"\r\n                    alt=\"Profil KH Nasir\">\r\n                <\/div>\r\n\r\n                <div class=\"image-label\">\r\n                    <strong>Unggul<\/strong>\r\n                    <small>Berkarakter & Berkualitas<\/small>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"profile-content\">\r\n\r\n                <div class=\"section-tag\">Profil Lembaga<\/div>\r\n\r\n                <h2>\r\n                    Tumbuh Bersama untuk\r\n                    <span>Masa Depan<\/span> yang Lebih Baik\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Kami merupakan lembaga yang berkomitmen menghadirkan\r\n                    pelayanan dan pendidikan berkualitas dengan memadukan\r\n                    nilai keilmuan, profesionalisme, karakter, serta\r\n                    perkembangan teknologi.\r\n                <\/p>\r\n\r\n                <p>\r\n                    Dalam setiap langkah, kami terus melakukan pengembangan\r\n                    dan inovasi agar mampu menjawab tantangan zaman serta\r\n                    memberikan kontribusi yang lebih luas bagi masyarakat.\r\n                <\/p>\r\n\r\n                <div class=\"profile-quote\">\r\n                    \u201cMembangun generasi unggul tidak hanya melalui ilmu,\r\n                    tetapi juga melalui karakter, integritas, dan keberanian\r\n                    untuk menciptakan perubahan.\u201d\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- VALUES -->\r\n    <section class=\"profile-values\">\r\n\r\n        <div class=\"profile-inner\">\r\n\r\n            <div class=\"values-heading\">\r\n                <div class=\"section-tag\">Nilai Utama Kami<\/div>\r\n\r\n                <h2>\r\n                    Fondasi dalam Setiap Langkah\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Nilai-nilai yang menjadi dasar dalam memberikan pelayanan,\r\n                    membangun kepercayaan, dan menciptakan masa depan yang lebih baik.\r\n                <\/p>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"values-grid\">\r\n\r\n                <div class=\"value-card\">\r\n                    <span class=\"value-number\">01<\/span>\r\n\r\n                    <div class=\"value-icon\">\r\n                        \u2605\r\n                    <\/div>\r\n\r\n                    <h3>Profesional<\/h3>\r\n\r\n                    <p>\r\n                        Menjalankan setiap tanggung jawab dengan standar kerja\r\n                        yang baik, disiplin, transparan, dan berorientasi pada kualitas.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"value-card\">\r\n                    <span class=\"value-number\">02<\/span>\r\n\r\n                    <div class=\"value-icon\">\r\n                        \u25c6\r\n                    <\/div>\r\n\r\n                    <h3>Berintegritas<\/h3>\r\n\r\n                    <p>\r\n                        Menjunjung tinggi kejujuran, etika, tanggung jawab,\r\n                        serta nilai-nilai luhur dalam setiap aktivitas.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n\r\n                <div class=\"value-card\">\r\n                    <span class=\"value-number\">03<\/span>\r\n\r\n                    <div class=\"value-icon\">\r\n                        \u2726\r\n                    <\/div>\r\n\r\n                    <h3>Inovatif<\/h3>\r\n\r\n                    <p>\r\n                        Terus berkembang melalui gagasan baru, teknologi,\r\n                        kreativitas, serta kemampuan beradaptasi terhadap perubahan.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n    <!-- CLOSING -->\r\n    <section class=\"profile-closing\">\r\n\r\n        <div class=\"profile-inner\">\r\n\r\n            <div class=\"closing-box\">\r\n\r\n                <h2>\r\n                    Bersama Membangun\r\n                    <span>Generasi Berkualitas<\/span>\r\n                <\/h2>\r\n\r\n                <p>\r\n                    Kami percaya bahwa kemajuan lahir dari kolaborasi,\r\n                    pendidikan yang berkualitas, nilai yang kuat, dan semangat\r\n                    untuk terus memberikan manfaat kepada masyarakat.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\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>Tentang Kami Mengenal Lebih Dekat Profil Kami Mengenal perjalanan, nilai, dan komitmen kami dalam membangun lembaga yang unggul, profesional, inovatif, serta memberikan manfaat nyata bagi masyarakat. Unggul Berkarakter &#038; Berkualitas Profil Lembaga Tumbuh Bersama untuk Masa Depan yang Lebih Baik Kami merupakan lembaga yang berkomitmen menghadirkan pelayanan dan pendidikan berkualitas dengan memadukan nilai keilmuan, profesionalisme, &#8230; <a title=\"Profil\" class=\"read-more\" href=\"https:\/\/alfatahpwk.com\/?page_id=45\" aria-label=\"Read more about Profil\">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-45","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/alfatahpwk.com\/index.php?rest_route=\/wp\/v2\/pages\/45","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=45"}],"version-history":[{"count":13,"href":"https:\/\/alfatahpwk.com\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions"}],"predecessor-version":[{"id":951,"href":"https:\/\/alfatahpwk.com\/index.php?rest_route=\/wp\/v2\/pages\/45\/revisions\/951"}],"wp:attachment":[{"href":"https:\/\/alfatahpwk.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}