{"id":13150,"date":"2026-06-10T06:39:09","date_gmt":"2026-06-10T06:39:09","guid":{"rendered":"https:\/\/pbsd.upgris.ac.id\/?page_id=13150"},"modified":"2026-06-10T09:17:02","modified_gmt":"2026-06-10T09:17:02","slug":"student-accommodation","status":"publish","type":"page","link":"https:\/\/pbsd.upgris.ac.id\/index.php\/student-accommodation\/","title":{"rendered":"student accommodation"},"content":{"rendered":"<style data-wp-block-html=\"css\">\n.accommodation-section {\n    max-width: 1400px;\n    margin: auto;\n    padding: 100px 20px;\n    font-family: 'Poppins', 'Arial', sans-serif;\n    background: linear-gradient(135deg, #f8fafc 0%, #eff6ff 100%);\n    border-radius: 0 0 60px 60px;\n}\n\n.accommodation-header {\n    text-align: center;\n    margin-bottom: 70px;\n    position: relative;\n}\n\n.accommodation-header span {\n    color: #2563eb;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    font-weight: 700;\n    font-size: 14px;\n    background: #dbeafe;\n    padding: 10px 24px;\n    border-radius: 40px;\n\n    display: block;\n    width: fit-content;\n    margin: 0 auto 25px;\n}\n\n.accommodation-header h2 {\n    font-size: 48px;\n    color: #1e3a8a;\n    margin: 0 auto 15px;\n    font-weight: 700;\n    position: relative;\n    display: block;\n    width: fit-content;\n}\n\n.accommodation-header h2:after {\n    content: '';\n    position: absolute;\n    bottom: -12px;\n    left: 50%;\n    transform: translateX(-50%);\n    width: 80px;\n    height: 4px;\n    background: linear-gradient(90deg, #2563eb, #60a5fa);\n    border-radius: 4px;\n}\n\n.accommodation-header p {\n    max-width: 900px;\n    margin: 30px auto 0;\n    line-height: 1.9;\n    color: #475569;\n    font-size: 16px;\n}\n\n\/* Gallery Grid Modern *\/\n.accommodation-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\n    gap: 25px;\n    margin-bottom: 60px;\n}\n\n.gallery-item {\n    position: relative;\n    overflow: hidden;\n    border-radius: 20px;\n    cursor: pointer;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\n    transition: all 0.4s ease;\n    aspect-ratio: 4 \/ 3;\n}\n\n.gallery-item img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: all 0.5s ease;\n    display: block;\n}\n\n.gallery-item:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 25px 45px rgba(37, 99, 235, 0.2);\n}\n\n.gallery-item:hover img {\n    transform: scale(1.08);\n}\n\n\/* Footer *\/\n.accommodation-footer {\n    margin-top: 30px;\n    background: linear-gradient(135deg, #1e3a8a, #2563eb);\n    padding: 45px 40px;\n    border-radius: 25px;\n    display: flex;\n    align-items: center;\n    gap: 30px;\n    transition: all 0.3s ease;\n    box-shadow: 0 20px 35px rgba(37, 99, 235, 0.3);\n}\n\n.accommodation-footer:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 30px 45px rgba(37, 99, 235, 0.4);\n}\n\n.footer-icon {\n    font-size: 55px;\n    background: rgba(255, 255, 255, 0.2);\n    width: 90px;\n    height: 90px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    transition: all 0.3s ease;\n}\n\n.accommodation-footer:hover .footer-icon {\n    transform: scale(1.1);\n    background: rgba(255, 255, 255, 0.3);\n}\n\n.accommodation-footer p {\n    flex: 1;\n    margin: 0;\n    color: white;\n    line-height: 1.9;\n    font-size: 16px;\n    font-weight: 400;\n}\n\n\/* Lightbox Modal *\/\n.lightbox-modal {\n    display: none;\n    position: fixed;\n    z-index: 100000;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.95);\n    backdrop-filter: blur(10px);\n    cursor: pointer;\n    animation: fadeInLightbox 0.3s ease;\n}\n\n@keyframes fadeInLightbox {\n    from { opacity: 0; }\n    to { opacity: 1; }\n}\n\n.lightbox-content {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    max-width: 90%;\n    max-height: 85%;\n    object-fit: contain;\n    border-radius: 15px;\n    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.5);\n    animation: zoomIn 0.3s ease;\n}\n\n@keyframes zoomIn {\n    from {\n        transform: translate(-50%, -50%) scale(0.9);\n        opacity: 0;\n    }\n    to {\n        transform: translate(-50%, -50%) scale(1);\n        opacity: 1;\n    }\n}\n\n.lightbox-close {\n    position: absolute;\n    top: 25px;\n    right: 35px;\n    font-size: 50px;\n    font-weight: bold;\n    color: white;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    z-index: 100001;\n    width: 50px;\n    height: 50px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.1);\n}\n\n.lightbox-close:hover {\n    background: #ef4444;\n    transform: rotate(90deg);\n    color: white;\n}\n\n.lightbox-caption {\n    position: absolute;\n    bottom: 30px;\n    left: 50%;\n    transform: translateX(-50%);\n    color: white;\n    background: rgba(0, 0, 0, 0.7);\n    padding: 12px 25px;\n    border-radius: 40px;\n    font-size: 14px;\n    font-weight: 500;\n    backdrop-filter: blur(5px);\n}\n\n\/* Responsive *\/\n@media (max-width: 992px) {\n    .accommodation-grid {\n        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n        gap: 20px;\n    }\n    \n    .accommodation-header h2 {\n        font-size: 38px;\n    }\n}\n\n@media (max-width: 768px) {\n    .accommodation-section {\n        padding: 60px 20px;\n    }\n    \n    .accommodation-header h2 {\n        font-size: 32px;\n    }\n    \n    .accommodation-header p {\n        font-size: 14px;\n    }\n    \n    .accommodation-footer {\n        flex-direction: column;\n        text-align: center;\n        padding: 35px 25px;\n    }\n}\n\n@media (max-width: 480px) {\n    .accommodation-grid {\n        grid-template-columns: 1fr;\n    }\n    \n    .accommodation-header h2 {\n        font-size: 28px;\n    }\n    \n    .footer-icon {\n        width: 70px;\n        height: 70px;\n        font-size: 40px;\n    }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/\/ ==================== LIGHTBOX GALLERY ====================\n\/\/ Get modal elements\nvar lightboxModal = document.getElementById('lightboxModal');\nvar lightboxImage = document.getElementById('lightboxImage');\nvar lightboxCaption = document.getElementById('lightboxCaption');\nvar closeBtn = document.querySelector('.lightbox-close');\n\n\/\/ Get all gallery images\nvar galleryImages = document.querySelectorAll('.gallery-item');\n\n\/\/ Add click event to each gallery image\ngalleryImages.forEach(function(item) {\n    var img = item.querySelector('img');\n    item.addEventListener('click', function() {\n        lightboxModal.style.display = 'block';\n        lightboxImage.src = img.src;\n        lightboxCaption.innerHTML = img.alt || 'Campus Facility';\n    });\n});\n\n\/\/ Close lightbox when clicking on close button\nif (closeBtn) {\n    closeBtn.addEventListener('click', function() {\n        lightboxModal.style.display = 'none';\n    });\n}\n\n\/\/ Close lightbox when clicking outside the image\nlightboxModal.addEventListener('click', function(e) {\n    if (e.target === lightboxModal) {\n        lightboxModal.style.display = 'none';\n    }\n});\n\n\/\/ Close lightbox with ESC key\ndocument.addEventListener('keydown', function(e) {\n    if (e.key === 'Escape' && lightboxModal.style.display === 'block') {\n        lightboxModal.style.display = 'none';\n    }\n});\n<\/script>\n\nstudent acomodation <!-- ==================== STUDENT ACCOMMODATION SECTION ==================== -->\n<section class=\"accommodation-section\">\n    <div class=\"accommodation-header\">\n        <span>Campus Facilities<\/span>\n        <h2>Student Accommodation<\/h2>\n        <p>\n            Universitas PGRI Semarang (UPGRIS) provides\n            comfortable and student-friendly accommodation\n            facilities to support academic activities,\n            personal development, and campus life.\n            The university environment is designed to\n            create a safe, inclusive, and inspiring\n            atmosphere where students can learn,\n            collaborate, and grow together.\n        <\/p>\n    <\/div>\n\n    <div class=\"accommodation-grid\">\n        <div class=\"gallery-item\">\n            <noscript><img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-34-1024x768.png\" alt=\"Facility 1\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Facility 1\" data-src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-34-1024x768.png\" class=\" lazyload\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <noscript><img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-35-768x1024.png\" alt=\"Facility 2\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Facility 2\" data-src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-35-768x1024.png\" class=\" lazyload\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <noscript><img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-36-768x1024.png\" alt=\"Facility 3\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Facility 3\" data-src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-36-768x1024.png\" class=\" lazyload\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <noscript><img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/17-1-edited.jpeg\" alt=\"Facility 4\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Facility 4\" data-src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/17-1-edited.jpeg\" class=\" lazyload\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <noscript><img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-37-1024x768.png\" alt=\"Facility 5\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Facility 5\" data-src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-37-1024x768.png\" class=\" lazyload\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <noscript><img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-42-1024x768.png\" alt=\"Facility 6\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Facility 6\" data-src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-42-1024x768.png\" class=\" lazyload\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <noscript><img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-41-1024x768.png\" alt=\"Facility 7\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Facility 7\" data-src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-41-1024x768.png\" class=\" lazyload\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <noscript><img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-38-1024x576.png\" alt=\"Facility 8\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Facility 8\" data-src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-38-1024x576.png\" class=\" lazyload\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <noscript><img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/DSC07748-1024x683.jpg\" alt=\"Facility 9\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Facility 9\" data-src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/DSC07748-1024x683.jpg\" class=\" lazyload\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <noscript><img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/DSC07774-1024x683.jpg\" alt=\"Facility 10\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Facility 10\" data-src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/DSC07774-1024x683.jpg\" class=\" lazyload\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <noscript><img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/DSC07816-1024x683.jpg\" alt=\"Facility 11\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Facility 11\" data-src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/DSC07816-1024x683.jpg\" class=\" lazyload\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <noscript><img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-07-at-12.22.00-1-1.jpeg\" alt=\"Facility 12\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Facility 12\" data-src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-07-at-12.22.00-1-1.jpeg\" class=\" lazyload\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <noscript><img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/image-40-1024x768-1.png\" alt=\"Facility 13\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"Facility 13\" data-src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/image-40-1024x768-1.png\" class=\" lazyload\">\n        <\/div>\n    <\/div>\n\n    <div class=\"accommodation-footer\">\n        <div class=\"footer-icon\">\ud83c\udfe0<\/div>\n        <p>\n            The accommodation environment at UPGRIS supports students through modern facilities,\n            comfortable communal spaces, and a campus atmosphere that promotes well-being,\n            collaboration, and academic excellence.\n        <\/p>\n    <\/div>\n<\/section>\n\n<!-- Lightbox Modal -->\n<div id=\"lightboxModal\" class=\"lightbox-modal\">\n    <span class=\"lightbox-close\">\u00d7<\/span>\n    <noscript><img class=\"lightbox-content\" id=\"lightboxImage\"><\/noscript><img class=\"lightbox-content lazyload\" id=\"lightboxImage\" data-src src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\">\n    <div class=\"lightbox-caption\" id=\"lightboxCaption\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>student acomodation Campus Facilities Student Accommodation Universitas PGRI Semarang (UPGRIS) provides comfortable and student-friendly accommodation facilities to support academic activities, personal development, and campus life. The university environment is designed to create a safe, inclusive, and inspiring atmosphere where students can learn, collaborate, and grow together. \ud83c\udfe0 The accommodation environment at UPGRIS supports students through [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13150","page","type-page","status-publish","hentry"],"blocksy_meta":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"UPTTIK UPGRIS","author_link":"https:\/\/pbsd.upgris.ac.id\/index.php\/author\/upttik\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"student acomodation Campus Facilities Student Accommodation Universitas PGRI Semarang (UPGRIS) provides comfortable and student-friendly accommodation facilities to support academic activities, personal development, and campus life. The university environment is designed to create a safe, inclusive, and inspiring atmosphere where students can learn, collaborate, and grow together. \ud83c\udfe0 The accommodation environment at UPGRIS supports students through&hellip;","_links":{"self":[{"href":"https:\/\/pbsd.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/13150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pbsd.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pbsd.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pbsd.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pbsd.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=13150"}],"version-history":[{"count":2,"href":"https:\/\/pbsd.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/13150\/revisions"}],"predecessor-version":[{"id":13257,"href":"https:\/\/pbsd.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/13150\/revisions\/13257"}],"wp:attachment":[{"href":"https:\/\/pbsd.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=13150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}