{"id":12001,"date":"2025-11-26T07:09:45","date_gmt":"2025-11-26T07:09:45","guid":{"rendered":"http:\/\/157.10.161.9\/?page_id=12001"},"modified":"2026-07-20T02:59:54","modified_gmt":"2026-07-20T02:59:54","slug":"fasilitas-kampus","status":"publish","type":"page","link":"https:\/\/lpkia.ac.id\/?page_id=12001","title":{"rendered":"Fasilitas Kampus"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<!-- Fasilitas Kampus IDE LPKIA - WordPress Blog Post Block -->\n<!-- Designed to avoid conflicts with Elementor CSS by using unique class prefixes -->\n<div class=\"lpkia-facility-wrapper\">\n\n    <!-- Main Header -->\n    <div class=\"lpkia-facility-header\">\n        <h1 class=\"lpkia-title-main\">FASILITAS KAMPUS IDE LPKIA<\/h1>\n        <div class=\"lpkia-header-line\"><\/div>\n    <\/div>\n\n    <!-- Grid \/ Cards Container -->\n    <div class=\"lpkia-facility-grid\">\n\n        <!-- Card 1: Gedung Kampus -->\n        <div class=\"lpkia-card\">\n            <div class=\"lpkia-card-icon\">\ud83c\udfdb\ufe0f<\/div>\n            <h3 class=\"lpkia-card-title\">GEDUNG KAMPUS MILIK SENDIRI<\/h3>\n            <ul class=\"lpkia-card-list\">\n                <li>Dirancang khusus untuk pendidikan<\/li>\n                <li>Luas tanah 7.000 m\u00b2<\/li>\n                <li>Lokasi mudah dijangkau<\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Card 2: Ruang Kelas Modern -->\n        <div class=\"lpkia-card\">\n            <div class=\"lpkia-card-icon\">\u2744\ufe0f<\/div>\n            <h3 class=\"lpkia-card-title\">RUANG KELAS MODERN BER-AC<\/h3>\n            <ul class=\"lpkia-card-list\">\n                <li>Dilengkapi AC &amp; Peralatan Audio Visual<\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Card 3: Akses Internet -->\n        <div class=\"lpkia-card\">\n            <div class=\"lpkia-card-icon\">\ud83c\udf10<\/div>\n            <h3 class=\"lpkia-card-title\">AKSES INTERNET CEPAT &amp; GRATIS<\/h3>\n            <ul class=\"lpkia-card-list\">\n                <li>Free Wi-Fi &amp; Internet Access di seluruh lingkungan kampus<\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Card 4: Ruang Praktikum & Lab -->\n        <div class=\"lpkia-card\">\n            <div class=\"lpkia-card-icon\">\ud83d\udda5\ufe0f<\/div>\n            <h3 class=\"lpkia-card-title\">RUANG PRAKTIKUM &amp; SARANA LABORATORIUM MUTAKHIR<\/h3>\n            <ul class=\"lpkia-card-list\">\n                <li>6 Lab Komputer (dilengkapi internet)<\/li>\n                <li>Lab Komputer Jaringan dan Mikrotik<\/li>\n                <li>Lab Multimedia &amp; Fotografi<\/li>\n                <li>Lab Basis Data<\/li>\n                <li>Lab Simulasi Bisnis dan Perkantoran<\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Card 5: Ruang Kegiatan Kemahasiswaan -->\n        <div class=\"lpkia-card\">\n            <div class=\"lpkia-card-icon\">\ud83c\udfad<\/div>\n            <h3 class=\"lpkia-card-title\">RUANG KEGIATAN KEMAHASISWAAN &amp; GEDUNG SERBA GUNA<\/h3>\n            <ul class=\"lpkia-card-list\">\n                <li>Untuk Organisasi, Acara, Pertunjukan<\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Card 6: Bebas Biaya Tambahan -->\n        <div class=\"lpkia-card\">\n            <div class=\"lpkia-card-icon\">\ud83d\udcb0<\/div>\n            <h3 class=\"lpkia-card-title\">BEBAS BIAYA TAMBAHAN UNTUK SETIAP PRAKTIKUM<\/h3>\n            <ul class=\"lpkia-card-list\">\n                <li>Tanpa biaya tambahan untuk setiap praktikum selama pendidikan<\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Card 7: Perpustakaan e-Library -->\n        <div class=\"lpkia-card\">\n            <div class=\"lpkia-card-icon\">\ud83d\udcda<\/div>\n            <h3 class=\"lpkia-card-title\">PERPUSTAKAAN e-LIBRARY<\/h3>\n            <ul class=\"lpkia-card-list\">\n                <li>Ruang Perpustakaan Modern &amp; Akses Digital<\/li>\n                <li>Tersedia 2 ruang perpustakaan modern<\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Card 8: Co-Working Space -->\n        <div class=\"lpkia-card\">\n            <div class=\"lpkia-card-icon\">\ud83e\udd1d<\/div>\n            <h3 class=\"lpkia-card-title\">CO-WORKING SPACE MAHASISWA<\/h3>\n            <ul class=\"lpkia-card-list\">\n                <li>Tempat Kolaborasi &amp; Diskusi Mahasiswa<\/li>\n            <\/ul>\n        <\/div>\n\n        <!-- Card 9: Lapangan Serba Guna -->\n        <div class=\"lpkia-card\">\n            <div class=\"lpkia-card-icon\">\u26bd<\/div>\n            <h3 class=\"lpkia-card-title\">LAPANGAN SERBA GUNA<\/h3>\n            <ul class=\"lpkia-card-list\">\n                <li><strong>KAMPUS IDE LPKIA<\/strong><\/li>\n                <li>Sarana Olahraga &amp; Kegiatan Luar Ruangan<\/li>\n            <\/ul>\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n<!-- ============================================ -->\n<!-- CSS Style - Peningkatan Visual Modern        -->\n<!-- ============================================ -->\n<style>\n.lpkia-facility-wrapper {\n    max-width: 1200px;\n    margin: 3rem auto;\n    padding: 2.5rem 2rem;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    background: linear-gradient(145deg, #f3f7fa, #ffffff);\n    border-radius: 28px;\n    box-shadow: 0 15px 35px rgba(11, 42, 74, 0.04);\n    box-sizing: border-box;\n}\n\n\/* Header Modernized *\/\n.lpkia-facility-header {\n    text-align: center;\n    margin-bottom: 3.5rem;\n    position: relative;\n}\n.lpkia-title-main {\n    font-size: 2.4rem;\n    font-weight: 800;\n    letter-spacing: 1.5px;\n    color: #0b2a4a;\n    margin: 0 0 0.8rem 0;\n    text-transform: uppercase;\n    background: linear-gradient(to right, #0b2a4a, #1a3e6f);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n}\n.lpkia-header-line {\n    width: 80px;\n    height: 4px;\n    background: linear-gradient(to right, #1a3e6f, #4a90e2);\n    margin: 0 auto;\n    border-radius: 2px;\n}\n\n\/* Grid layout tetap aman *\/\n.lpkia-facility-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n    gap: 28px;\n    margin: 2rem 0;\n}\n\n\/* Card Enhanced Design *\/\n.lpkia-card {\n    background: #ffffff;\n    border-radius: 22px;\n    padding: 2rem 1.8rem;\n    box-shadow: 0 6px 20px rgba(0, 20, 40, 0.04);\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    border: 1px solid #edf2f7;\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    box-sizing: border-box;\n    position: relative;\n    overflow: hidden;\n}\n\n\/* 3D Lifting Effect on Hover *\/\n.lpkia-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 12px 30px rgba(26, 62, 111, 0.12);\n    border-color: #bbd3ed;\n}\n\n.lpkia-card-icon {\n    font-size: 2.8rem;\n    margin-bottom: 1rem;\n    transition: transform 0.3s ease;\n    display: inline-block;\n}\n.lpkia-card:hover .lpkia-card-icon {\n    transform: scale(1.15) rotate(5deg);\n}\n\n.lpkia-card-title {\n    font-size: 1.15rem;\n    font-weight: 700;\n    color: #0b2a4a;\n    margin: 0 0 1rem 0;\n    letter-spacing: 0.2px;\n    line-height: 1.4;\n    border-bottom: 2px solid #f0f4f8;\n    padding-bottom: 0.8rem;\n}\n\n.lpkia-card-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    flex: 1;\n}\n.lpkia-card-list li {\n    padding: 0.5rem 0 0.5rem 1.8rem;\n    position: relative;\n    font-size: 0.95rem;\n    line-height: 1.6;\n    color: #334e68;\n    border-bottom: 1px dashed #f0f4f8;\n}\n.lpkia-card-list li:last-child {\n    border-bottom: none;\n}\n\n\/* Menukar panah jadul dengan simbol ceklis modern *\/\n.lpkia-card-list li::before {\n    content: \"\u2713\";\n    position: absolute;\n    left: 0;\n    top: 6px;\n    color: #1a3e6f;\n    font-weight: 900;\n    font-size: 1rem;\n    background: #eef4fa;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.lpkia-card-list li strong {\n    color: #0b2a4a;\n    font-weight: 700;\n}\n\n\/* JavaScript Class Effects *\/\n.lpkia-featured-card {\n    border-color: #4a90e2 !important;\n    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);\n    animation: lpkiaGlow 3s infinite alternate;\n}\n@keyframes lpkiaGlow {\n    0% { box-shadow: 0 6px 20px rgba(74, 144, 226, 0.1); }\n    100% { box-shadow: 0 6px 30px rgba(74, 144, 226, 0.25); }\n}\n\n\/* Responsive adjustments *\/\n@media (max-width: 768px) {\n    .lpkia-facility-wrapper {\n        padding: 1.5rem 1rem;\n        margin: 1.5rem auto;\n    }\n    .lpkia-title-main {\n        font-size: 1.8rem;\n    }\n    .lpkia-facility-grid {\n        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n        gap: 20px;\n    }\n    .lpkia-card {\n        padding: 1.5rem 1.3rem;\n    }\n}\n<\/style>\n\n<!-- ============================================ -->\n<!-- JavaScript - Interaktivitas & Dinamis        -->\n<!-- ============================================ -->\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ 1. Ambil semua kartu fasilitas yang ada\n    const cards = document.querySelectorAll('.lpkia-card');\n    \n    if(cards.length > 0) {\n        \/\/ 2. Pilih satu kartu secara acak untuk dijadikan \"Highlight Rekomendasi\" hari ini\n        const randomIndex = Math.floor(Math.random() * cards.length);\n        cards[randomIndex].classList.add('lpkia-featured-card');\n        \n        \/\/ Menambahkan teks kecil pemberitahuan fitur unggulan secara dinamis\n        const tag = document.createElement('span');\n        tag.innerText = '\u2605 Unggulan';\n        tag.style.cssText = 'position:absolute; top:12px; right:15px; font-size:0.75rem; background:#4a90e2; color:#fff; padding:2px 8px; border-radius:10px; font-weight:600;';\n        cards[randomIndex].appendChild(tag);\n    }\n});\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>FASILITAS KAMPUS IDE LPKIA \ud83c\udfdb\ufe0f GEDUNG KAMPUS MILIK SENDIRI Dirancang khusus untuk pendidikan Luas tanah 7.000 m\u00b2 Lokasi mudah dijangkau&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"footnotes":""},"class_list":["post-12001","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/12001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12001"}],"version-history":[{"count":18,"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/12001\/revisions"}],"predecessor-version":[{"id":14900,"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/12001\/revisions\/14900"}],"wp:attachment":[{"href":"https:\/\/lpkia.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}