{"id":176,"date":"2024-11-29T11:27:24","date_gmt":"2024-11-29T03:27:24","guid":{"rendered":"http:\/\/perpustakaan.uin-alauddin.org\/?page_id=176"},"modified":"2026-09-17T11:06:21","modified_gmt":"2026-09-17T03:06:21","slug":"staf-2","status":"publish","type":"page","link":"https:\/\/perpustakaan.uin-alauddin.ac.id\/?page_id=176","title":{"rendered":"Meet our Team"},"content":{"rendered":"<p><!DOCTYPE html><br \/>\n<html lang=\"id\" dir=\"ltr\"><br \/>\n<head><br \/>\n    <!-- Bootstrap 5 CSS -->\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\">\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n        :root {\n            --primary: #f0f5f1;\n            --primary-dark: #254d73;\n            --primary-light: #4a89bf;\n            --accent: #52bf61;\n            --bg-light: #f0f4f8;\n            --bg-white: #ffffff;\n            --text-dark: #2c3e50;\n            --text-muted: #6c757d;\n            --shadow-card: 0 4px 20px rgba(50, 103, 153, 0.12);\n            --shadow-hover: 0 8px 30px rgba(50, 103, 153, 0.22);\n            --radius: 12px;\n        }\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        body {\n            font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;\n            background: var(--bg-light);\n            color: var(--text-dark);\n            line-height: 1.6;\n        }\n        \/* ===== HEADER \/ NAVBAR ===== *\/\n        .navbar-custom {\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\n            padding: 12px 0;\n            box-shadow: 0 2px 15px rgba(0,0,0,0.15);\n            position: sticky;\n            top: 0;\n            z-index: 1000;\n        }\n        .navbar-custom .navbar-brand img {\n            max-height: 50px;\n            filter: brightness(0) invert(1);\n            transition: transform 0.3s ease;\n        }\n        .navbar-custom .navbar-brand:hover img {\n            transform: scale(1.05);\n        }\n        .navbar-custom .nav-link {\n            color: rgba(255,255,255,0.9) !important;\n            font-weight: 500;\n            font-size: 14px;\n            padding: 8px 16px !important;\n            border-radius: 6px;\n            transition: all 0.3s ease;\n        }\n        .navbar-custom .nav-link:hover,\n        .navbar-custom .nav-link.active {\n            color: #fff !important;\n            background: rgba(255,255,255,0.15);\n        }\n        .navbar-custom .navbar-toggler {\n            border-color: rgba(255,255,255,0.3);\n        }\n        .navbar-custom .navbar-toggler-icon {\n            background-image: url(\"data:image\/svg+xml,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'\/%3e%3c\/svg%3e\");\n        }\n        .dropdown-menu {\n            border: none;\n            border-radius: 8px;\n            box-shadow: 0 10px 40px rgba(0,0,0,0.15);\n            padding: 8px;\n        }\n        .dropdown-item {\n            border-radius: 6px;\n            padding: 8px 16px;\n            font-size: 14px;\n            transition: all 0.2s ease;\n        }\n        .dropdown-item:hover {\n            background: var(--bg-light);\n            color: var(--primary);\n        }\n        \/* ===== HERO BANNER ===== *\/\n        .hero-banner {\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 50%, var(--accent) 100%);\n            padding: 50px 0 40px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n        .hero-banner::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            left: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(ellipse at center, rgba(255,255,255,0.08) 0%, transparent 70%);\n            animation: pulse-bg 8s ease-in-out infinite;\n        }\n        @keyframes pulse-bg {\n            0%, 100% { transform: scale(1); opacity: 0.5; }\n            50% { transform: scale(1.1); opacity: 1; }\n        }\n        .hero-banner img {\n            max-width: 500px;\n            width: 80%;\n            position: relative;\n            z-index: 1;\n            filter: brightness(0) invert(1);\n        }\n        \/* ===== MAIN CONTENT ===== *\/\n        .main-wrapper {\n            max-width: 1270px;\n            margin: -30px auto 40px;\n            background: var(--bg-white);\n            padding: 40px 30px;\n            border-radius: 16px;\n            box-shadow: 0 10px 60px rgba(0,0,0,0.08);\n            position: relative;\n            z-index: 2;\n        }\n        \/* ===== SECTION TITLES ===== *\/\n        .section-title {\n            color: var(--primary);\n            border-bottom: 3px solid var(--primary);\n            padding-bottom: 15px;\n            margin-bottom: 30px;\n            text-align: center;\n            font-weight: 800;\n            font-size: 1.8em;\n            letter-spacing: 2px;\n            text-transform: uppercase;\n            position: relative;\n        }\n        .section-title::after {\n            content: '';\n            position: absolute;\n            bottom: -3px;\n            left: 50%;\n            transform: translateX(-50%);\n            width: 60px;\n            height: 3px;\n            background: var(--accent);\n        }\n        .section-subtitle {\n            color: var(--primary);\n            border-bottom: 3px solid var(--primary);\n            padding-bottom: 12px;\n            margin-top: 50px;\n            margin-bottom: 30px;\n            text-align: center;\n            font-weight: 700;\n            font-size: 1.4em;\n            letter-spacing: 1px;\n        }\n        \/* ===== STAFF CARDS ===== *\/\n        .staff-card {\n            border: none;\n            border-radius: var(--radius);\n            overflow: hidden;\n            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n            box-shadow: var(--shadow-card);\n            background: var(--bg-white);\n            height: 100%;\n        }\n        .staff-card:hover {\n            transform: translateY(-6px);\n            box-shadow: var(--shadow-hover);\n        }\n        .staff-card .card-inner {\n            padding: 20px;\n            display: flex;\n            align-items: center;\n            gap: 16px;\n        }\n        .staff-card .photo-wrapper {\n            flex-shrink: 0;\n            width: 120px;\n            height: 140px;\n            border-radius: 10px;\n            overflow: hidden;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n            position: relative;\n        }\n        .staff-card .photo-wrapper::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: linear-gradient(180deg, transparent 60%, rgba(50,103,153,0.15) 100%);\n            z-index: 1;\n            pointer-events: none;\n        }\n        .staff-card .photo-wrapper img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            transition: transform 0.5s ease;\n        }\n        .staff-card:hover .photo-wrapper img {\n            transform: scale(1.08);\n        }\n        .staff-card .card-body {\n            padding: 0;\n            flex: 1;\n        }\n        .staff-card .card-title {\n            font-size: 1.05rem;\n            font-weight: 700;\n            color: var(--text-dark);\n            margin-bottom: 4px;\n        }\n        .staff-card .position-label {\n            display: inline-block;\n            background: linear-gradient(135deg, #52bf61, #dbeafe);\n            color: var(--primary);\n            font-size: 0.78rem;\n            font-weight: 600;\n            padding: 3px 10px;\n            border-radius: 20px;\n            margin-bottom: 6px;\n        }\n        .staff-card .jabatan-text {\n            font-size: 0.82rem;\n            color: var(--text-muted);\n            margin-bottom: 8px;\n        }\n        .staff-card .email-link {\n            font-size: 0.8rem;\n            color: var(--accent);\n            text-decoration: none;\n            display: inline-flex;\n            align-items: center;\n            gap: 4px;\n            transition: color 0.3s ease;\n        }\n        .staff-card .email-link:hover {\n            color: var(--primary);\n        }\n        .btn-profil {\n            display: inline-block;\n            padding: 6px 18px;\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);\n            color: #fff;\n            font-size: 13px;\n            font-weight: 600;\n            text-decoration: none;\n            border-radius: 6px;\n            box-shadow: 0 3px 10px rgba(50,103,153,0.25);\n            transition: all 0.3s ease;\n            margin-top: 10px;\n        }\n        .btn-profil:hover {\n            background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);\n            color: #fff;\n            transform: translateY(-2px);\n            box-shadow: 0 5px 15px rgba(50,103,153,0.35);\n        }\n        \/* ===== KEPALA CARD (Special) ===== *\/\n        .kepala-card {\n            max-width: 650px;\n            margin: 0 auto 30px;\n        }\n        .kepala-card .staff-card {\n            background: linear-gradient(135deg, #fff 0%, #fff 100%);\n            border: 2px solid rgba(50,103,153,0.15);\n        }\n        .kepala-card .position-label {\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);\n            color: #fff;\n        }\n        \/* ===== FOOTER ===== *\/\n        .footer-section {\n            background: linear-gradient(135deg, #1a3a5c 0%, var(--primary-dark) 100%);\n            color: #fff;\n            padding: 50px 0 0;\n        }\n        .footer-section h5 {\n            font-weight: 700;\n            margin-bottom: 20px;\n            font-size: 1.2rem;\n            position: relative;\n            padding-bottom: 10px;\n        }\n        .footer-section h5::after {\n            content: '';\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 40px;\n            height: 2px;\n            background: var(--accent);\n        }\n        .footer-section a {\n            color: rgba(255,255,255,0.8);\n            text-decoration: none;\n            transition: color 0.3s ease;\n        }\n        .footer-section a:hover {\n            color: #fff;\n        }\n        .footer-contact li {\n            display: flex;\n            align-items: flex-start;\n            gap: 12px;\n            margin-bottom: 16px;\n        }\n        .footer-contact li i {\n            font-size: 18px;\n            color: var(--accent);\n            margin-top: 3px;\n        }\n        .footer-social a {\n            display: inline-flex;\n            width: 40px;\n            height: 40px;\n            align-items: center;\n            justify-content: center;\n            background: rgba(255,255,255,0.1);\n            border-radius: 8px;\n            font-size: 18px;\n            margin-right: 8px;\n            transition: all 0.3s ease;\n        }\n        .footer-social a:hover {\n            background: var(--accent);\n            transform: translateY(-3px);\n        }\n        .footer-bottom-bar {\n            background: rgba(0,0,0,0.2);\n            padding: 15px 0;\n            margin-top: 40px;\n            text-align: center;\n            font-size: 0.85rem;\n            color: rgba(255,255,255,0.7);\n        }\n        .map-container {\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.2);\n        }\n        .map-container iframe {\n            width: 100%;\n            height: 280px;\n            border: none;\n        }\n        \/* ===== SCROLL TO TOP ===== *\/\n        .scroll-top {\n            position: fixed;\n            bottom: 30px;\n            right: 30px;\n            width: 45px;\n            height: 45px;\n            background: var(--primary);\n            color: #fff;\n            border: none;\n            border-radius: 10px;\n            font-size: 20px;\n            cursor: pointer;\n            display: none;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 4px 15px rgba(50,103,153,0.4);\n            transition: all 0.3s ease;\n            z-index: 999;\n        }\n        .scroll-top:hover {\n            background: var(--primary-dark);\n            transform: translateY(-3px);\n        }\n        .scroll-top.show {\n            display: flex;\n        }\n        \/* ===== RESPONSIVE ===== *\/\n        @media (max-width: 768px) {\n            .main-wrapper {\n                margin: -20px 10px 30px;\n                padding: 25px 15px;\n            }\n            .staff-card .card-inner {\n                flex-direction: column;\n                text-align: center;\n                padding: 16px;\n            }\n            .staff-card .photo-wrapper {\n                width: 100px;\n                height: 120px;\n            }\n            .section-title {\n                font-size: 1.4em;\n            }\n            .section-subtitle {\n                font-size: 1.1em;\n            }\n            .hero-banner {\n                padding: 35px 0 30px;\n            }\n            .hero-banner img {\n                max-width: 300px;\n            }\n            .kepala-card {\n                max-width: 100%;\n            }\n        }\n        \/* ===== ANIMATIONS ===== *\/\n        .fade-in-up {\n            opacity: 0;\n            transform: translateY(30px);\n            transition: all 0.6s ease-out;\n        }\n        .fade-in-up.visible {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    <\/style>\n<p><\/head><br \/>\n<body><br \/>\n    <!-- ===== MAIN CONTENT ===== --><\/p>\n<div class=\"container\">\n<div class=\"main-wrapper\">\n            <!-- Title --><\/p>\n<h3 class=\"section-title\">Kepala<\/h3>\n<p>            <!-- ===== KEPALA UPT ===== --><\/p>\n<div class=\"kepala-card fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                            <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/kapus.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/kapus.png\" alt=\"Foto Profil - Hj. Suryani, S.Sos., M.M \"><br \/>\n                            <\/a>\n                        <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Hj. Suryani, S.Sos., M.M<\/h5>\n<p>                            <span class=\"position-label\">Kepala UPT Pusat Perpustakaan<\/span><\/p>\n<div class=\"jabatan-text\">Dosen<\/div>\n<p>                            <a href=\"mailto:suryani@uin-alauddin.ac.id\" class=\"email-link\"> suryani@uin-alauddin.ac.id<\/a><br \/>\n                            \n                        <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>            <!-- ===== PUSTAKAWAN DAN STAF ===== --><\/p>\n<h3 class=\"section-title\">Pustakawan dan Staf<\/h3>\n<div class=\"row g-4\">\n                <!-- Zaenal --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/zaenal-1.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/zaenal-1.png\" alt=\"Foto Profil - Khaidir Akbar\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Zaenal, S.Hum., M.Hum<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Pustakawan<\/span><\/p>\n<div class=\"jabatan-text\">Pengolahan Bahan Pustaka<\/div>\n<p>                                <a href=\"zaenal@uin-alauddin.ac.id\" class=\"email-link\"> zaenal@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Hidayati --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/hidayati.png target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/hidayati.png\" alt=\"Foto Profil - Hidayati\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Dra. Hj. Hidayati, M.Sos.I<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Pustakawan<\/span><\/p>\n<div class=\"jabatan-text\">Sirkulasi Bahan Pustaka<\/div>\n<p>                                <a href=\"hidayati@uin-alauddin.ac.id\" class=\"email-link\"> hidayati@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Khaidir Akbar --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/fatma.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/fatma.png\" alt=\"Foto Profil - fatmawati\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Fatmawati, S.Hum., M.Hum<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Pustakawan<\/span><\/p>\n<div class=\"jabatan-text\">Pengolahan Bahan Pustaka<\/div>\n<p>                                <a href=\"fatmawati@uin-alauddin.ac.id\" class=\"email-link\"> fatmawati@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Hj. A. Aryana Bohang, S.Sos., M.M --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/aryana.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/aryana.png\" alt=\"Foto Profil - Hj. A. Aryana Bohang, S.Sos., M.M\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Hj. A. Aryana Bohang, S.Sos., M.M<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Pustakawan<\/span><\/p>\n<div class=\"jabatan-text\">Pengolahan Bahan Pustaka<\/div>\n<p>                                <a href=\"aryana@uin-alauddin.ac.id\" class=\"email-link\"> aryana@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Rajlina --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/rajlina.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/rajlina.png\" alt=\"Foto Profil - Rajlina\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Rajlina, S.Hum., M.Hum<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Pustakawan<\/span><\/p>\n<div class=\"jabatan-text\">Unit Referensi<\/div>\n<p>                                <a href=\"rajlina@uin-alauddin.ac.id\" class=\"email-link\"> rajlina@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- jumawaliah --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/jum.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/jum.png\" alt=\"Foto Profil - jumawaliah\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Jum Awaliah Idham, S.I.P., M.Hum<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Pustakawan<\/span><\/p>\n<div class=\"jabatan-text\">Pengolahan Bahan Pustaka<\/div>\n<p>                                <a href=\"zaenal@uin-alauddin.ac.id\" class=\"email-link\"> jumawaliah@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Widya Apriliani --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/widya.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/widya.png\" alt=\"Foto Profil - Widya Apriliani\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Widya Apriliani, S.Pust<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Pustakawan<\/span><\/p>\n<div class=\"jabatan-text\">Pengolahan Bahan Pustaka<\/div>\n<p>                                <a href=\"widya@uin-alauddin.ac.id\" class=\"email-link\"> widya@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- rosani --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/rosani2.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/rosani2.png\" alt=\"Foto Profil - rosani\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Rosani, S.Sos<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Penata Layanan Operasional<\/span><\/p>\n<div class=\"jabatan-text\">Sirkulasi Bahan Pustaka<\/div>\n<p>                                <a href=\"rosani@uin-alauddin.ac.id\" class=\"email-link\"> rosani@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Hijrah --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/hijrah.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/hijrah.png\" alt=\"Foto Profil - hijrah\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Hijrah, S.Hum.<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Penata Layanan Operasional<\/span><\/p>\n<div class=\"jabatan-text\">Sirkulasi Bahan Pustaka<\/div>\n<p>                                <a href=\"hijrah@uin-alauddin.ac.id\" class=\"email-link\"> hijrah@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>\t\t\t\t<!-- Wiwik Yuliani --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/angelina-jolie2.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/angelina-jolie2.png\" alt=\"Foto Profil - wiwik\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Wiwik Yuliani, S.Hum., M.Hum.<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Penata Layanan Operasional<\/span><\/p>\n<div class=\"jabatan-text\">Sirkulasi Bahan Pustaka<\/div>\n<p>                                <a href=\"wiwik@uin-alauddin.ac.id\" class=\"email-link\"> wiwik@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Hamka --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/hamka.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/hamka.png\" alt=\"Foto Profil - hamka\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Hamka<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Penata Layanan Operasional<\/span><\/p>\n<div class=\"jabatan-text\">Penitipan<\/div>\n<p>                                <a href=\"hamka@uin-alauddin.ac.id\" class=\"email-link\"> hamka@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Satriani --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/nani.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/nani.png\" alt=\"Foto Profil - Satriani\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Satriani, S.I.P., M.I.P.<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Pustakawan<\/span><\/p>\n<div class=\"jabatan-text\">Sirkulasi Bahan Pustaka<\/div>\n<p>                                <a href=\"satriani@uin-alauddin.ac.id\" class=\"email-link\"> satriani@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Irawati --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/Ira-256x300.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/Ira-256x300.png\" alt=\"Foto Profil - Irawati\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Irawati, S.I.P., M.I.P.<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Penata Layanan Operasional<\/span><\/p>\n<div class=\"jabatan-text\">Repository dan Bahan Pustaka<\/div>\n<p>                                <a href=\"irawati@uin-alauddin.ac.id\" class=\"email-link\"> irawati@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Hijrana --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/HIJRANA.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/HIJRANA.png\" alt=\"Foto Profil - Hijrana\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Hijrana, S.I.P.<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Penata Layanan Operasional<\/span><\/p>\n<div class=\"jabatan-text\">Pengolahan Bahan Pustaka<\/div>\n<p>                                <a href=\"hijrana@uin-alauddin.ac.id\" class=\"email-link\"> hijrana@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Haruddin --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/haruddin.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/haruddin.png\" alt=\"Foto Profil - Haruddin\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Haruddin, S.I.P., M.I.P.<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Penata Layanan Operasional<\/span><\/p>\n<div class=\"jabatan-text\">Repository dan Bebas Pustaka<\/div>\n<p>                                <a href=\"haruddin@uin-alauddin.ac.id\" class=\"email-link\"> haruddin@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Khaidir Akbar --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/khaidir-1.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/khaidir-1.png\" alt=\"Foto Profil - Khaidir Akbar\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">A. Khaidir Akbar, S.I.P., M.I.P.<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Pustakawan<\/span><\/p>\n<div class=\"jabatan-text\">Repository dan Bahan Pustaka<\/div>\n<p>                                <a href=\"a.khaidirakbar@uin-alauddin.ac.id\" class=\"email-link\"> a.khaidirakbar@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Arham --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/arham.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/arham.png\" alt=\"Foto Profil - arham\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Arham Abdurrahman, S.Ars.<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">IT Support<\/span><\/p>\n<div class=\"jabatan-text\">Unit Referensi<\/div>\n<p>                                <a href=\"arham@uin-alauddin.ac.id\" class=\"email-link\"> arham@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p>                <!-- Rahmat --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/rahmat.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/rahmat.png\" alt=\"Foto Profil - rahmat\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Rahmat Sutomo, S.Kom<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">IT Support<\/span><\/p>\n<div class=\"jabatan-text\">Sirkulasi Bahan Pustaka<\/div>\n<p>                                <a href=\"rahmat@uin-alauddin.ac.id\" class=\"email-link\"> rahmat@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- end row Pustakawan --><br \/>\n            <!-- ===== ARSIPARIS ===== --><\/p>\n<h3 class=\"section-subtitle\">ARSIPARIS<\/h3>\n<div class=\"row g-4\">\n                <!-- kama --><\/p>\n<div class=\"col-md-6 fade-in-up\">\n<div class=\"staff-card card\">\n<div class=\"card-inner\">\n<div class=\"photo-wrapper\">\n                                <a href=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/kama.png\" target=\"_blank\" rel=\"noopener\"><br \/>\n                                    <img decoding=\"async\" src=\"https:\/\/perpustakaan.uin-alauddin.ac.id\/wp-content\/uploads\/kama.png\" alt=\"Foto Profil - kama\"><br \/>\n                                <\/a>\n                            <\/div>\n<div class=\"card-body\">\n<h5 class=\"card-title\">Kamaruddin, S.Sos<\/h5>\n<p>\t\t\t\t\t\t\t\t<span class=\"position-label\">Arsiparis<\/span><\/p>\n<div class=\"jabatan-text\">Arsip<\/div>\n<p>                                <a href=\"kamaruddin@uin-alauddin.ac.id\" class=\"email-link\"> kamaruddin@uin-alauddin.ac.id<\/a><br \/>\n                                \n                            <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p><!-- end row Pengelola -->\n        <\/div>\n<p><!-- end main-wrapper -->\n    <\/div>\n<p>    <!-- Scroll to Top --><br \/>\n    <button class=\"scroll-top\" id=\"scrollTopBtn\" onclick=\"window.scrollTo({top:0,behavior:'smooth'})\"><br \/>\n        <i class=\"fa fa-angle-up\"><\/i><br \/>\n    <\/button><br \/>\n    <!-- Bootstrap JS --><br \/>\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/js\/bootstrap.bundle.min.js\"><\/script><br \/>\n    <script>\n        \/\/ Scroll to top button visibility\n        window.addEventListener('scroll', function() {\n            const btn = document.getElementById('scrollTopBtn');\n            if (window.scrollY > 300) {\n                btn.classList.add('show');\n            } else {\n                btn.classList.remove('show');\n            }\n        });\n        \/\/ Fade-in animation on scroll\n        const observerOptions = {\n            threshold: 0.1,\n            rootMargin: '0px 0px -50px 0px'\n        };\n        const observer = new IntersectionObserver(function(entries) {\n            entries.forEach(function(entry) {\n                if (entry.isIntersecting) {\n                    entry.target.classList.add('visible');\n                    observer.unobserve(entry.target);\n                }\n            });\n        }, observerOptions);\n        document.querySelectorAll('.fade-in-up').forEach(function(el) {\n            observer.observe(el);\n        });\n    <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kepala Hj. Suryani, S.Sos., M.M Kepala UPT Pusat Perpustakaan Dosen suryani@uin-alauddin.ac.id Pustakawan dan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":31,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"h5ap_radio_sources":[]},"_links":{"self":[{"href":"https:\/\/perpustakaan.uin-alauddin.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/176"}],"collection":[{"href":"https:\/\/perpustakaan.uin-alauddin.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/perpustakaan.uin-alauddin.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/perpustakaan.uin-alauddin.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/perpustakaan.uin-alauddin.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=176"}],"version-history":[{"count":76,"href":"https:\/\/perpustakaan.uin-alauddin.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/176\/revisions"}],"predecessor-version":[{"id":3787,"href":"https:\/\/perpustakaan.uin-alauddin.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/176\/revisions\/3787"}],"up":[{"embeddable":true,"href":"https:\/\/perpustakaan.uin-alauddin.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/31"}],"wp:attachment":[{"href":"https:\/\/perpustakaan.uin-alauddin.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}