{"id":1087,"date":"2026-07-03T04:52:08","date_gmt":"2026-07-03T04:52:08","guid":{"rendered":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/?page_id=1087"},"modified":"2026-09-16T13:07:33","modified_gmt":"2026-09-16T13:07:33","slug":"profil","status":"publish","type":"page","link":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/profil\/","title":{"rendered":"Profil"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nTop Bar - Follow Us & Search<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<!-- Font Awesome -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.1\/css\/all.min.css\">\n\n<style>\n\n*, *::before, *::after{\n box-sizing:border-box;\n margin:0;\n padding:0;\n}\n\nbody{\n background:transparent;\n font-family:'Poppins', sans-serif;\n}\n\n\/* =====================================================\n TOP BAR\n===================================================== *\/\n.topbar-ti{\n display:flex;\n align-items:center;\n justify-content:space-between;\n\n width:100%;\n background:#3559DB;\n\n padding:14px 28px;\n\n position:relative;\n}\n\n\/* ===== FOLLOW US + ICONS (Font Awesome) ===== *\/\n.follow-us-box{\n display:flex;\n align-items:center;\n gap:12px;\n flex-wrap:wrap;\n}\n.follow-title{\n color:#fff;\n font-size:18px;\n font-weight:700;\n line-height:1.2;\n white-space:nowrap;\n}\n.social-icons{\n display:flex;\n align-items:center;\n gap:12px;\n flex-wrap:wrap;\n}\n.social-btn{\n width:40px;\n height:40px;\n background:#fff;\n border-radius:50%;\n display:flex;\n align-items:center;\n justify-content:center;\n text-decoration:none;\n transition:all .3s ease;\n flex-shrink:0;\n}\n.social-btn i{\n color:#3457d5;\n font-size:20px;\n}\n.social-btn:hover{\n transform:translateY(-3px);\n}\n\n\/* ===== TANGGAL + SEARCH (KANAN) ===== *\/\n.topbar-right{\n display:flex;\n align-items:center;\n gap:20px;\n}\n\n.topbar-date{\n color:#ffffff;\n font-size:22px;\n font-weight:400;\n white-space:nowrap;\n}\n\n.topbar-search-btn{\n background:none;\n border:none;\n cursor:pointer;\n padding:8px;\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n\/* =====================================================\n MOBILE\n===================================================== *\/\n@media (max-width:768px){\n\n .topbar-ti{\n flex-direction:column;\n align-items:center;\n gap:14px;\n\n padding:20px 20px 24px;\n }\n\n \/* tombol search nempel di pojok kanan atas *\/\n .topbar-search-btn{\n position:absolute;\n top:14px;\n right:14px;\n }\n\n .topbar-right{\n order:-1;\n justify-content:center;\n width:100%;\n }\n\n .topbar-date{\n font-size:12px;\n }\n\n .topbar-follow{\n order:1;\n flex-direction:column;\n gap:12px;\n }\n\n .topbar-label{\n font-size:14px;\n }\n\n \/* ===== FOLLOW US BOX (mobile) ===== *\/\n .follow-us-box{\n order:1;\n justify-content:center;\n text-align:center;\n gap:10px;\n width:100%;\n }\n .follow-title{\n width:100%;\n font-size:16px;\n }\n .social-icons{\n justify-content:center;\n width:100%;\n gap:10px;\n }\n .social-btn{\n width:38px;\n height:38px;\n }\n .social-btn i{\n font-size:18px;\n }\n\n}\n\n\/* Mobile kecil *\/\n@media (max-width:480px){\n .follow-title{\n font-size:15px;\n }\n .social-btn{\n width:34px;\n height:34px;\n }\n .social-btn i{\n font-size:16px;\n }\n}\n\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"topbar-ti\">\n\n <!-- ===== FOLLOW US + ICONS ===== -->\n <div class=\"follow-us-box\">\n <div class=\"follow-title\">\n Follow Us :\n <\/div>\n <div class=\"social-icons\">\n <a href=\"https:\/\/instagram.com\/\" target=\"_blank\" class=\"social-btn\" aria-label=\"Instagram\">\n <i class=\"fab fa-instagram\"><\/i>\n <\/a>\n <a href=\"https:\/\/youtube.com\/\" target=\"_blank\" class=\"social-btn\" aria-label=\"YouTube\">\n <i class=\"fab fa-youtube\"><\/i>\n <\/a>\n <a href=\"https:\/\/wa.me\/6281234567890\" target=\"_blank\" class=\"social-btn\" aria-label=\"WhatsApp\">\n <i class=\"fab fa-whatsapp\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n <!-- ===== TANGGAL & SEARCH ===== -->\n <div class=\"topbar-right\">\n <span class=\"topbar-date\" id=\"topbar-datetime\"><\/span>\n <\/div>\n\n <!-- ===== SEARCH BUTTON ===== -->\n <button id=\"btn-search-open\" class=\"topbar-search-btn\" aria-label=\"Buka pencarian\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 20 20\">\n <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\" fill=\"transparent\" stroke=\"#ffffff\" stroke-width=\"2.4\"\/>\n <line x1=\"16\" y1=\"16\" x2=\"21\" y2=\"21\" stroke=\"#ffffff\" stroke-width=\"2.4\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n\n<\/div>\n\n<!-- =========================================\nSEARCH OVERLAY\n========================================= -->\n<div id=\"search-overlay\" style=\"\n display:none;\n position:fixed;\n inset:0;\n background:rgba(0,0,0,0.78);\n z-index:2147483647;\n align-items:center;\n justify-content:center;\n flex-direction:column;\n gap:28px;\n padding:20px;\n\">\n\n <!-- CLOSE BUTTON -->\n <button id=\"btn-search-close\" style=\"\n width:64px;\n height:64px;\n border:none;\n border-radius:50%;\n background:#305CDE;\n cursor:pointer;\n display:flex;\n align-items:center;\n justify-content:center;\n padding:0;\n transition:0.3s;\n \">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 24 24\" fill=\"none\">\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" stroke=\"#ffffff\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" stroke=\"#ffffff\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n\n <!-- SEARCH FORM -->\n <form id=\"search-form-overlay\" method=\"get\" style=\"\n display:flex;\n align-items:center;\n width:min(760px,92vw);\n height:72px;\n background:#ffffff;\n border-radius:14px;\n overflow:hidden;\n box-shadow:0 8px 32px rgba(0,0,0,0.18);\n \">\n <input\n id=\"search-input-overlay\"\n type=\"text\"\n name=\"s\"\n placeholder=\"Search Here...\"\n autocomplete=\"off\"\n style=\"\n flex:1;\n height:100%;\n border:none;\n outline:none;\n background:transparent;\n color:#333;\n font-size:18px;\n padding:0 28px;\n \"\n >\n <button type=\"submit\" style=\"\n width:88px;\n height:100%;\n border:none;\n background:#305CDE;\n cursor:pointer;\n display:flex;\n align-items:center;\n justify-content:center;\n flex-shrink:0;\n \">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"34\" height=\"34\" viewBox=\"0 0 24 24\">\n <circle cx=\"10.5\" cy=\"10.5\" r=\"6.5\" fill=\"transparent\" stroke=\"#ffffff\" stroke-width=\"2.8\"\/>\n <line x1=\"16\" y1=\"16\" x2=\"21\" y2=\"21\" stroke=\"#ffffff\" stroke-width=\"2.8\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/button>\n <\/form>\n\n<\/div>\n\n<!-- =========================================\nMOBILE STYLE (SEARCH OVERLAY)\n========================================= -->\n<style>\n\n@media (max-width:768px){\n\n #btn-search-close{\n width:56px !important;\n height:56px !important;\n }\n\n #btn-search-close svg{\n width:28px !important;\n height:28px !important;\n }\n\n #search-form-overlay{\n height:62px !important;\n }\n\n #search-input-overlay{\n font-size:15px !important;\n padding:0 18px !important;\n }\n\n #search-form-overlay button svg{\n width:28px !important;\n height:28px !important;\n }\n\n #search-overlay{\n align-items:flex-start !important;\n justify-content:flex-start !important;\n padding-top:100px !important;\n gap:16px !important;\n }\n\n}\n\n<\/style>\n\n<!-- =========================================\nSCRIPT: JAM BERJALAN + BUKA\/TUTUP SEARCH\n========================================= -->\n<script>\n(function () {\n\n \/* =========================================\n JAM & TANGGAL BERJALAN\n ========================================= *\/\n var dtEl = document.getElementById('topbar-datetime');\n\n var bulan = ['January','February','March','April','May','June','July','August','September','October','November','December'];\n\n function updateClock(){\n var now = new Date();\n\n var tanggal = String(now.getDate()).padStart(2,'0');\n var namaBulan = bulan[now.getMonth()];\n var tahun = now.getFullYear();\n\n var jam24 = now.getHours();\n var ampm = jam24 >= 12 ? 'PM' : 'AM';\n var jam12 = jam24 % 12;\n if (jam12 === 0) jam12 = 12;\n\n var menit = String(now.getMinutes()).padStart(2,'0');\n var detik = String(now.getSeconds()).padStart(2,'0');\n\n dtEl.textContent = namaBulan + ' ' + tanggal + ', ' + tahun + ' ' + jam12 + ':' + menit + ':' + detik + ampm;\n }\n\n updateClock();\n setInterval(updateClock, 1000);\n\n \/* =========================================\n BUKA \/ TUTUP SEARCH OVERLAY\n ========================================= *\/\n var btnOpen = document.getElementById('btn-search-open');\n var btnClose = document.getElementById('btn-search-close');\n var overlay = document.getElementById('search-overlay');\n var input = document.getElementById('search-input-overlay');\n\n function openSearch() {\n overlay.style.display = 'flex';\n document.body.style.overflow = 'hidden';\n setTimeout(function () { input.focus(); }, 50);\n }\n\n function closeSearch() {\n overlay.style.display = 'none';\n document.body.style.overflow = '';\n }\n\n btnOpen.addEventListener('click', openSearch);\n btnClose.addEventListener('click', closeSearch);\n\n overlay.addEventListener('click', function (e) {\n if (e.target === overlay) closeSearch();\n });\n\n document.addEventListener('keydown', function (e) {\n if (e.key === 'Escape' && overlay.style.display === 'flex') closeSearch();\n });\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2008e72 e-flex e-con-boxed e-con e-parent\" data-id=\"2008e72\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d9f676 elementor-widget elementor-widget-html\" data-id=\"4d9f676\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\n HEADER + MENU PRODI TI\n Tempel kode ini DI DALAM widget \"Follow Us\" (di bawah kode Follow Us),\n atau di widget mana pun yang tampil di HP.\n Background header DIPAKSA PUTIH lewat .header-ti,\n jadi tidak ikut biru walau segudang dengan Follow Us.\n===================================================== -->\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ===== SCOPE: semua diawali .header-ti \/ kelas-ti biar tidak bentrok tema ===== *\/\n.header-ti *, .header-ti *::before, .header-ti *::after { box-sizing: border-box; }\n\nhtml.no-scroll, body.no-scroll { overflow: hidden; height: 100%; }\n\n\/* =====================================================\n HEADER: LOGO + MENU dalam satu baris, bisa membungkus.\n Background PUTIH sendiri -> tidak ikut warna area\/top bar.\n===================================================== *\/\n.header-ti {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap; \/* menu turun ke bawah logo saat sempit *\/\n gap: 12px 20px;\n padding: 12px clamp(16px, 3vw, 40px);\n width: 100%;\n background: #ffffff; \/* <- kunci: latar putih sendiri *\/\n font-family: 'Poppins', sans-serif;\n}\n\n\/* ===== BLOK LOGO ===== *\/\n.header-ti .header-logo {\n display: flex; align-items: center; gap: 12px; flex-shrink: 0;\n}\n.header-ti .header-logo img {\n height: clamp(40px, 4vw, 56px); width: auto; display: block; object-fit: contain;\n}\n.header-ti .header-logo .logo-text { display: flex; flex-direction: column; line-height: 1.2; }\n.header-ti .header-logo .logo-top {\n font-size: clamp(12px, 1vw, 15px); font-weight: 700; color: #3559DB; letter-spacing: 0.3px;\n}\n.header-ti .header-logo .logo-bottom {\n font-size: clamp(13px, 1.1vw, 17px); font-weight: 800; color: #1f2937; letter-spacing: 0.3px;\n}\n\n\/* ===== WRAPPER MENU ===== *\/\n.header-ti .menu-wrapper { position: relative; flex-shrink: 0; }\n.header-ti .menu-ti { font-family: 'Poppins', sans-serif; }\n\n\/* ===== HAMBURGER ===== *\/\n.header-ti .menu-toggle {\n display: none;\n background: #3559DB; color: #fff; border: none; border-radius: 8px;\n padding: 8px 12px; font-size: 24px; line-height: 1; cursor: pointer;\n font-family: 'Poppins', sans-serif;\n}\n\n\/* ===== UL LEVEL 1 (boleh turun baris) ===== *\/\n.header-ti .menu-ti > ul {\n list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-end;\n gap: clamp(3px, 0.4vw, 8px); align-items: center; padding: 0; margin: 0;\n}\n.header-ti .menu-ti > ul > li { position: relative; }\n.header-ti .menu-ti > ul > li > a.active { background: #032B63; color: #fff; }\n\n\/* ===== TOMBOL LEVEL 1 (mengecil otomatis) ===== *\/\n\n.header-ti .menu-ti > ul > li > a {\n display: block;\n padding: clamp(9px, 0.9vw, 14px) clamp(16px, 1.6vw, 26px); \/* diperbesar dari clamp(7px,0.8vw,11px) clamp(9px,1vw,18px) *\/\n background: #3559DB; color: #fff; border-radius: 8px; text-decoration: none;\n font-size: clamp(13px, 0.95vw, 16px); \/* diperbesar dari clamp(11px,0.8vw,14px) *\/\n font-weight: 600; white-space: nowrap;\n transition: background 0.25s, box-shadow 0.2s;\n}\n\n.header-ti .menu-ti > ul > li > a:hover,\n.header-ti .menu-ti > ul > li.is-open > a {\n background: #2747bd; box-shadow: 0 4px 12px rgba(53,89,219,0.35);\n}\n\n\/* ===== SUBMENU BIASA ===== *\/\n.header-ti .menu-ti > ul > li > ul {\n list-style: none; position: fixed; min-width: 220px; background: #ffffff;\n border-radius: 0 0 8px 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.12);\n overflow: visible; display: none; z-index: 99999; padding: 0; border-top: 3px solid #305CDE;\n}\n.header-ti .menu-ti > ul > li > ul::before,\n.header-ti .menu-ti > ul > li > .mega-menu::before {\n content: ''; position: absolute; top: -10px; left: 0; width: 100%; height: 10px; background: transparent;\n}\n.header-ti .menu-ti > ul > li.is-open > ul { display: block; }\n.header-ti .menu-ti > ul > li > ul > li > a {\n display: block; padding: 12px 18px; color: #555; text-decoration: none; font-size: 13px;\n background: #ffffff; border-bottom: 1px solid #e5e5e5; white-space: nowrap;\n transition: background 0.2s, color 0.2s, padding-left 0.2s;\n}\n.header-ti .menu-ti > ul > li > ul > li:last-child > a { border-bottom: none; }\n.header-ti .menu-ti > ul > li > ul > li > a:hover { background: #eaeaea; color: #032B63; padding-left: 24px; }\n\n\/* ===== MEGA MENU ===== *\/\n.header-ti .mega-menu {\n position: fixed; background: #ffffff; display: none; padding: 32px 36px;\n grid-template-columns: repeat(4, 1fr); gap: 28px; box-shadow: 0 10px 30px rgba(0,0,0,0.12);\n border-radius: 0 0 8px 8px; z-index: 99999; min-width: 700px; border-top: 3px solid #305CDE;\n}\n.header-ti .menu-ti > ul > li.is-open > .mega-menu { display: grid; }\n.header-ti .mega-menu.cols-3 { grid-template-columns: repeat(3, 1fr); min-width: 560px; }\n.header-ti .mega-column h4 {\n color: #1f3566; font-size: 12px; font-weight: 700; margin-bottom: 12px; padding-bottom: 8px;\n border-bottom: 2px solid #3559DB; text-transform: uppercase; letter-spacing: 0.5px;\n}\n.header-ti .mega-column a {\n display: block; text-decoration: none; color: #555; margin-bottom: 9px; font-size: 13px;\n transition: color 0.2s, transform 0.2s;\n}\n.header-ti .mega-column a:hover { color: #032B63; transform: translateX(4px); }\n\n\/* Elemen sidebar mobile \u2014 sembunyi di desktop *\/\n.header-ti .menu-panel-header, .header-ti .menu-panel-divider,\n.header-ti .menu-close-ti, .menu-overlay-ti { display: none; }\n\n\/* =====================================================\n BREAKPOINT HAMBURGER: 600px\n===================================================== *\/\n@media (max-width: 600px) {\n\n .header-ti { justify-content: space-between; }\n\n \/* Logo di TENGAH; hamburger dipaku pojok kiri (di bawah) *\/\n .header-ti .header-logo {\n display: flex;\n width: 100%;\n justify-content: center;\n text-align: center;\n }\n .header-ti .header-logo img { height: 40px; }\n .header-ti .header-logo .logo-text { align-items: center; }\n .header-ti .header-logo .logo-top { font-size: 12px; }\n .header-ti .header-logo .logo-bottom { font-size: 13px; }\n\n .header-ti .menu-wrapper { position: relative; z-index: 999999; }\n\n .header-ti .menu-toggle {\n display: flex !important; align-items: center; justify-content: center;\n width: 42px; height: 42px; padding: 0; background: transparent; border: none; outline: none;\n color: #fff; font-size: 26px; line-height: 1; cursor: pointer; border-radius: 8px;\n position: relative; z-index: 999999; transition: transform 0.3s ease;\n }\n .header-ti .menu-toggle.is-active { transform: rotate(90deg); display: none !important; }\n\n \/* Hamburger dipaku di pojok kiri atas layar *\/\n .header-ti .menu-wrapper {\n position: fixed;\n top: 10px;\n left: 12px;\n z-index: 999999;\n }\n \/* Beri ruang di atas header supaya isi tidak ketiban tombol *\/\n .header-ti { padding-top: 8px; position: relative; }\n\n .menu-overlay-ti {\n display: block; position: fixed; inset: 0; background: rgba(10,15,40,0.55);\n backdrop-filter: blur(2px); z-index: 999996; opacity: 0; visibility: hidden;\n touch-action: none; overscroll-behavior: contain;\n transition: opacity 0.35s ease, visibility 0s linear 0.35s;\n }\n .menu-overlay-ti.active { opacity: 1; visibility: visible; transition: opacity 0.35s ease, visibility 0s linear 0s; }\n\n .header-ti .menu-panel-ti {\n position: fixed; top: 0; left: 0; width: 78%; max-width: 300px;\n height: 100vh; height: 100dvh; z-index: 999998;\n background: linear-gradient(165deg, #3f6bf0 0%, #3559DB 45%, #1f3566 100%);\n box-shadow: 12px 0 40px rgba(10,15,40,0.35); overflow: visible; transform: translateX(-100%);\n transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\n }\n .header-ti .menu-panel-ti.active { transform: translateX(0); }\n\n .header-ti .menu-panel-header { display: flex; align-items: center; gap: 8px; padding: 14px 18px 0px; }\n .header-ti .menu-panel-header .panel-logo-img { height: 38px; width: auto; display: block; object-fit: contain; flex-shrink: 0; }\n .header-ti .menu-panel-header .panel-logo-text { display: flex; flex-direction: column; line-height: 1.25; }\n .header-ti .menu-panel-header .panel-title,\n .header-ti .menu-panel-header .panel-subtitle { display: inline-block; font-size: 12.5px; font-weight: 700; color: #ffffff; letter-spacing: 0.3px; }\n\n .header-ti .menu-panel-divider { display: flex; flex-direction: column; gap: 4px; padding: 10px 18px 8px; width: 100%; }\n .header-ti .menu-panel-divider .line-thin { width: 100%; height: 1px; background: rgba(255,255,255,0.25); }\n .header-ti .menu-panel-divider .line-thick { width: 100%; height: 2px; background: rgba(255,255,255,0.6); }\n\n .header-ti .menu-close-ti {\n display: flex; align-items: center; justify-content: center; position: absolute;\n top: 24px; right: 10px; width: auto; height: auto; padding: 6px; background: transparent;\n border: none; border-radius: 0; box-shadow: none; cursor: pointer; z-index: 2; transition: transform 0.25s ease;\n }\n .header-ti .menu-close-ti:active { transform: scale(0.88); }\n .header-ti .menu-close-ti svg { width: 22px; height: 22px; stroke: #ffffff; stroke-width: 3; fill: none; stroke-linecap: round; stroke-linejoin: round; }\n\n .header-ti .menu-ti {\n display: flex; flex-direction: column; width: 100%; height: 100%; padding: 4px 18px 120px;\n overflow-y: auto; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch;\n }\n .header-ti .menu-ti > ul { flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 1px; }\n .header-ti .menu-ti > ul > li { width: 100%; }\n .header-ti .menu-ti > ul > li > a {\n width: 100%; display: flex; align-items: center; justify-content: space-between;\n padding: 11px 16px; font-size: 14px; font-weight: 600; border-radius: 12px;\n background: transparent; color: #fff; box-shadow: none; letter-spacing: 0.2px;\n }\n .header-ti .menu-ti > ul > li > a:hover,\n .header-ti .menu-ti > ul > li.is-open > a { background: rgba(255,255,255,0.14); box-shadow: none; }\n .header-ti .menu-ti > ul > li > a.active { background: rgba(255,255,255,0.18); }\n\n .header-ti .menu-ti > ul > li > a .chev-ti {\n width: 9px; height: 9px; border-right: 2px solid rgba(255,255,255,0.75);\n border-bottom: 2px solid rgba(255,255,255,0.75); transform: rotate(-45deg);\n transition: transform 0.3s ease; flex-shrink: 0;\n }\n .header-ti .menu-ti > ul > li.is-open > a .chev-ti { transform: rotate(45deg); }\n .header-ti .menu-ti > ul > li::after { content: none; }\n\n .header-ti .menu-ti > ul > li > ul,\n .header-ti .mega-menu {\n position: static !important; width: 100% !important; min-width: 100% !important;\n background: rgba(0,0,0,0.16); border-radius: 10px; box-shadow: none; border-top: none;\n display: block; max-height: 0; overflow: hidden; opacity: 0; margin-top: 0;\n padding: 0 !important; padding-left: 0 !important; margin-left: 0 !important;\n transition: max-height 0.35s ease, opacity 0.25s ease, margin-top 0.35s ease;\n }\n .header-ti .menu-ti > ul > li.is-open > ul,\n .header-ti .menu-ti > ul > li.is-open > .mega-menu {\n max-height: none; overflow-y: auto; opacity: 1; margin-top: 6px; margin-bottom: 6px;\n }\n .header-ti .menu-ti > ul > li > ul > li > a {\n background: transparent; color: rgba(255,255,255,0.85); font-size: 12.5px; font-weight: 500;\n padding: 11px 16px !important; border-bottom: 1px solid rgba(255,255,255,0.08);\n }\n .header-ti .menu-ti > ul > li > ul > li:last-child > a { border-bottom: none; }\n .header-ti .menu-ti > ul > li > ul > li > a:hover { background: rgba(255,255,255,0.1); color: #fff; padding-left: 30px; }\n .header-ti .menu-ti > ul > li.is-open > .mega-menu { display: block !important; grid-template-columns: none; padding: 8px 6px !important; }\n .header-ti .mega-column { padding: 10px 10px 20px; }\n .header-ti .mega-column h4 { color: rgba(255,255,255,0.65); border-bottom: 1px solid rgba(255,255,255,0.15); }\n .header-ti .mega-column a { color: rgba(255,255,255,0.85); font-size: 12.5px; }\n .header-ti .mega-column a:hover { color: #fff; }\n}\n<\/style>\n\n<div class=\"header-ti\">\n\n <!-- ===== LOGO ===== -->\n <div class=\"header-logo\">\n <img decoding=\"async\" src=\"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-content\/uploads\/sites\/3\/2026\/05\/Logo_UIN_Salatiga.svg\" alt=\"Logo UIN Salatiga\">\n <div class=\"logo-text\">\n <span class=\"logo-top\">PROGRAM STUDI<\/span>\n <span class=\"logo-bottom\">TEKNOLOGI INFORMASI<\/span>\n <\/div>\n <\/div>\n\n <!-- ===== MENU ===== -->\n <div class=\"menu-wrapper\">\n\n <button class=\"menu-toggle\" id=\"menuToggle\">\n <span id=\"menuToggleIcon\">☰<\/span>\n <\/button>\n\n <div class=\"menu-panel-ti\" id=\"menuPanelTI\">\n\n <div class=\"menu-panel-header\">\n <img decoding=\"async\" class=\"panel-logo-img\" src=\"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-content\/uploads\/sites\/3\/2026\/05\/Logo_UIN_Salatiga.svg\" alt=\"Logo UIN Salatiga\">\n <div class=\"panel-logo-text\">\n <span class=\"panel-title\">PROGRAM STUDI<\/span>\n <span class=\"panel-subtitle\">TEKNOLOGI INFORMASI<\/span>\n <\/div>\n <\/div>\n\n <div class=\"menu-panel-divider\">\n <div class=\"line-thin\"><\/div>\n <div class=\"line-thick\"><\/div>\n <\/div>\n\n <button class=\"menu-close-ti\" id=\"menuCloseTI\" aria-label=\"Tutup menu\">\n <svg viewBox=\"0 0 24 24\">\n <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" \/>\n <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" \/>\n <\/svg>\n <\/button>\n\n <nav class=\"menu-ti\" id=\"menuTI\">\n <ul>\n <li><a href=\"\/ti\">Beranda<\/a><\/li>\n <li><a href=\"\/ti\/profil\">Profil<\/a><\/li>\n\n <li>\n <a href=\"#\">Akademik <span class=\"chev-ti\"><\/span><\/a>\n <div class=\"mega-menu cols-3\">\n <div class=\"mega-column\">\n <h4>Tata Kelola<\/h4>\n <a href=\"\/ti\/tata_kelola\">Tata Kelola<\/a>\n <\/div>\n <div class=\"mega-column\">\n <h4>Dosen Pengampu<\/h4>\n <a href=\"\/ti\/dosen-pengampu\">Dosen Pengampu<\/a>\n <\/div>\n <div class=\"mega-column\">\n <h4>Mahasiswa<\/h4>\n <a href=\"\/ti\/prestasi\">Prestasi<\/a>\n <a href=\"\/ti\/hmps\">HMPS<\/a>\n <\/div>\n <\/div>\n <\/li>\n\n <li>\n <a href=\"#\">Tri Dharma <span class=\"chev-ti\"><\/span><\/a>\n <div class=\"mega-menu cols-3\">\n <div class=\"mega-column\">\n <h4>Pendidikan<\/h4>\n <a href=\"\/ti\/akreditasi\">Akreditasi<\/a>\n <a href=\"\/ti\/kurikulum\">Kurikulum<\/a>\n <a href=\"\/ti\/pedoman\">Pedoman<\/a>\n <a href=\"\/ti\/sebaran-matkul\">Sebaran Matkul<\/a>\n <\/div>\n <div class=\"mega-column\">\n <h4>Penelitian<\/h4>\n <a href=\"\/ti\/e-jurnal\">E-Jurnal<\/a>\n <\/div>\n <div class=\"mega-column\">\n <h4>Pengabdian<\/h4>\n <a href=\"\/ti\/pengabdian-dosen\">Pengabdian Dosen<\/a>\n <a href=\"\/ti\/pengabdian-mhs\">Pengabdian Mhs<\/a>\n <\/div>\n <\/div>\n <\/li>\n\n <li>\n <a href=\"#\">Layanan <span class=\"chev-ti\"><\/span><\/a>\n <div class=\"mega-menu\">\n <div class=\"mega-column\">\n <h4>Layanan Mahasiswa<\/h4>\n <a href=\"\/ti\/layanan\/siakad\">SIAKAD<\/a>\n <a href=\"\/ti\/layanan\/smart\">SMART<\/a>\n <a href=\"\/ti\/layanan\/smart-mobile\">SMART Mobile<\/a>\n <a href=\"\/ti\/layanan\/e-class\">E-Class<\/a>\n <a href=\"\/ti\/layanan\/beasiswa\">Beasiswa<\/a>\n <a href=\"\/ti\/layanan\/karir-wirausaha\">Karir dan Wirausaha<\/a>\n <a href=\"\/ti\/layanan\/kesehatan\">Kesehatan<\/a>\n <\/div>\n <div class=\"mega-column\">\n <h4>Layanan Dosen<\/h4>\n <a href=\"\/ti\/layanan\/siakad\">SIAKAD<\/a>\n <a href=\"\/ti\/layanan\/smart\">SMART<\/a>\n <a href=\"\/ti\/layanan\/simpis\">SIMPIS<\/a>\n <a href=\"\/ti\/layanan\/siperaga\">SIPERAGA<\/a>\n <\/div>\n <div class=\"mega-column\">\n <h4>Layanan Tendik<\/h4>\n <a href=\"\/ti\/layanan\/simpis\">SIMPIS<\/a>\n <a href=\"\/ti\/layanan\/siperaga\">SIPERAGA<\/a>\n <\/div>\n <div class=\"mega-column\">\n <h4>Layanan Disabilitas<\/h4>\n <a href=\"\/ti\/layanan\/disabilitas\">Layanan Disabilitas<\/a>\n <a href=\"\/ti\/layanan\/pedoman-disabilitas\">Pedoman<\/a>\n <\/div>\n <\/div>\n <\/li>\n\n <li>\n <a href=\"#\">Kerjasama <span class=\"chev-ti\"><\/span><\/a>\n <ul>\n <li><a href=\"\/ti\/kerjasama-ln\">Kerjasama Luar Negeri<\/a><\/li>\n <li><a href=\"\/ti\/kerjasama-dn\">Kerjasama Dalam Negeri<\/a><\/li>\n <li><a href=\"\/ti\/industri\">Industri<\/a><\/li>\n <li><a href=\"\/ti\/asosiasi\">Asosiasi<\/a><\/li>\n <\/ul>\n <\/li>\n\n <li>\n <a href=\"#\">Survei <span class=\"chev-ti\"><\/span><\/a>\n <ul>\n <li><a href=\"\/ti\/survey-vmts\">Survey Pemahaman VMTS<\/a><\/li>\n <li><a href=\"\/ti\/survey-pelayanan\">Survey Kepuasan Pelayanan <br>Akademik<\/a><\/li>\n <\/ul>\n <\/li>\n <\/ul>\n <\/nav>\n\n <\/div>\n <\/div>\n\n <div class=\"menu-overlay-ti\" id=\"menuOverlayTI\"><\/div>\n<\/div>\n\n<script>\n(function () {\n\n var BREAKPOINT = 600;\n\n var toggleBtn = document.getElementById('menuToggle');\n var toggleIcon = document.getElementById('menuToggleIcon');\n var menuTI = document.getElementById('menuTI');\n var menuPanelTI = document.getElementById('menuPanelTI');\n var overlayTI = document.getElementById('menuOverlayTI');\n var closeBtnTI = document.getElementById('menuCloseTI');\n\n if (!toggleBtn || !menuPanelTI) return;\n\n function blockBgScroll(e) {\n if (menuTI && menuTI.contains(e.target)) return;\n e.preventDefault();\n }\n\n function setMenuOpen(willOpen) {\n menuPanelTI.classList.toggle('active', willOpen);\n toggleBtn.classList.toggle('is-active', willOpen);\n if (overlayTI) overlayTI.classList.toggle('active', willOpen);\n if (toggleIcon) toggleIcon.innerHTML = willOpen ? '✕' : '☰';\n\n if (willOpen) {\n document.documentElement.classList.add('no-scroll');\n document.body.classList.add('no-scroll');\n document.addEventListener('touchmove', blockBgScroll, { passive: false });\n document.addEventListener('wheel', blockBgScroll, { passive: false });\n } else {\n document.documentElement.classList.remove('no-scroll');\n document.body.classList.remove('no-scroll');\n document.removeEventListener('touchmove', blockBgScroll, { passive: false });\n document.removeEventListener('wheel', blockBgScroll, { passive: false });\n items.forEach(function (li) { li.classList.remove('is-open'); });\n }\n }\n\n toggleBtn.addEventListener('click', function () {\n setMenuOpen(!menuPanelTI.classList.contains('active'));\n });\n if (closeBtnTI) closeBtnTI.addEventListener('click', function () { setMenuOpen(false); });\n if (overlayTI) overlayTI.addEventListener('click', function () { setMenuOpen(false); });\n\n function positionDropdown(li) {\n if (window.innerWidth <= BREAKPOINT) return;\n var dropdown = li.querySelector(':scope > ul') || li.querySelector(':scope > .mega-menu');\n if (!dropdown) return;\n var btn = li.querySelector(':scope > a');\n var btnRect = btn.getBoundingClientRect();\n var isMega = dropdown.classList.contains('mega-menu');\n var prevDisplay = dropdown.style.display;\n dropdown.style.visibility = 'hidden';\n dropdown.style.display = isMega ? 'grid' : 'block';\n var dropW = dropdown.offsetWidth;\n dropdown.style.display = prevDisplay;\n dropdown.style.visibility = '';\n dropdown.style.top = (btnRect.bottom + 8) + 'px';\n var left;\n if (isMega) { left = btnRect.right - dropW; }\n else { left = btnRect.left + (btnRect.width \/ 2) - (dropW \/ 2); }\n if (left < 8) left = 8;\n if (left + dropW > window.innerWidth - 8) left = window.innerWidth - dropW - 8;\n dropdown.style.left = left + 'px';\n }\n\n var items = document.querySelectorAll('.header-ti .menu-ti > ul > li');\n var closeTimers = new Map();\n\n function cancelClose(li) {\n if (closeTimers.has(li)) { clearTimeout(closeTimers.get(li)); closeTimers.delete(li); }\n }\n function scheduleClose(li) {\n cancelClose(li);\n var t = setTimeout(function () { li.classList.remove('is-open'); closeTimers.delete(li); }, 250);\n closeTimers.set(li, t);\n }\n function closeAllExcept(li) {\n items.forEach(function (other) {\n if (other !== li) { cancelClose(other); other.classList.remove('is-open'); }\n });\n }\n\n items.forEach(function (li) {\n var dropdown = li.querySelector(':scope > ul') || li.querySelector(':scope > .mega-menu');\n if (!dropdown) return;\n\n li.addEventListener('mouseenter', function () {\n if (window.innerWidth <= BREAKPOINT) return;\n cancelClose(li); closeAllExcept(li); positionDropdown(li); li.classList.add('is-open');\n });\n li.addEventListener('mouseleave', function () {\n if (window.innerWidth <= BREAKPOINT) return;\n scheduleClose(li);\n });\n dropdown.addEventListener('mouseenter', function () {\n if (window.innerWidth <= BREAKPOINT) return;\n cancelClose(li); closeAllExcept(li); li.classList.add('is-open');\n });\n dropdown.addEventListener('mouseleave', function () {\n if (window.innerWidth <= BREAKPOINT) return;\n scheduleClose(li);\n });\n\n var link = li.querySelector(':scope > a');\n link.addEventListener('click', function (e) {\n if (window.innerWidth > BREAKPOINT) return;\n e.preventDefault();\n items.forEach(function (other) { if (other !== li) other.classList.remove('is-open'); });\n li.classList.toggle('is-open');\n });\n });\n\n window.addEventListener('scroll', function () {\n var open = document.querySelector('.header-ti .menu-ti > ul > li.is-open');\n if (open) positionDropdown(open);\n }, { passive: true });\n\n window.addEventListener('resize', function () {\n if (window.innerWidth > BREAKPOINT && menuPanelTI.classList.contains('active')) {\n setMenuOpen(false);\n }\n var open = document.querySelector('.header-ti .menu-ti > ul > li.is-open');\n if (open) positionDropdown(open);\n });\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cb7855d e-con-full e-flex e-con e-parent\" data-id=\"cb7855d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d20af1b elementor-widget elementor-widget-html\" data-id=\"d20af1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n:root{\n --ink:#0d3b8e;\n --teal:#1e66ff;\n --gold:#0d3b8e;\n --gold-soft:#9fc0ff;\n --paper:#ffffff;\n --sand:#f5f9ff;\n --text:#333333;\n --line:#d9e7ff;\n}\n\n.vm-wrap{\n font-family:'Plus Jakarta Sans',sans-serif;\n background:var(--paper);\n color:var(--text);\n padding:90px 8% 100px;\n box-sizing:border-box;\n position:relative;\n overflow:hidden;\n border-radius: 20px 20px 0 0;\n}\n\n.vm-wrap *{box-sizing:border-box;}\n\n\/* faint geometric field *\/\n.vm-wrap::before{\n content:'';\n position:absolute;\n inset:0;\n background-image:\n radial-gradient(circle at 8% 12%, rgba(13,59,142,.06) 0, transparent 35%),\n radial-gradient(circle at 94% 88%, rgba(30,102,255,.08) 0, transparent 38%);\n pointer-events:none;\n}\n\n\/* ---------- Hero ---------- *\/\n.vm-hero{\n position:relative;\n text-align:center;\n width:100%;\n margin:0 auto 90px;\n}\n\n\n.vm-hero h2{\n font-family:'Amiri',serif;\n font-weight:700;\n font-size:clamp(38px,5vw,60px);\n color:var(--ink);\n margin:0 0 20px;\n line-height:1.18;\n}\n\n.vm-hero p{\n font-size:19px;\n color:#6a6e78;\n margin:0 auto;\n max-width:760px;\n line-height:1.75;\n}\n\n\/* ---------- Section heading ---------- *\/\n.vm-section-head{\n display:flex;\n align-items:baseline;\n gap:18px;\n margin:0 0 30px;\n position:relative;\n z-index:1;\n}\n\n.vm-section-num{\n font-family:'Amiri',serif;\n font-style:italic;\n font-size:17px;\n color:var(--gold);\n letter-spacing:.05em;\n white-space:nowrap;\n}\n\n.vm-section-head h3{\n margin:0;\n font-family:'Amiri',serif;\n font-weight:700;\n font-size:34px;\n color:var(--ink);\n white-space:nowrap;\n}\n\n.vm-section-head::after{\n content:'';\n flex:1;\n height:1px;\n background:linear-gradient(to right,var(--line),transparent);\n}\n\n.vm-section{\n position:relative;\n width:100%;\n margin:0 auto 78px;\n z-index:1;\n}\n\n.vm-lede{\n font-size:18px;\n color:#575b66;\n margin:0 0 28px;\n max-width:820px;\n line-height:1.8;\n}\n\n\/* ---------- Visi quote (signature element) ---------- *\/\n.vm-visi-card{\n position:relative;\n background:var(--ink);\n border-radius:18px;\n padding:56px 6%;\n overflow:hidden;\n isolation:isolate;\n display:flex;\n justify-content:center;\n}\n\n.vm-visi-inner{\n width:100%;\n max-width:880px;\n text-align:center;\n}\n\n.vm-visi-card blockquote{\n margin:0;\n position:relative;\n z-index:1;\n font-family:'Amiri',serif;\n font-style:italic;\n font-size:clamp(22px,2.4vw,29px);\n line-height:1.75;\n color:#fdfaf2;\n}\n\n.vm-visi-card blockquote::before{\n content:'\u201c';\n color:var(--gold-soft);\n font-size:1.4em;\n line-height:0;\n vertical-align:-.35em;\n margin-right:2px;\n}\n\n.vm-visi-tag{\n position:relative;\n z-index:1;\n display:inline-block;\n margin-top:26px;\n font-family:'Plus Jakarta Sans',sans-serif;\n font-size:13.5px;\n font-weight:700;\n letter-spacing:.2em;\n text-transform:uppercase;\n color:var(--gold-soft);\n border-top:1px solid rgba(255,255,255,.18);\n padding-top:16px;\n}\n\n\/* ---------- Misi \/ Tujuan grid ---------- *\/\n.vm-twocol{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:48px;\n}\n\n.vm-list{\n list-style:none;\n margin:0;\n padding:0;\n counter-reset:vm-item;\n}\n\n.vm-list li{\n counter-increment:vm-item;\n position:relative;\n padding:0 0 22px 46px;\n margin-bottom:22px;\n border-bottom:1px solid var(--line);\n font-size:17px;\n line-height:1.8;\n color:var(--text);\n}\n\n.vm-list li:last-child{\n border-bottom:none;\n margin-bottom:0;\n padding-bottom:0;\n}\n\n.vm-list li::before{\n content:counter(vm-item, lower-alpha);\n position:absolute;\n left:0;\n top:-1px;\n width:30px;\n height:30px;\n border-radius:8px;\n background:var(--sand);\n color:var(--gold);\n font-family:'Amiri',serif;\n font-weight:700;\n font-style:italic;\n font-size:15px;\n display:flex;\n align-items:center;\n justify-content:center;\n}\n\n.vm-tujuan-list li::before{\n background:rgba(30,102,255,.1);\n color:var(--teal);\n}\n\n\/* ---------- Strategi grid ---------- *\/\n.vm-strat-grid{\n display:grid;\n grid-template-columns:repeat(4,1fr);\n gap:24px;\n}\n\n.vm-strat-card{\n background:#fff;\n border:1px solid var(--line);\n border-radius:14px;\n padding:32px 34px;\n position:relative;\n}\n\n.vm-strat-card::before{\n content:'';\n position:absolute;\n top:0;\n left:0;\n width:100%;\n height:3px;\n background:linear-gradient(to right,var(--gold),var(--teal));\n border-radius:14px 14px 0 0;\n}\n\n.vm-strat-letter{\n font-family:'Amiri',serif;\n font-style:italic;\n font-weight:700;\n font-size:14.5px;\n color:var(--gold);\n letter-spacing:.05em;\n text-transform:lowercase;\n display:block;\n margin-bottom:8px;\n}\n\n.vm-strat-card h4{\n margin:0 0 12px;\n font-family:'Plus Jakarta Sans',sans-serif;\n font-weight:700;\n font-size:19px;\n color:var(--ink);\n letter-spacing:-.01em;\n}\n\n.vm-strat-card p{\n margin:0;\n font-size:15.5px;\n line-height:1.75;\n color:#5c606a;\n text-align:left;\n}\n\n\/* ---------- Responsive ---------- *\/\n@media (max-width:1180px){\n .vm-strat-grid{grid-template-columns:repeat(2,1fr);}\n}\n\n@media (max-width:860px){\n .vm-wrap{padding:60px 6% 70px;}\n .vm-twocol{grid-template-columns:1fr;gap:40px;}\n .vm-strat-grid{grid-template-columns:1fr;}\n .vm-visi-card{padding:36px 28px;}\n .vm-section-head h3{font-size:26px;}\n}\n<\/style>\n\n<div class=\"vm-wrap\">\n\n <div class=\"vm-hero\">\n <h2>Visi, Misi, Tujuan & Strategi<br>Program Studi Teknologi Informasi<\/h2>\n <p>Arah pengembangan Program Studi Teknologi Informasi yang memadukan kompetensi teknologi dengan nilai wasathiyah Islam.<\/p>\n <\/div>\n\n <!-- VISI -->\n <div class=\"vm-section\">\n <div class=\"vm-section-head\">\n <span class=\"vm-section-num\">01<\/span>\n <h3>Visi<\/h3>\n <\/div>\n <p class=\"vm-lede\">Visi dari Program Studi Teknologi Informasi Universitas Islam Negeri Salatiga adalah:<\/p>\n\n <div class=\"vm-visi-card\">\n <div class=\"vm-visi-inner\">\n <blockquote>Menghasilkan lulusan dengan keilmuan Teknologi Informasi berbasis riset inovatif yang mengintegrasikan kecerdasan artifisial dan etika moderasi Islam untuk keluhuran martabat kemanusiaan pada tahun 2045.\u201d<\/blockquote>\n <span class=\"vm-visi-tag\">Target Capaian 2045<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- MISI & TUJUAN -->\n <div class=\"vm-section\">\n <div class=\"vm-twocol\">\n <div>\n <div class=\"vm-section-head\">\n <span class=\"vm-section-num\">02<\/span>\n <h3>Misi<\/h3>\n <\/div>\n <ul class=\"vm-list\">\n <li>Menyelenggarakan pendidikan teknologi informasi berstandar global yang mengintegrasikan kedalaman saintifik dengan nilai-nilai moderasi Islam.<\/li>\n <li>Pengembangan Riset: Melaksanakan penelitian inovatif di bidang teknologi informasi yang berkontribusi pada pengembangan ilmu pengetahuan dan solusi tantangan masa depan.<\/li>\n <li>Pengabdian Masyarakat: Menerapkan kepakaran teknologi informasi untuk pemberdayaan masyarakat dan penyelesaian masalah sosial demi keluhuran martabat kemanusiaan Pembangunan Ekosistem Digital: Membangun budaya akademik dan lingkungan teknologi yang inklusif, etis, dan bertanggung jawab sesuai prinsip moderasi Islam.<\/li>\n <li>Penguatan Jejaring dan Kerjasama: Menjalin kolaborasi riset dan kemitraan profesional di tingkat nasional maupun internasional untuk memperkuat kepeloporan institusi.<\/li>\n <\/ul>\n <\/div>\n <div>\n <div class=\"vm-section-head\">\n <span class=\"vm-section-num\">03<\/span>\n <h3>Tujuan<\/h3>\n <\/div>\n <ul class=\"vm-list vm-tujuan-list\">\n <li>Menghasilkan lulusan yang kompeten secara teknis, inovatif dalam berpikir, dan memiliki integritas moral yang moderat.<\/li>\n <li>Menghasilkan karya ilmiah dan inovasi teknologi yang diakui secara nasional maupun internasional.<\/li>\n <li>Mewujudkan transformasi digital di masyarakat melalui program-program pengabdian yang berdampak nyata.<\/li>\n <li>Tercapainya standar mutu program studi yang berdaya saing nasional maupun internasional.<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- STRATEGI -->\n <div class=\"vm-section\">\n <div class=\"vm-section-head\">\n <span class=\"vm-section-num\">04<\/span>\n <h3>Strategi<\/h3>\n <\/div>\n <p class=\"vm-lede\">Enam langkah strategis yang ditempuh untuk mewujudkan visi, misi, dan tujuan program studi.<\/p>\n\n <div class=\"vm-strat-grid\">\n <div class=\"vm-strat-card\">\n <span class=\"vm-strat-letter\">a \u2014 Kurikulum<\/span>\n <h4>Kurikulum Berbasis Riset<\/h4>\n <p>Mewajibkan mata kuliah yang berorientasi pada publikasi ilmiah dan pengembangan produk teknologi.<\/p>\n <\/div>\n <div class=\"vm-strat-card\">\n <span class=\"vm-strat-letter\">b \u2014 Laboratorium<\/span>\n <h4>Laboratorium Inovasi<\/h4>\n <p>Menyediakan fasilitas riset untuk bidang-bidang strategis (Cybersecurity, Web Development, IoT) yang terintegrasi dengan isu-isu kemanusiaan.<\/p>\n <\/div>\n <div class=\"vm-strat-card\">\n <span class=\"vm-strat-letter\">c \u2014 Sertifikasi<\/span>\n <h4>Sertifikasi & Rekognisi Global<\/h4>\n <p>Mendorong dosen dan mahasiswa meraih sertifikasi keahlian sebagai bukti daya saing global.<\/p>\n <\/div>\n <div class=\"vm-strat-card\">\n <span class=\"vm-strat-letter\">d \u2014 Etika<\/span>\n <h4>Etika Teknologi<\/h4>\n <p>Menyusun pedoman pengembangan teknologi informasi yang selaras dengan nilai-nilai Islam yang moderat.<\/p>\n <\/div>\n <div class=\"vm-strat-card\">\n <span class=\"vm-strat-letter\">e \u2014 SDM<\/span>\n <h4>Penguatan Kepakaran SDM<\/h4>\n <p>Mempercepat peningkatan kualitas dosen melalui sertifikasi ahli, studi lanjut, serta program Visiting Professor.<\/p>\n <\/div>\n<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3ce1d38 e-con-full e-flex e-con e-parent\" data-id=\"3ce1d38\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67ca80d elementor-widget elementor-widget-html\" data-id=\"67ca80d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\" \/>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n <title>Footer - Fakultas Saintek UIN Salatiga<\/title>\n <style>\n \/* \u2500\u2500 reset & variabel \u2500\u2500 *\/\n :root {\n --text-main: #ffffff;\n --text-sub: #f0f0f0;\n --heading: #ffffff;\n --accent: #d9b169;\n --border: rgba(255, 255, 255, 0.10);\n }\n\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n font-family: 'Segoe UI', Roboto, Arial, sans-serif;\n background: #1a1a1a;\n color: var(--text-main);\n }\n\n \/* \u2500\u2500 footer: tanpa background hitam \u2500\u2500 *\/\n footer {\n padding: 48px 60px 36px;\n border-top: 1px solid var(--border);\n }\n\n \/* \u2500\u2500 grid utama: 4 kolom dengan jarak lebar (140px) di desktop \u2500\u2500 *\/\n .footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1.1fr 1fr 1.2fr;\n gap: 140px;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500 semua kolom \u2500\u2500 *\/\n .col h4 {\n margin: 0 0 18px 0;\n font-size: 18px;\n font-weight: 700;\n color: var(--heading);\n letter-spacing: 0.3px;\n }\n\n .col ul {\n list-style: none !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n\n .col ul li {\n margin: 0 0 10px 0 !important;\n padding: 0 !important;\n line-height: 1.3 !important;\n }\n\n .col ul li a {\n display: inline-block;\n color: var(--text-sub);\n text-decoration: none;\n font-size: 15px;\n line-height: 1.3 !important;\n padding: 0 !important;\n margin: 0 !important;\n white-space: nowrap;\n transition: color 0.2s;\n }\n\n .col ul li a:hover {\n color: var(--accent);\n text-decoration: underline;\n }\n\n \/* \u2500\u2500 kolom brand (identitas) \u2500\u2500 *\/\n .brand-logos {\n margin-bottom: 18px;\n display: flex;\n align-items: center;\n gap: 16px;\n }\n\n .brand-logos img {\n height: 60px;\n width: auto;\n display: block;\n }\n\n .brand h3 {\n margin: 0 0 4px 0;\n font-size: 17px;\n font-weight: 700;\n color: var(--heading);\n line-height: 1.4;\n }\n\n .brand .address {\n margin: 14px 0 4px;\n font-size: 14px;\n color: var(--text-sub);\n line-height: 1.6;\n }\n\n \/* \u2500\u2500 kontak (telp, email) \u2500\u2500 *\/\n .contact-list {\n list-style: none;\n margin: 16px 0 0 0;\n padding: 0;\n }\n\n .contact-list li {\n display: flex;\n align-items: center;\n gap: 14px;\n font-size: 14px;\n color: var(--text-sub);\n margin-bottom: 10px;\n }\n\n \/* \u2500\u2500 icon box (seragam) \u2500\u2500 *\/\n .icon-box {\n flex-shrink: 0;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n height: 20px;\n position: relative;\n top: 1px;\n }\n\n .icon-box svg {\n display: block;\n width: 100%;\n height: 100%;\n }\n\n \/* \u2500\u2500 media sosial \u2500\u2500 *\/\n .social-list li {\n margin-bottom: 12px !important;\n }\n\n .social-list li a {\n display: flex !important;\n align-items: center !important;\n gap: 18px !important;\n }\n\n .social-label {\n line-height: 1;\n display: inline-block;\n }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n\n \/* Tablet: konten di-tengah, lebar terbatas, grid 2 kolom seimbang *\/\n @media (max-width: 1100px) and (min-width: 701px) {\n footer {\n padding: 40px 20px 32px;\n }\n\n .footer-grid {\n max-width: 820px;\n \/* batas lebar agar tidak melebar penuh *\/\n margin: 0 auto;\n \/* tengah secara horizontal *\/\n grid-template-columns: 1fr 1fr;\n \/* dua kolom sama lebar *\/\n gap: 40px 60px;\n }\n\n \/* susunan ulang posisi kolom agar sesuai: \n baris 1: brand | menu\n baris 2: prodi | sosial *\/\n .brand {\n grid-column: 1 \/ 2;\n grid-row: 1 \/ 2;\n }\n .col-menu {\n grid-column: 2 \/ 3;\n grid-row: 1 \/ 2;\n }\n .col-prodi {\n grid-column: 1 \/ 2;\n grid-row: 2 \/ 3;\n }\n .col-sosial {\n grid-column: 2 \/ 3;\n grid-row: 2 \/ 3;\n }\n }\n\n \/* layar kecil: semua kolom tumpuk *\/\n @media (max-width: 700px) {\n footer {\n padding: 36px 24px 28px;\n }\n\n .footer-grid {\n grid-template-columns: 1fr;\n gap: 36px;\n max-width: 100%;\n margin: 0;\n }\n\n .brand,\n .col-menu,\n .col-prodi,\n .col-sosial {\n grid-column: 1 \/ 2;\n grid-row: auto;\n }\n }\n\n @media (max-width: 480px) {\n footer {\n padding: 28px 16px 20px;\n }\n\n .footer-grid {\n gap: 28px;\n }\n\n .brand-logos img {\n height: 48px;\n }\n\n .brand h3 {\n font-size: 15px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <footer>\n <div class=\"footer-grid\">\n\n <!-- Kolom 1: Brand \/ Identitas -->\n <div class=\"col brand\">\n <div class=\"brand-logos\">\n <img decoding=\"async\" src=\"https:\/\/saintek.uinsalatiga.ac.id\/wp-content\/uploads\/2026\/05\/Logo-5-1-1024x409-1.png\" alt=\"Logo Fakultas Sains dan Teknologi UIN Salatiga\" \/>\n <\/div>\n <h3>Fakultas Sains dan Teknologi<br \/>\n Program Studi Teknologi Informasi<br \/>\n Universitas Islam Negeri Salatiga<\/h3>\n\n <p class=\"address\">\n Jalan Lingkar Salatiga Km. 02, Plutan, Sidorejo,<br \/>\n Kota Salatiga, Jawa Tengah, Indonesia 50714\n <\/p>\n\n <ul class=\"contact-list\">\n <li>\n <span class=\"icon-box\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg>\n <\/span>\n Telp. (0298) 323706\n <\/li>\n <li>\n <span class=\"icon-box\">\n <svg viewBox=\"0 0 512 512\" fill=\"currentColor\"><path d=\"M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z\"\/><\/svg>\n <\/span>\n saintek@uinsalatiga.ac.id\n <\/li>\n <\/ul>\n <\/div>\n\n <!-- Kolom 2: Menu -->\n <div class=\"col col-menu\">\n <h4>Menu<\/h4>\n <ul>\n <li><a href=\"#\">Beranda<\/a><\/li>\n <li><a href=\"#\">Profile<\/a><\/li>\n <li><a href=\"#\">Tata Kelola<\/a><\/li>\n <li><a href=\"#\">Dosen Pengampu<\/a><\/li>\n <li><a href=\"#\">Pendidikan<\/a><\/li>\n <li><a href=\"#\">Mahasiswa<\/a><\/li>\n <li><a href=\"#\">Penelitian<\/a><\/li>\n <li><a href=\"#\">Layanan<\/a><\/li>\n <li><a href=\"#\">Kerjasama<\/a><\/li>\n <li><a href=\"#\">Survei<\/a><\/li>\n <\/ul>\n <\/div>\n\n <!-- Kolom 3: Program Studi -->\n <div class=\"col col-prodi\">\n <h4>Program Studi<\/h4>\n <ul>\n <li><a href=\"#\">Sains Data<\/a><\/li>\n <li><a href=\"#\">Teknologi Informasi<\/a><\/li>\n <li><a href=\"#\">Perpustakaan dan Sains Informasi<\/a><\/li>\n <\/ul>\n <\/div>\n\n <!-- Kolom 4: Media Sosial -->\n <div class=\"col col-sosial\">\n <h4>Media Sosial<\/h4>\n <ul class=\"social-list\">\n <li>\n <a href=\"#\">\n <span class=\"icon-box\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12.04 2C6.58 2 2.13 6.45 2.13 11.91c0 1.71.45 3.38 1.3 4.85L2.05 22l5.36-1.4a9.9 9.9 0 0 0 4.63 1.18h.01c5.46 0 9.9-4.45 9.9-9.91 0-2.65-1.03-5.13-2.9-7C17.17 3.03 14.69 2 12.04 2zm0 18.13h-.01a8.2 8.2 0 0 1-4.19-1.15l-.3-.18-3.18.83.85-3.1-.2-.32a8.2 8.2 0 0 1-1.25-4.4c0-4.55 3.7-8.24 8.25-8.24 2.2 0 4.27.86 5.83 2.42a8.18 8.18 0 0 1 2.41 5.83c0 4.55-3.71 8.31-8.21 8.31zm4.52-6.16c-.25-.12-1.47-.72-1.7-.81-.23-.08-.4-.12-.56.13-.17.25-.64.81-.79.97-.14.17-.29.19-.54.06-.25-.12-1.05-.39-1.99-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.02-.38.11-.51.11-.11.25-.29.37-.43.12-.15.16-.25.25-.42.08-.17.04-.31-.02-.43-.06-.12-.56-1.36-.77-1.86-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31-.23.25-.86.85-.86 2.06 0 1.21.88 2.39 1 2.55.12.17 1.74 2.71 4.29 3.7.6.26 1.07.42 1.43.53.6.19 1.15.16 1.58.1.48-.07 1.47-.6 1.68-1.18.21-.58.21-1.07.15-1.18-.06-.1-.23-.16-.48-.28z\"\/><\/svg>\n <\/span>\n <span class=\"social-label\">Whatsapp<\/span>\n <\/a>\n <\/li>\n <li>\n <a href=\"#\">\n <span class=\"icon-box\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2.16c3.2 0 3.58.01 4.85.07 3.25.15 4.77 1.69 4.92 4.92.06 1.27.07 1.65.07 4.85s-.01 3.58-.07 4.85c-.15 3.23-1.66 4.77-4.92 4.92-1.27.06-1.64.07-4.85.07s-3.58-.01-4.85-.07c-3.26-.15-4.77-1.7-4.92-4.92-.06-1.27-.07-1.65-.07-4.85s.01-3.58.07-4.85c.15-3.23 1.67-4.77 4.92-4.92 1.27-.06 1.65-.07 4.85-.07zm0-2.16c-3.26 0-3.67.01-4.95.07-4.35.2-6.78 2.62-6.98 6.98-.06 1.28-.07 1.69-.07 4.95s.01 3.67.07 4.95c.2 4.35 2.62 6.78 6.98 6.98 1.28.06 1.69.07 4.95.07s3.67-.01 4.95-.07c4.35-.2 6.78-2.62 6.98-6.98.06-1.28.07-1.69.07-4.95s-.01-3.67-.07-4.95c-.2-4.35-2.62-6.78-6.98-6.98-1.28-.06-1.69-.07-4.95-.07zm0 5.84a6.16 6.16 0 1 0 0 12.32 6.16 6.16 0 0 0 0-12.32zm0 10.16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.4-10.4a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0z\"\/><\/svg>\n <\/span>\n <span class=\"social-label\">Instagram<\/span>\n <\/a>\n <\/li>\n <li>\n <a href=\"#\">\n <span class=\"icon-box\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M13.5 21v-8.15h2.73l.41-3.17h-3.14V7.66c0-.92.25-1.54 1.57-1.54h1.68V3.28C15.96 3.19 15.03 3.13 13.94 3.13c-2.28 0-3.84 1.39-3.84 3.94v2.6H7.36v3.17h2.74V21h3.4z\"\/><\/svg>\n <\/span>\n <span class=\"social-label\">Facebook<\/span>\n <\/a>\n <\/li>\n <li>\n <a href=\"#\">\n <span class=\"icon-box\">\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22.54 6.42a2.78 2.78 0 0 0-1.95-2C18.88 4 12 4 12 4s-6.88 0-8.59.42a2.78 2.78 0 0 0-1.95 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33 2.78 2.78 0 0 0 1.95 2C5.12 19.5 12 19.5 12 19.5s6.88 0 8.59-.42a2.78 2.78 0 0 0 1.95-2 29 29 0 0 0 .46-5.33 29 29 0 0 0-.46-5.33zM9.75 15.02V8.48l5.75 3.27z\"\/><\/svg>\n <\/span>\n <span class=\"social-label\">Youtube<\/span>\n <\/a>\n <\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n <!-- \/footer-grid -->\n <\/footer>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5157bf3 e-flex e-con-boxed e-con e-parent\" data-id=\"5157bf3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c00c6c elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"2c00c6c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"jki jki-copyright\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\t2026 Program Studi Teknologi Informasi - UIN Salatiga\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\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>Top Bar – Follow Us & Search Follow Us : PROGRAM STUDI TEKNOLOGI INFORMASI ☰ PROGRAM STUDI TEKNOLOGI INFORMASI Beranda […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1087","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Profil - Program Studi Teknologi Informasi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/saintek.uinsalatiga.ac.id\/ti\/profil\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Profil - Program Studi Teknologi Informasi\" \/>\n<meta property=\"og:description\" content=\"Top Bar – Follow Us & Search Follow Us : PROGRAM STUDI TEKNOLOGI INFORMASI ☰ PROGRAM STUDI TEKNOLOGI INFORMASI Beranda […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/saintek.uinsalatiga.ac.id\/ti\/profil\/\" \/>\n<meta property=\"og:site_name\" content=\"Program Studi Teknologi Informasi\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-16T13:07:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-content\/uploads\/sites\/3\/2026\/05\/Logo_UIN_Salatiga.svg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/profil\\\/\",\"url\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/profil\\\/\",\"name\":\"Profil - Program Studi Teknologi Informasi\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/profil\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/profil\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/05\\\/Logo_UIN_Salatiga.svg\",\"datePublished\":\"2026-07-03T04:52:08+00:00\",\"dateModified\":\"2026-09-16T13:07:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/profil\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/profil\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/profil\\\/#primaryimage\",\"url\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/05\\\/Logo_UIN_Salatiga.svg\",\"contentUrl\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/05\\\/Logo_UIN_Salatiga.svg\",\"width\":80,\"height\":80},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/profil\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Profil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/#website\",\"url\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/\",\"name\":\"Program Studi Teknologi Informasi\",\"description\":\"UNIVERSITAS ISLAM NEGERI SALATIGA\",\"publisher\":{\"@id\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/#organization\",\"name\":\"Program Studi Teknologi Informasi\",\"url\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/05\\\/Logo_UIN_Salatiga.svg\",\"contentUrl\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/wp-content\\\/uploads\\\/sites\\\/3\\\/2026\\\/05\\\/Logo_UIN_Salatiga.svg\",\"width\":80,\"height\":80,\"caption\":\"Program Studi Teknologi Informasi\"},\"image\":{\"@id\":\"https:\\\/\\\/saintek.uinsalatiga.ac.id\\\/ti\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Profil - Program Studi Teknologi Informasi","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/profil\/","og_locale":"en_US","og_type":"article","og_title":"Profil - Program Studi Teknologi Informasi","og_description":"Top Bar – Follow Us & Search Follow Us : PROGRAM STUDI TEKNOLOGI INFORMASI ☰ PROGRAM STUDI TEKNOLOGI INFORMASI Beranda […]","og_url":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/profil\/","og_site_name":"Program Studi Teknologi Informasi","article_modified_time":"2026-09-16T13:07:33+00:00","og_image":[{"url":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-content\/uploads\/sites\/3\/2026\/05\/Logo_UIN_Salatiga.svg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/profil\/","url":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/profil\/","name":"Profil - Program Studi Teknologi Informasi","isPartOf":{"@id":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/#website"},"primaryImageOfPage":{"@id":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/profil\/#primaryimage"},"image":{"@id":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/profil\/#primaryimage"},"thumbnailUrl":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-content\/uploads\/sites\/3\/2026\/05\/Logo_UIN_Salatiga.svg","datePublished":"2026-07-03T04:52:08+00:00","dateModified":"2026-09-16T13:07:33+00:00","breadcrumb":{"@id":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/profil\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/saintek.uinsalatiga.ac.id\/ti\/profil\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/profil\/#primaryimage","url":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-content\/uploads\/sites\/3\/2026\/05\/Logo_UIN_Salatiga.svg","contentUrl":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-content\/uploads\/sites\/3\/2026\/05\/Logo_UIN_Salatiga.svg","width":80,"height":80},{"@type":"BreadcrumbList","@id":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/profil\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/"},{"@type":"ListItem","position":2,"name":"Profil"}]},{"@type":"WebSite","@id":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/#website","url":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/","name":"Program Studi Teknologi Informasi","description":"UNIVERSITAS ISLAM NEGERI SALATIGA","publisher":{"@id":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/#organization","name":"Program Studi Teknologi Informasi","url":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/#\/schema\/logo\/image\/","url":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-content\/uploads\/sites\/3\/2026\/05\/Logo_UIN_Salatiga.svg","contentUrl":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-content\/uploads\/sites\/3\/2026\/05\/Logo_UIN_Salatiga.svg","width":80,"height":80,"caption":"Program Studi Teknologi Informasi"},"image":{"@id":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-json\/wp\/v2\/pages\/1087","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-json\/wp\/v2\/comments?post=1087"}],"version-history":[{"count":63,"href":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-json\/wp\/v2\/pages\/1087\/revisions"}],"predecessor-version":[{"id":2147,"href":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-json\/wp\/v2\/pages\/1087\/revisions\/2147"}],"wp:attachment":[{"href":"https:\/\/saintek.uinsalatiga.ac.id\/ti\/wp-json\/wp\/v2\/media?parent=1087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}