{"id":6880,"date":"2026-06-10T05:31:11","date_gmt":"2026-06-10T05:31:11","guid":{"rendered":"https:\/\/fpmipati.upgris.ac.id\/?page_id=6880"},"modified":"2026-06-11T01:35:20","modified_gmt":"2026-06-11T01:35:20","slug":"fasilitas-olhraga","status":"publish","type":"page","link":"https:\/\/fpmipati.upgris.ac.id\/index.php\/fasilitas-olhraga\/","title":{"rendered":"fasilitas olhraga"},"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\">\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\n\n\n<p class=\"wp-block-paragraph\"><\/p>\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, and wellness. The sport center is designed to create a healthy, active, and inspiring atmosphere where students can exercise, compete, and grow together. \u26bd UPGRIS sport facilities include complete equipment, professional coaches, and comfortable spaces [&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-6880","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":"Campus Facilities Sport Facilities Universitas PGRI Semarang (UPGRIS) provides complete and modern sport facilities to support student athletic development, health, and wellness. The sport center is designed to create a healthy, active, and inspiring atmosphere where students can exercise, compete, and grow together. \u26bd UPGRIS sport facilities include complete equipment, professional coaches, and comfortable spaces&hellip;","_links":{"self":[{"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/6880","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=6880"}],"version-history":[{"count":2,"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/6880\/revisions"}],"predecessor-version":[{"id":7011,"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/6880\/revisions\/7011"}],"wp:attachment":[{"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=6880"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}