{"id":3931,"date":"2026-06-11T02:31:54","date_gmt":"2026-06-11T02:31:54","guid":{"rendered":"https:\/\/fip.upgris.ac.id\/?page_id=3931"},"modified":"2026-06-15T02:12:09","modified_gmt":"2026-06-15T02:12:09","slug":"fasilitas-olahraga","status":"publish","type":"page","link":"https:\/\/fip.upgris.ac.id\/index.php\/fasilitas-olahraga\/","title":{"rendered":"Fasilitas Olahraga"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-7387b849 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\">\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<!-- ==================== STUDENT ACCOMMODATION SECTION ==================== -->\n<section class=\"accommodation-section\">\n    <div class=\"accommodation-header\">\n        <span>Campus Facilities<\/span>\n        <h2>Sport Facilities<\/h2>\n        <p>\n            Universitas PGRI Semarang (UPGRIS) provides\n            complete and modern sport facilities to support\n            student athletic development, health, and wellness.\n            The sport center is designed to create a healthy,\n            active, and inspiring atmosphere where students can\n            exercise, compete, 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\/09\/WhatsApp-Image-2025-09-23-at-19.19.01-5-1024x576.jpeg\" alt=\"Sport Facility 1\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-23-at-19.19.01-1-1024x576.jpeg\" alt=\"Sport Facility 2\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-23-at-19.19.01-6-1024x576.jpeg\" alt=\"Sport Facility 3\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-23-at-20.19.36-edited.jpeg\" alt=\"Sport Facility 4\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-23-at-19.19.01-4-1024x576.jpeg\" alt=\"Sport Facility 5\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-23-at-19.19.01-1024x576.jpeg\" alt=\"Sport Facility 6\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/DJI_20240514181842_0243_D-1024x576.jpg\" alt=\"Sport Facility 7\">\n        <\/div>\n        <div class=\"gallery-item\">\n            <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-09-23-at-19.19.01-3-1024x576.jpeg\" alt=\"Sport Facility 8\">\n        <\/div>\n    <\/div>\n\n    <div class=\"accommodation-footer\">\n        <div class=\"footer-icon\">\u26bd<\/div>\n        <p>\n            UPGRIS sport facilities include complete equipment, professional coaches,\n            and comfortable spaces that support various sports activities\n            including futsal, basketball, volleyball, badminton, and fitness center.\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    <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>Campus Facilities Sport Facilities Universitas PGRI Semarang (UPGRIS) provides complete and modern sport facilities to support student athletic development, health, [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","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-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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-3931","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fip.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/3931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fip.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fip.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fip.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/fip.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=3931"}],"version-history":[{"count":2,"href":"https:\/\/fip.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/3931\/revisions"}],"predecessor-version":[{"id":4197,"href":"https:\/\/fip.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/3931\/revisions\/4197"}],"wp:attachment":[{"href":"https:\/\/fip.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=3931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}