{"id":32136,"date":"2024-05-05T20:08:55","date_gmt":"2024-05-05T13:08:55","guid":{"rendered":"https:\/\/newuinsu.uinsu.ac.id\/?page_id=32136"},"modified":"2024-05-06T22:22:21","modified_gmt":"2024-05-06T15:22:21","slug":"pimpinan","status":"publish","type":"page","link":"https:\/\/uinsu.ac.id\/index.php\/pimpinan\/","title":{"rendered":"Pimpinan"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-center\">Pimpinan UIN Sumatera Utara Medan<\/h2>\n\n\n    <link href=\"https:\/\/unpkg.com\/boxicons@2.1.2\/css\/boxicons.min.css\" rel=\"stylesheet\">\r\n\r\n    <div class=\"container\">\r\n        <div class=\"container-1\">\r\n            <div class=\"profile-card-rek\">\r\n                <!-- Card 1 -->\r\n                <div class=\"image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/uinsu.ac.id\/wp-content\/uploads\/2024\/05\/rektor-card.jpg\" alt=\"\" class=\"profile-img\" \/>\r\n                <\/div>\r\n                <div class=\"text-data\">\r\n                    <span class=\"name\">Prof. Dr. Nurhayati, M.Ag<\/span>\r\n                    <span class=\"job\"><b>REKTOR<\/b><\/span>\r\n                    <span class=\"job\">NIP : 197405172003122003<\/span>\r\n                    <div class=\"buttons\">\r\n                        <button class=\"button\" onclick=\"redirectTo('https:\/\/sinta.kemdiktisaintek.go.id\/authors\/profile\/6030984')\">Sinta<\/button>\r\n                        <button class=\"button\">Profil<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"container-2\">\r\n            <div class=\"profile-card card-3\">\r\n                <!-- Card 2 -->\r\n                <div class=\"image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/uinsu.ac.id\/wp-content\/uploads\/2024\/05\/wr1-card.jpg\" alt=\"\" class=\"profile-img\" \/>\r\n                <\/div>\r\n                <div class=\"text-data\">\r\n                    <span class=\"name\">Prof. Dr. H. Azhari Akmal Tarigan, M.Ag<\/span>\r\n                    <span class=\"job\"><b>WAKIL REKTOR BIDANG AKADEMIK<\/b><\/span><br>\r\n                    <span class=\"job\">NIP : 197212041998031002<\/span>\r\n                    \r\n                <\/div>\r\n                <div class=\"buttons\">\r\n                    <button class=\"button\" onclick=\"redirectTo('https:\/\/sinta.kemdiktisaintek.go.id\/authors\/profile\/6002337')\">Sinta<\/button>\r\n                    <button class=\"button\">Profil<\/button>\r\n                <\/div>\r\n            <\/div>\r\n    \r\n            <div class=\"profile-card card-3\">\r\n                <!-- Card 2 -->\r\n                <div class=\"image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/uinsu.ac.id\/wp-content\/uploads\/2024\/05\/wr2-card.jpg\" alt=\"\" class=\"profile-img\" \/>\r\n                <\/div>\r\n                <div class=\"text-data\">\r\n                    <span class=\"name\"> Dr. Abrar M. Dawud Faza, S.Fil., M.A<\/span>\r\n                    <span class=\"job\"><b>WAKIL REKTOR BIDANG AUPK<\/b><\/span><br>\r\n                    <span class=\"job\">NIP : 197911292009121003<\/span>\r\n                    \r\n                <\/div>\r\n                <div class=\"buttons\">\r\n                    <button class=\"button\" onclick=\"redirectTo('https:\/\/sinta.kemdiktisaintek.go.id\/authors\/profile\/6676860')\">Sinta<\/button>\r\n                    <button class=\"button\">Profil<\/button>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"profile-card card-3\">\r\n                <!-- Card 2 -->\r\n                <div class=\"image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/uinsu.ac.id\/wp-content\/uploads\/2024\/05\/wr3-card.jpg\" alt=\"\" class=\"profile-img\" \/>\r\n                <\/div>\r\n                <div class=\"text-data\">\r\n                    <span class=\"name\">Prof. Dr. Katimin, M.A<\/span>\r\n                    <span class=\"job\"><b>WAKIL REKTOR BIDANG KEMAHASISWAAN<\/b><\/span><br>\r\n                    <span class=\"job\">NIP : 196507051993031003<\/span>\r\n                    \r\n                <\/div>\r\n                <div class=\"buttons\">\r\n                    <button class=\"button\" onclick=\"redirectTo('https:\/\/sinta.kemdiktisaintek.go.id\/authors\/profile\/6030383')\">Sinta<\/button>\r\n                    <button class=\"button\">Profil<\/button>\r\n                <\/div>\r\n            <\/div>\r\n    \r\n            <div class=\"profile-card card-3\">\r\n                <!-- Card 2 -->\r\n                <div class=\"image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/uinsu.ac.id\/wp-content\/uploads\/2024\/05\/wr4-card.jpg\" alt=\"\" class=\"profile-img\" \/>\r\n                <\/div>\r\n                <div class=\"text-data\">\r\n                    <span class=\"name\">Prof. Dr. H. Muzakkir, M.Ag<\/span>\r\n                    <span class=\"job\"><b>WAKIL REKTOR BIDANG KERJASAMA DAN PENGEMBANGAN LEMBAGA<\/b><\/span><br>\r\n                    <span class=\"job\">NIP : 196901111991031004<\/span>\r\n                    \r\n                <\/div>\r\n                <div class=\"buttons\">\r\n                    <button class=\"button\" onclick=\"redirectTo('https:\/\/sinta.kemdiktisaintek.go.id\/authors\/profile\/6676590')\">Sinta<\/button>\r\n                    <button class=\"button\">Profil<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"container-2\">    \r\n            <div class=\"profile-card card-5\">\r\n                <!-- Card 2 -->\r\n                <div class=\"image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/uinsu.ac.id\/wp-content\/uploads\/2024\/09\/tohar-biro-aakk1.png\" alt=\"\" class=\"profile-img\" \/>\r\n                <\/div>\r\n                <div class=\"text-data\">\r\n                    <span class=\"name\">Dr. Tohar Bayoangin, M.Ag<\/span>\r\n                    <span class=\"job\"><b>KEPALA BIRO AAKK<\/b><\/span><br>\r\n                    <span class=\"job\">NIP : 196610231986031001<\/span>\r\n                <\/div>\r\n                <div class=\"buttons\">\r\n                    <button class=\"button\" onclick=\"redirectTo('https:\/\/uinsu.ac.id\/index.php\/pimpinan\/')\">Sinta<\/button>\r\n                    <button class=\"button\">Profil<\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"profile-card card-5\">\r\n                <!-- Card 2 -->\r\n                <div class=\"image\">\r\n                    <img decoding=\"async\" src=\"https:\/\/uinsu.ac.id\/wp-content\/uploads\/2024\/05\/biro-aaak.jpg\" alt=\"\" class=\"profile-img\" \/>\r\n                <\/div>\r\n                <div class=\"text-data\">\r\n                    <span class=\"name\">Dr. Ibnu Sa\u2019dan, M.Pd<\/span>\r\n                    <span class=\"job\"><b>KEPALA BIRO AUPK<\/b><\/span><br>\r\n                    <span class=\"job\">NIP : 196907121993031002<\/span>\r\n                <\/div>\r\n                <div class=\"buttons\">\r\n                    <button class=\"button\" onclick=\"redirectTo('https:\/\/uinsu.ac.id\/index.php\/pimpinan\/')\">Sinta<\/button>\r\n                    <button class=\"button\">Profil<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n\r\n        \r\n    <\/div>\r\n\r\n<script>\r\n    function redirectTo(url) {\r\n        window.open(url, '_blank');\r\n    }\r\n<\/script>\r\n\n\n\n<style class=\"wpcode-css-snippet\">.content{\r\n\r\n    background-image: url(https:\/\/preview.uideck.com\/items\/bliss\/assets\/img\/hero\/hero-bg.jpg);\r\n    background-repeat: no-repeat;\r\n    background-position: left bottom;\r\n    background-size: cover;\r\n}\r\n.profile-card-rek {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n    max-width: 500px;\r\n    max-height: 200px;\r\n    padding: 25px;\r\n    background: #fff;\r\n    border-radius: 1.5rem;\r\n    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);\r\n    position: relative;\r\n    margin: 0.5em;\r\n    overflow: hidden; \r\n    position: relative; \r\n}\r\n.profile-card-rek .text-data {\r\n    margin-left: 10px;\r\n    margin-top: 50px;\r\n\tdisplay: flex;\r\n    flex-direction: column;\r\n    align-items: start;\r\n}\r\n.profile-card-rek .buttons {\r\n    display: flex;\r\n    align-items: center;\r\n\tbackground-color:white;\r\n    width: 100%; \r\n    margin-top: 10px;\r\n}\r\n.profile-card-rek  .buttons .button {\r\n    color: #fff;\r\n    font-size: 0.8rem;\r\n    font-weight: 400;\r\n    border: 1px solid #166306;\r\n    border-radius: 24px;\r\n    margin: 0 10px;\r\n    padding: 8px 24px;\r\n    background-color: #166306;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n.profile-card-rek .text-data .name {\r\n    font-size: 1.2rem;\r\n    text-align: center;\r\n    font-weight: 500;\r\n\tcolor:black;\r\n}\r\n\r\n\r\n.profile-card-rek::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    height: 36%;\r\n    width: 100%;\r\n    border-radius: 24px 24px 0 0;\r\n    background-color: #0e5700;\r\n}\r\n\r\n.profile-card-rek .image {\r\n    position: relative;\r\n    height: 150px;\r\n    width: 150px;\r\n    border-radius: 50%;\r\n    background-color: #17730b;\r\n    padding: 3px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.profile-card-rek .image .profile-img {\r\n    height: 100%;\r\n    width: 100%;\r\n    object-fit: cover;\r\n    border-radius: 50%;\r\n    border: 3px solid #fff;\r\n    object-position: top; \r\n\t\r\n}\r\n\r\n.profile-card-rek .text-data .job {\r\n    font-size: 0.8rem;\r\n    color:#005300 ;\r\n    font-weight: 400;\r\n    text-align: center;\r\n\talign-items: center;\r\n    padding-top: 3px;\r\n}\r\n.profile-card-rek .green{\r\n\tcolor:green;\r\n}\r\n\r\n\r\n.profile-card-rek .media-buttons .link {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #fff;\r\n    font-size: 18px;\r\n    height: 34px;\r\n    width: 34px;\r\n    border-radius: 50%;\r\n    margin: 0 8px;\r\n    background-color: #4070f4;\r\n    text-decoration: none;\r\n}\r\n\r\n\r\n\r\n\r\n\r\n.profile-card-rek .buttons .button:hover {\r\n    background-color: white;\r\n    color: green;\r\n}\r\n\r\n\r\n@media only screen and (min-width: 721px) and (max-width: 1100px) {\r\n    .profile-card-rek .buttons .button {\r\n  \tcolor: #fff;\r\n\tpadding: 5px 15px;\r\n\t\r\n  }\r\n  .profile-card-rek .profile-card-rek {\r\n    width: 100%; \r\n    max-width: 400px;\r\n    margin: 0.5em;\r\n  }\r\n  \r\n  .profile-card-rek .profile-card-rek::before {\r\n    height: 30%; \r\n  }\r\n  \r\n  .profile-card-rek .image {\r\n    height: 120px;\r\n    width: 120px;\r\n  }\r\n  \r\n  .profile-card-rek  .text-data .name {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .profile-card-rek .text-data .job {\r\n    font-size: 13px;\r\n  }\r\n  \r\n  .profile-card-rek .media-buttons .link {\r\n    height: 30px;\r\n    width: 30px;\r\n    font-size: 16px;\r\n  }\r\n}\r\n@media only screen and (min-width: 474px) and (max-width: 720px) {\r\n    .profile-card-rek .buttons .button {\r\n  \tcolor: #fff;\r\n  \tfont-size:12px;\r\n\tpadding: 8px 20px;\r\n\t\r\n  }\r\n   .profile-card-rek {\r\n    width: 100%; \r\n    max-width: 400px;\r\n    margin: 0.5em;\r\n  }\r\n  \r\n .profile-card-rek::before {\r\n    height: 30%; \r\n  }\r\n  \r\n  .profile-card-rek .image {\r\n    height: 120px;\r\n    width: 120px;\r\n  }\r\n  \r\n  .profile-card-rek .text-data .name {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .profile-card-rek .text-data .job {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n\r\n}\r\n@media only screen and (max-width: 473px) {\r\n    .profile-card-rek .buttons .button {\r\n  \tcolor: #fff;\r\n  \tfont-size:8px;\r\n\tpadding: 5px 15px;\r\n\t\r\n  }\r\n   .profile-card-rek {\r\n    width: 100%; \r\n    max-width: 400px;\r\n    margin: 0.5em;\r\n  }\r\n  \r\n .profile-card-rek::before {\r\n    height: 30%; \r\n  }\r\n  \r\n  .profile-card-rek .image {\r\n    height: 90px;\r\n    width: 90px;\r\n  }\r\n  \r\n  .profile-card-rek .text-data .name {\r\n    font-size: 0.8rem;\r\n  }\r\n  \r\n  .profile-card-rek .text-data .job {\r\n    font-size: 0.7rem;\r\n  }\r\n  \r\n\r\n}\r\n\r\n\r\n\r\n\/*  card normal *\/\r\n.container-1 {\r\n    display: flex;\r\n    justify-content: center;\r\n    max-width: 1200px; \r\n    width: 100%; \r\n    margin: 0 auto; \r\n    flex-wrap: wrap;\r\n    flex-direction: row;\r\n}\r\n.container-2 {\r\n    display: flex;\r\n    justify-content: center;\r\n    max-width: 1200px; \r\n    width: 100%; \r\n    margin: 0 auto; \r\n    flex-wrap: wrap;\r\n    flex-direction: row;\r\n}\r\n\r\n.profile-card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    width: 30%;\r\n    max-width: 240px;\r\n    padding: 1rem;\r\n\tpadding-top:2rem;\r\n    background: #fff;\r\n    border-radius: 1.5rem;\r\n    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);\r\n    position: relative;\r\n    margin: 1.3em;\r\n    overflow: hidden; \r\n    position: relative; \r\n}\r\n.card-1{\r\n\r\n}\r\n\r\n.profile-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    height: 36%;\r\n    width: 100%;\r\n    border-radius: 24px 24px 0 0;\r\n    background-color: #0e5700;\r\n}\r\n\r\n.image {\r\n    position: relative;\r\n    height: 150px;\r\n    width: 150px;\r\n    border-radius: 50%;\r\n    background-color: #17730b;\r\n    padding: 3px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\n.image .profile-img {\r\n    height: 100%;\r\n    width: 100%;\r\n    object-fit: cover;\r\n    border-radius: 50%;\r\n    border: 3px solid #fff;\r\n    object-position: top; \r\n\t\r\n}\r\n\r\n\r\n.profile-card .text-data {\r\n    display: flex;\r\n    flex-direction: column;\r\n    margin-bottom: 40px; \r\n}\r\n\r\n\r\n.text-data .name {\r\n    font-size: 0.9rem;\r\n    text-align: center;\r\n    font-weight: 500;\r\n\tcolor:black;\r\n}\r\n\r\n.text-data .job {\r\n    font-size: 0.8rem;\r\n    color:#005300 ;\r\n    font-weight: 400;\r\n    text-align: center;\r\n\talign-items: center;\r\n    padding-top: 3px;\r\n}\r\n.green{\r\n\tcolor:green;\r\n}\r\n\r\n.profile-card .media-buttons {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: absolute;\r\n\tbackground-color:white;\r\n    bottom: 50px; \r\n    width: 100%;\r\n}\r\n\r\n.media-buttons .link {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #fff;\r\n    font-size: 18px;\r\n    height: 34px;\r\n    width: 34px;\r\n    border-radius: 50%;\r\n    margin: 0 8px;\r\n    background-color: #4070f4;\r\n    text-decoration: none;\r\n}\r\n\r\n.profile-card .buttons {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: absolute;\r\n\tbackground-color:white;\r\n    bottom: 8px; \r\n    width: 100%; \r\n}\r\n\r\n.buttons .button {\r\n    color: #fff;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    border: 1px solid #166306;\r\n    border-radius: 24px;\r\n    margin: 0 10px;\r\n    padding: 8px 24px;\r\n    background-color: #166306;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.buttons .button:hover {\r\n    background-color: white;\r\n    color: green;\r\n}\r\n\r\n\r\n@media only screen and (min-width: 721px) and (max-width: 1100px) {\r\n  .buttons .button {\r\n  \tcolor: #fff;\r\n  \tfont-size: 8px;\r\n\tpadding: 5px 15px;\r\n\t\r\n  }\r\n  .profile-card {\r\n    width: 30%; \r\n    max-width: 400px;\r\n    margin: 0.5em;\r\n  }\r\n  \r\n  .profile-card::before {\r\n    height: 30%; \r\n  }\r\n  \r\n  .image {\r\n    height: 120px;\r\n    width: 120px;\r\n  }\r\n  \r\n  .text-data .name {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .text-data .job {\r\n    font-size: 13px;\r\n  }\r\n  \r\n  .media-buttons .link {\r\n    height: 30px;\r\n    width: 30px;\r\n    font-size: 16px;\r\n  }\r\n}\r\n@media only screen and (min-width: 480px) and (max-width: 720px) {\r\n  .buttons .button {\r\n  \tcolor: #fff;\r\n  \tfont-size: 8px;\r\n\tpadding: 5px 15px;\r\n\t\r\n  }\r\n  .profile-card {\r\n    width: 45%; \r\n    max-width: 400px;\r\n    margin: 0.5em;\r\n  }\r\n  \r\n  .profile-card::before {\r\n    height: 30%; \r\n  }\r\n  \r\n  .image {\r\n    height: 120px;\r\n    width: 120px;\r\n  }\r\n  \r\n  .text-data .name {\r\n    font-size: 18px;\r\n  }\r\n  \r\n  .text-data .job {\r\n    font-size: 13px;\r\n  }\r\n  \r\n  .media-buttons .link {\r\n    height: 30px;\r\n    width: 30px;\r\n    font-size: 16px;\r\n  }\r\n}\r\n\r\n\r\n@media (max-width: 480px) {\r\n  .profile-card {\r\n    width: 100%; \r\n    max-width: none; \r\n  }\r\n  .profile-card::before {\r\n    height: 24%; \r\n  }\r\n  \r\n  .image {\r\n    height: 100px; \r\n    width: 100px; \r\n  }\r\n  \r\n  .text-data .name {\r\n    font-size: 16px; \r\n  }\r\n  \r\n  .text-data .job {\r\n    font-size: 12px; \r\n  }\r\n  \r\n  .media-buttons .link {\r\n    height: 24px;\r\n    width: 24px; \r\n    font-size: 14px; \r\n  }\r\n}\r\n\r\n\r\n\r\n\r\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Pimpinan UIN Sumatera Utara Medan<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"footnotes":""},"class_list":["post-32136","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/uinsu.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/32136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uinsu.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uinsu.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uinsu.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uinsu.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=32136"}],"version-history":[{"count":9,"href":"https:\/\/uinsu.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/32136\/revisions"}],"predecessor-version":[{"id":33117,"href":"https:\/\/uinsu.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/32136\/revisions\/33117"}],"wp:attachment":[{"href":"https:\/\/uinsu.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=32136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}