{"id":1351,"date":"2026-05-30T05:08:26","date_gmt":"2026-05-30T05:08:26","guid":{"rendered":"https:\/\/unipol.ac.id\/?page_id=1351"},"modified":"2026-05-30T05:08:46","modified_gmt":"2026-05-30T05:08:46","slug":"lptik","status":"publish","type":"page","link":"https:\/\/unipol.ac.id\/?page_id=1351","title":{"rendered":"LPTIK"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-3672919c alignfull uagb-is-root-container\"><div class=\"uagb-container-inner-blocks-wrap\">\n<style data-wp-block-html=\"css\">\n:root{\n--primary:#166534;\n--secondary:#22c55e;\n--beige:#f8f4ea;\n--white:#ffffff;\n}\n\n*{\nmargin:0;\npadding:0;\nbox-sizing:border-box;\nfont-family:'Segoe UI',sans-serif;\n}\n\nbody{\nbackground:var(--beige);\ncolor:#333;\n}\n\n.hero{\nheight:100vh;\nbackground:\nlinear-gradient(\n135deg,\n#14532d,\n#166534,\n#22c55e);\ndisplay:flex;\njustify-content:center;\nalign-items:center;\ntext-align:center;\npadding:30px;\ncolor:white;\n}\n\n.hero-content{\nmax-width:900px;\n}\n\n.badge{\nbackground:#fef3c7;\ncolor:#166534;\npadding:10px 20px;\nborder-radius:50px;\nfont-weight:700;\n}\n\n.hero h1{\nfont-size:60px;\nmargin:20px 0;\n}\n\n.hero h2{\ncolor:#fef3c7;\nheight:40px;\n}\n\n.hero-btns{\nmargin-top:30px;\n}\n\n.btn-primary,\n.btn-secondary{\npadding:14px 28px;\nborder-radius:12px;\ntext-decoration:none;\nmargin:5px;\ndisplay:inline-block;\n}\n\n.btn-primary{\nbackground:white;\ncolor:#166534;\n}\n\n.btn-secondary{\nbackground:#fef3c7;\ncolor:#166534;\n}\n\n.stats,\n.service-grid,\n.infra-grid,\n.helpdesk-grid{\ndisplay:grid;\ngap:25px;\npadding:80px 10%;\n}\n\n.stats{\ngrid-template-columns:repeat(auto-fit,minmax(200px,1fr));\n}\n\n.service-grid,\n.infra-grid,\n.helpdesk-grid{\ngrid-template-columns:repeat(auto-fit,minmax(280px,1fr));\n}\n\n.stat,\n.service-card,\n.infra-card,\n.help-card{\nbackground:white;\npadding:30px;\nborder-radius:25px;\ntext-align:center;\nbox-shadow:0 10px 25px rgba(0,0,0,.08);\ntransition:.3s;\n}\n\n.service-card:hover,\n.help-card:hover,\n.infra-card:hover{\ntransform:translateY(-10px);\n}\n\n.service-card{\ntext-decoration:none;\ncolor:#333;\n}\n\n.service-card i,\n.help-card i{\nfont-size:50px;\ncolor:#166534;\nmargin-bottom:15px;\n}\n\n.section-title{\ntext-align:center;\nmargin-top:50px;\n}\n\n.section-title h2{\ncolor:#166534;\nfont-size:40px;\n}\n\n.faq{\npadding:80px 10%;\n}\n\n.faq-item{\nmargin-bottom:15px;\n}\n\n.faq-btn{\nwidth:100%;\npadding:20px;\nborder:none;\nbackground:white;\ntext-align:left;\nfont-size:18px;\ncursor:pointer;\nborder-radius:12px;\n}\n\n.faq-content{\ndisplay:none;\npadding:20px;\nbackground:white;\n}\n\n.pengaduan{\nbackground:#166534;\npadding:80px;\ntext-align:center;\ncolor:white;\n}\n\n#topBtn{\nposition:fixed;\nright:20px;\nbottom:20px;\nwidth:50px;\nheight:50px;\nborder:none;\nborder-radius:50%;\nbackground:#166534;\ncolor:white;\ncursor:pointer;\ndisplay:none;\n}\n\n@media(max-width:768px){\n\n.hero h1{\nfont-size:36px;\n}\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* TYPING EFFECT *\/\n\nconst text =\n\"Transformasi Digital Kampus\";\n\nlet i = 0;\n\nfunction typing(){\n\nif(i < text.length){\n\ndocument.getElementById(\"typing\").innerHTML +=\ntext.charAt(i);\n\ni++;\n\nsetTimeout(typing,100);\n\n}\n\n}\n\ntyping();\n\n\/* COUNTER *\/\n\nconst counters =\ndocument.querySelectorAll('.counter');\n\ncounters.forEach(counter=>{\n\nconst update=()=>{\n\nconst target=\n+counter.getAttribute('data-target');\n\nconst count=\n+counter.innerText;\n\nconst speed=\ntarget\/100;\n\nif(count<target){\n\ncounter.innerText=\nMath.ceil(count+speed);\n\nsetTimeout(update,20);\n\n}else{\n\ncounter.innerText=\ntarget;\n\n}\n\n};\n\nupdate();\n\n});\n\n\/* FAQ *\/\n\ndocument\n.querySelectorAll(\".faq-btn\")\n.forEach(btn=>{\n\nbtn.addEventListener(\"click\",()=>{\n\nconst content=\nbtn.nextElementSibling;\n\ncontent.style.display=\ncontent.style.display===\"block\"\n?\n\"none\"\n:\n\"block\";\n\n});\n\n});\n\n\/* TOP BUTTON *\/\n\nconst topBtn =\ndocument.getElementById(\"topBtn\");\n\nwindow.addEventListener(\"scroll\",()=>{\n\ntopBtn.style.display =\nwindow.scrollY > 300\n?\n\"block\"\n:\n\"none\";\n\n});\n\ntopBtn.onclick=()=>{\nwindow.scrollTo({\ntop:0,\nbehavior:\"smooth\"\n});\n};\n<\/script>\n\n<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n<title>LPTIK Universitas Lamappapoleonro<\/title>\n\n<link rel=\"stylesheet\" href=\"style.css\">\n\n<link rel=\"stylesheet\"\nhref=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\n\n<\/head>\n\n<body>\n\n<div id=\"particles\"><\/div>\n\n<header class=\"hero\">\n\n    <div class=\"hero-content\">\n\n        <span class=\"badge\">\n            UNIVERSITAS LAMAPPAPOLEONRO\n        <\/span>\n\n        <h1>\n            Lembaga Pengembangan Teknologi Informasi dan Komunikasi\n        <\/h1>\n\n        <h2 id=\"typing\"><\/h2>\n\n        <p>\n            Mendukung transformasi digital kampus melalui\n            sistem informasi terintegrasi, jaringan,\n            keamanan data dan inovasi teknologi.\n        <\/p>\n\n        <div class=\"hero-btns\">\n\n            <a href=\"#layanan\" class=\"btn-primary\">\n                Layanan Digital\n            <\/a>\n\n            <a href=\"#helpdesk\" class=\"btn-secondary\">\n                Helpdesk\n            <\/a>\n\n        <\/div>\n\n    <\/div>\n\n<\/header>\n\n<section class=\"stats\">\n\n   \n\n<\/section>\n\n<section id=\"layanan\">\n\n    <div class=\"section-title\">\n        <h2>Layanan Digital Kampus<\/h2>\n    <\/div>\n\n    <div class=\"service-grid\">\n\n        <a href=\"#\" class=\"service-card\">\n            <i class=\"fas fa-graduation-cap\"><\/i>\n            <h3>SIAKAD<\/h3>\n            <p>Sistem Informasi Akademik<\/p>\n        <\/a>\n\n        <a href=\"#\" class=\"service-card\">\n            <i class=\"fas fa-laptop\"><\/i>\n            <h3>E-Learning<\/h3>\n            <p>Pembelajaran Daring<\/p>\n        <\/a>\n\n        <a href=\"#\" class=\"service-card\">\n            <i class=\"fas fa-book\"><\/i>\n            <h3>E-Library<\/h3>\n            <p>Perpustakaan Digital<\/p>\n        <\/a>\n\n        <a href=\"#\" class=\"service-card\">\n            <i class=\"fas fa-globe\"><\/i>\n            <h3>Website Kampus<\/h3>\n            <p>Portal Informasi Resmi<\/p>\n        <\/a>\n\n        <a href=\"#\" class=\"service-card\">\n            <i class=\"fas fa-shield-alt\"><\/i>\n            <h3>Cyber Security<\/h3>\n            <p>Keamanan Sistem<\/p>\n        <\/a>\n\n        <a href=\"#\" class=\"service-card\">\n            <i class=\"fas fa-wifi\"><\/i>\n            <h3>Jaringan Internet<\/h3>\n            <p>Infrastruktur Kampus<\/p>\n        <\/a>\n\n    <\/div>\n\n<\/section>\n\n<section class=\"infrastruktur\">\n\n    <div class=\"section-title\">\n        <h2>Infrastruktur Digital<\/h2>\n    <\/div>\n\n    <div class=\"infra-grid\">\n\n        <div class=\"infra-card\">\u2601\ufe0f Cloud Server<\/div>\n        <div class=\"infra-card\">\ud83c\udf10 Data Center<\/div>\n        <div class=\"infra-card\">\ud83d\udce1 WiFi Kampus<\/div>\n        <div class=\"infra-card\">\ud83d\udd10 Security System<\/div>\n\n    <\/div>\n\n<\/section>\n\n<section id=\"helpdesk\">\n\n    <div class=\"section-title\">\n        <h2>Helpdesk LPTIK<\/h2>\n    <\/div>\n\n    <div class=\"helpdesk-grid\">\n\n        <div class=\"help-card\">\n            <i class=\"fas fa-ticket-alt\"><\/i>\n            <h3>Buat Tiket<\/h3>\n            <a href=\"#\">Buka Helpdesk<\/a>\n        <\/div>\n\n        <div class=\"help-card\">\n            <i class=\"fas fa-tasks\"><\/i>\n            <h3>Status Tiket<\/h3>\n            <a href=\"#\">Lihat Status<\/a>\n        <\/div>\n\n        <div class=\"help-card\">\n            <i class=\"fas fa-headset\"><\/i>\n            <h3>Konsultasi IT<\/h3>\n            <a href=\"#\">Hubungi Kami<\/a>\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<section class=\"faq\">\n\n    <div class=\"section-title\">\n        <h2>FAQ<\/h2>\n    <\/div>\n\n    <div class=\"faq-item\">\n        <button class=\"faq-btn\">\n            Bagaimana login ke SIAKAD?\n        <\/button>\n        <div class=\"faq-content\">\n            Gunakan NIM dan password yang diberikan oleh admin.\n        <\/div>\n    <\/div>\n\n    <div class=\"faq-item\">\n        <button class=\"faq-btn\">\n            Lupa Password?\n        <\/button>\n        <div class=\"faq-content\">\n            Ajukan reset password melalui Helpdesk.\n        <\/div>\n    <\/div>\n\n<\/section>\n\n<section class=\"pengaduan\">\n\n    <h2>Pengaduan Online<\/h2>\n\n    <p>\n        Laporkan kendala layanan teknologi informasi\n        Universitas Lamappapoleonro.\n    <\/p>\n\n    <a href=\"#\" class=\"btn-primary\">\n        Kirim Pengaduan\n    <\/a>\n\n<\/section>\n\n<button id=\"topBtn\">\n    \u2191\n<\/button>\n\n<script src=\"script.js\"><\/script>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>LPTIK Universitas Lamappapoleonro UNIVERSITAS LAMAPPAPOLEONRO Lembaga Pengembangan Teknologi Informasi dan Komunikasi Mendukung transformasi digital kampus melalui sistem informasi terintegrasi, jaringan, keamanan data dan inovasi teknologi. Layanan Digital Helpdesk Layanan Digital Kampus SIAKAD Sistem Informasi Akademik E-Learning Pembelajaran Daring E-Library Perpustakaan Digital Website Kampus Portal Informasi Resmi Cyber Security Keamanan Sistem Jaringan Internet Infrastruktur Kampus Infrastruktur [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-1351","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"admin","author_link":"https:\/\/unipol.ac.id\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"LPTIK Universitas Lamappapoleonro UNIVERSITAS LAMAPPAPOLEONRO Lembaga Pengembangan Teknologi Informasi dan Komunikasi Mendukung transformasi digital kampus melalui sistem informasi terintegrasi, jaringan, keamanan data dan inovasi teknologi. Layanan Digital Helpdesk Layanan Digital Kampus SIAKAD Sistem Informasi Akademik E-Learning Pembelajaran Daring E-Library Perpustakaan Digital Website Kampus Portal Informasi Resmi Cyber Security Keamanan Sistem Jaringan Internet Infrastruktur Kampus Infrastruktur&hellip;","_links":{"self":[{"href":"https:\/\/unipol.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/1351","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unipol.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/unipol.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/unipol.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unipol.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1351"}],"version-history":[{"count":1,"href":"https:\/\/unipol.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/1351\/revisions"}],"predecessor-version":[{"id":1352,"href":"https:\/\/unipol.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/1351\/revisions\/1352"}],"wp:attachment":[{"href":"https:\/\/unipol.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1351"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}