{"id":151,"date":"2026-07-04T02:46:43","date_gmt":"2026-07-04T02:46:43","guid":{"rendered":"http:\/\/fh-untad.local\/?page_id=151"},"modified":"2026-07-06T07:22:07","modified_gmt":"2026-07-06T07:22:07","slug":"visi-dan-misi","status":"publish","type":"page","link":"https:\/\/syafii.web.id\/?page_id=151","title":{"rendered":"Visi dan Misi"},"content":{"rendered":"\n<style>\n    \/* ENGINE STYLE VISI MISI PREMIUM - FH UNTAD *\/\n    .visimisi-container {\n        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n        color: #334155;\n        line-height: 1.8;\n        max-width: 1000px;\n        margin: 40px auto;\n        padding: 0 20px;\n        box-sizing: border-box;\n    }\n\n    .visimisi-header {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .visimisi-header h2 {\n        color: #8b0000;\n        font-size: 28px;\n        font-weight: 800;\n        letter-spacing: 0.5px;\n        margin-bottom: 15px;\n        text-transform: uppercase;\n    }\n\n    .visimisi-header .divider {\n        width: 80px;\n        height: 4px;\n        background: #8b0000;\n        margin: 0 auto;\n        border-radius: 2px;\n    }\n\n    \/* SECTION VISI *\/\n    .visi-section {\n        background: #ffffff;\n        border: 1px solid #edf2f7;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);\n        border-radius: 16px;\n        padding: 40px;\n        text-align: center;\n        margin-bottom: 40px;\n        position: relative;\n        overflow: hidden;\n    }\n\n    .visi-section::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background: #8b0000;\n    }\n\n    .visi-section h3 {\n        color: #0f172a;\n        font-size: 20px;\n        font-weight: 700;\n        text-transform: uppercase;\n        margin-top: 0;\n        margin-bottom: 20px;\n        letter-spacing: 0.5px;\n    }\n\n    .visi-text {\n        font-size: 18px;\n        color: #1e293b;\n        font-weight: 600;\n        line-height: 1.6;\n        max-width: 800px;\n        margin: 0 auto;\n        font-style: italic;\n    }\n\n    \/* SECTION MISI *\/\n    .misi-section {\n        margin-top: 50px;\n    }\n\n    .misi-section h3 {\n        color: #0f172a;\n        font-size: 20px;\n        font-weight: 700;\n        text-transform: uppercase;\n        text-align: center;\n        margin-bottom: 30px;\n        letter-spacing: 0.5px;\n    }\n\n    .misi-grid {\n        display: grid;\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n\n    .misi-card {\n        background: #f8fafc;\n        border: 1px solid #edf2f7;\n        border-radius: 12px;\n        padding: 25px 30px;\n        display: flex;\n        align-items: flex-start;\n        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n\n    .misi-card:hover {\n        transform: translateX(5px);\n        background: #ffffff;\n        border-color: rgba(139, 0, 0, 0.2);\n        box-shadow: 0 8px 25px rgba(139, 0, 0, 0.05);\n    }\n\n    .misi-number {\n        background: #8b0000;\n        color: #ffffff;\n        font-weight: 700;\n        font-size: 14px;\n        width: 28px;\n        height: 28px;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-right: 20px;\n        flex-shrink: 0;\n        margin-top: 2px;\n        box-shadow: 0 4px 10px rgba(139, 0, 0, 0.2);\n    }\n\n    .misi-content {\n        font-size: 15.5px;\n        color: #475569;\n        text-align: justify;\n        margin: 0;\n    }\n\n    \/* RESPONSIVE ENGINE *\/\n    @media (max-width: 768px) {\n        .visi-section {\n            padding: 30px 20px;\n        }\n        .visi-text {\n            font-size: 16px;\n        }\n        .misi-card {\n            padding: 20px;\n        }\n        .misi-number {\n            margin-right: 15px;\n        }\n    }\n<\/style>\n\n<div class=\"visimisi-container\">\n\n    <div class=\"visimisi-header\">\n        <h2>Visi &#038; Misi<\/h2>\n        <div class=\"divider\"><\/div>\n    <\/div>\n\n    <div class=\"visi-section\">\n        <h3>Visi<\/h3>\n        <p class=\"visi-text\">\n            &#8220;Menghasilkan lulusan yang bermutu, modern, dan relevan dengan kebutuhan pembangunan berkelanjutan&#8221;.\n        <\/p>\n    <\/div>\n\n    <div class=\"misi-section\">\n        <h3>Misi<\/h3>\n        <div class=\"misi-grid\">\n            \n            <div class=\"misi-card\">\n                <div class=\"misi-number\">1<\/div>\n                <p class=\"misi-content\">\n                    Menyelenggarakan pendidikan dan pembelajaran yang bermutu, modern dan relevan dengan kebutuhan pembangunan berkelanjutan.\n                <\/p>\n            <\/div>\n\n            <div class=\"misi-card\">\n                <div class=\"misi-number\">2<\/div>\n                <p class=\"misi-content\">\n                    Menyelenggarakan penelitian hukum dan pengembangan IPTEKS berbasis kebutuhan pembangunan berkelanjutan.\n                <\/p>\n            <\/div>\n\n            <div class=\"misi-card\">\n                <div class=\"misi-number\">3<\/div>\n                <p class=\"misi-content\">\n                    Menyelenggarakan pengabdian kepada masyarakat dengan memanfaatkan hasil-hasil penelitian bagi peningkatan kesejahteraan masyarakat.\n                <\/p>\n            <\/div>\n\n            <div class=\"misi-card\">\n                <div class=\"misi-number\">4<\/div>\n                <p class=\"misi-content\">\n                    Menyelenggarakan tata kelola fakultas sesuai tuntutan kebutuhan dengan mengembangkan manajemen internal yang efektif, efisien, transparan dan akuntabel.\n                <\/p>\n            <\/div>\n\n            <div class=\"misi-card\">\n                <div class=\"misi-number\">5<\/div>\n                <p class=\"misi-content\">\n                    Menyelenggarakan kerjasama nasional maupun internasional saling menguntungkan dengan berbagai pemangku kepentingan (stakeholders).\n                <\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Visi &#038; Misi Visi &#8220;Menghasilkan lulusan yang bermutu, modern, dan relevan dengan kebutuhan pembangunan berkelanjutan&#8221;. Misi 1 Menyelenggarakan pendidikan dan pembelajaran yang bermutu, modern dan relevan dengan kebutuhan pembangunan berkelanjutan. 2 Menyelenggarakan penelitian hukum dan pengembangan IPTEKS berbasis kebutuhan pembangunan berkelanjutan. 3 Menyelenggarakan pengabdian kepada masyarakat dengan memanfaatkan hasil-hasil penelitian bagi peningkatan kesejahteraan masyarakat. 4 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-151","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/syafii.web.id\/index.php?rest_route=\/wp\/v2\/pages\/151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/syafii.web.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/syafii.web.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/syafii.web.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/syafii.web.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=151"}],"version-history":[{"count":2,"href":"https:\/\/syafii.web.id\/index.php?rest_route=\/wp\/v2\/pages\/151\/revisions"}],"predecessor-version":[{"id":202,"href":"https:\/\/syafii.web.id\/index.php?rest_route=\/wp\/v2\/pages\/151\/revisions\/202"}],"wp:attachment":[{"href":"https:\/\/syafii.web.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}