{"id":6879,"date":"2026-06-10T05:31:11","date_gmt":"2026-06-10T05:31:11","guid":{"rendered":"https:\/\/fpmipati.upgris.ac.id\/?page_id=6879"},"modified":"2026-06-11T01:36:45","modified_gmt":"2026-06-11T01:36:45","slug":"akomodasi-mahasiswa","status":"publish","type":"page","link":"https:\/\/fpmipati.upgris.ac.id\/index.php\/akomodasi-mahasiswa\/","title":{"rendered":"akomodasi mahasiswa"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-995f960e wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<style data-wp-block-html=\"css\">\ncss \/* ==================== STUDENT ACCOMMODATION SECTION ==================== *\/\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: 6px 20px;\n    border-radius: 40px;\n    display: inline-block;\n}\n\n.accommodation-header h2 {\n    font-size: 48px;\n    color: #1e3a8a;\n    margin: 20px 0 15px;\n    font-weight: 700;\n    position: relative;\n    display: inline-block;\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<!-- ==================== STUDENT ACCOMMODATION SECTION ==================== -->\n<section class=\"accommodation-section\">\n    <div class=\"accommodation-header\">\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            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-34-1024x768.png\" alt=\"Facility 1\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-35-768x1024.png\" alt=\"Facility 2\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-36-768x1024.png\" alt=\"Facility 3\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/17-1-edited.jpeg\" alt=\"Facility 4\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-37-1024x768.png\" alt=\"Facility 5\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-42-1024x768.png\" alt=\"Facility 6\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-41-1024x768.png\" alt=\"Facility 7\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-38-1024x576.png\" alt=\"Facility 8\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/DSC07748-1024x683.jpg\" alt=\"Facility 9\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/DSC07774-1024x683.jpg\" alt=\"Facility 10\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/DSC07816-1024x683.jpg\" alt=\"Facility 11\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <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\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/image-40-1024x768-1.png\" alt=\"Facility 13\">\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\">&times;<\/span>\n    <img class=\"lightbox-content\" id=\"lightboxImage\">\n    <div class=\"lightbox-caption\" id=\"lightboxCaption\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>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 modern facilities, comfortable communal [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6879","page","type-page","status-publish","hentry"],"blocksy_meta":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"admin","author_link":"https:\/\/fpmipati.upgris.ac.id\/index.php\/author\/upttik\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"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 modern facilities, comfortable communal&hellip;","_links":{"self":[{"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/6879","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=6879"}],"version-history":[{"count":6,"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/6879\/revisions"}],"predecessor-version":[{"id":7013,"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/6879\/revisions\/7013"}],"wp:attachment":[{"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=6879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}