{"id":3929,"date":"2026-06-11T02:31:54","date_gmt":"2026-06-11T02:31:54","guid":{"rendered":"https:\/\/fip.upgris.ac.id\/?page_id=3929"},"modified":"2026-06-15T02:10:04","modified_gmt":"2026-06-15T02:10:04","slug":"teknologi-kelas","status":"publish","type":"page","link":"https:\/\/fip.upgris.ac.id\/index.php\/teknologi-kelas\/","title":{"rendered":"Teknologi Kelas"},"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>\n\/* =====================================\n   TEKNOLOGI KELAS\n===================================== *\/\n\n.tech-page{\n    max-width:1280px;\n    margin:auto;\n    padding:80px 20px;\n    font-family:inherit;\n}\n\n.tech-badge{\n    display:inline-block;\n    padding:8px 18px;\n    border-radius:999px;\n    background:#eef4ff;\n    color:#2563eb;\n    font-weight:600;\n    margin-bottom:20px;\n}\n\n.tech-header{\n    text-align:center;\n    max-width:900px;\n    margin:0 auto 70px;\n}\n\n.tech-header h1{\n    font-size:56px;\n    color:#2563eb;\n    margin-bottom:20px;\n    line-height:1.1;\n}\n\n.tech-header p{\n    font-size:20px;\n    color:#6b7280;\n    line-height:1.8;\n}\n\n\/* STATS *\/\n\n.tech-stats{\n    display:grid;\n    grid-template-columns:repeat(4,1fr);\n    gap:24px;\n    margin-bottom:80px;\n}\n\n.tech-stat{\n    background:#fff;\n    border-radius:24px;\n    padding:35px 20px;\n    text-align:center;\n    box-shadow:0 10px 30px rgba(0,0,0,.08);\n}\n\n.tech-stat h2{\n    color:#2563eb;\n    margin-bottom:10px;\n    font-size:36px;\n}\n\n\/* GALLERY *\/\n\n.tech-gallery{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:24px;\n}\n\n.tech-gallery a{\n    display:block;\n    text-decoration:none;\n}\n\n.tech-card{\n    position:relative;\n    overflow:hidden;\n    border-radius:24px;\n    height:320px;\n    box-shadow:0 15px 35px rgba(0,0,0,.08);\n}\n\n.tech-card img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n    transition:.4s;\n}\n\n.tech-gallery a{\n    display:block;\n    break-inside:avoid;\n    margin-bottom:24px;\n    text-decoration:none;\n}\n\n.tech-card{\n    position:relative;\n    overflow:hidden;\n    border-radius:24px;\n    box-shadow:0 15px 35px rgba(0,0,0,.08);\n}\n\n.tech-card img{\n    width:100%;\n    display:block;\n    transition:.6s;\n}\n\n.tech-card:hover img{\n    transform:scale(1.05);\n}\n\n.tech-overlay{\n    position:absolute;\n    inset:0;\n    display:flex;\n    align-items:flex-end;\n    padding:24px;\n    color:white;\n    font-weight:600;\n    font-size:18px;\n    background:linear-gradient(\n        to top,\n        rgba(0,0,0,.85),\n        rgba(0,0,0,.25),\n        transparent\n    );\n}\n\n\/* FEATURES *\/\n\n.tech-features{\n    display:grid;\n    grid-template-columns:repeat(3,1fr);\n    gap:24px;\n    margin-bottom:80px;\n}\n\n.tech-feature{\n    background:white;\n    border-radius:24px;\n    padding:40px;\n    text-align:center;\n    box-shadow:0 10px 30px rgba(0,0,0,.08);\n}\n\n.tech-feature-icon{\n    font-size:48px;\n    margin-bottom:20px;\n}\n\n.tech-feature h3{\n    color:#2563eb;\n    margin-bottom:15px;\n}\n\n\/* CTA *\/\n\n.tech-cta{\n    background:linear-gradient(135deg,#2563eb,#3b82f6);\n    color:white;\n    border-radius:30px;\n    padding:70px 40px;\n    text-align:center;\n}\n\n.tech-cta h2{\n    color:white;\n    font-size:36px;\n    margin-bottom:20px;\n}\n\n.tech-cta p{\n    max-width:900px;\n    margin:auto;\n    line-height:1.9;\n}\n\n\/* RESPONSIVE *\/\n\n@media(max-width:991px){\n\n     .tech-gallery{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .tech-stats{\n        grid-template-columns:repeat(2,1fr);\n    }\n\n    .tech-features{\n        grid-template-columns:1fr;\n    }\n}\n\n@media(max-width:768px){\n\n    .tech-gallery{\n        grid-template-columns:1fr;\n    }\n\n    .tech-stats{\n        grid-template-columns:1fr;\n    }\n\n    .tech-header h1{\n        font-size:40px;\n    }\n\n    .tech-header p{\n        font-size:18px;\n    }\n}\n<\/style>\n\n<div class=\"tech-page\">\n\n    <div class=\"tech-header\">\n\n        <span class=\"tech-badge\">\n            Smart Learning Environment\n        <\/span>\n\n        <h1>\n            Teknologi Kelas\n        <\/h1>\n\n        <p>\n            Ruang perkuliahan didukung berbagai fasilitas teknologi modern\n            untuk menciptakan pengalaman belajar yang interaktif,\n            kolaboratif, dan sesuai kebutuhan pendidikan abad ke-21.\n        <\/p>\n\n    <\/div>\n\n    <div class=\"tech-stats\">\n\n        <div class=\"tech-stat\">\n            <h2>Smart<\/h2>\n            <p>Classroom Technology<\/p>\n        <\/div>\n\n        <div class=\"tech-stat\">\n            <h2>Digital<\/h2>\n            <p>Learning Support<\/p>\n        <\/div>\n\n        <div class=\"tech-stat\">\n            <h2>Hybrid<\/h2>\n            <p>Learning Environment<\/p>\n        <\/div>\n\n        <div class=\"tech-stat\">\n            <h2>WiFi<\/h2>\n            <p>Campus Connectivity<\/p>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"tech-gallery\">\n\n        <a data-fslightbox=\"technology\" href=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-08-07-at-11.49.02-1024x576.jpeg\">\n            <div class=\"tech-card\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-08-07-at-11.49.02-1024x576.jpeg\">\n                <div class=\"tech-overlay\">Kelas Pintar<\/div>\n            <\/div>\n        <\/a>\n\n        <a data-fslightbox=\"technology\" href=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-08-07-at-11.50.33-1-1024x576.jpeg\">\n            <div class=\"tech-card\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-08-07-at-11.50.33-1-1024x576.jpeg\">\n                <div class=\"tech-overlay\">Kelas Multimedia<\/div>\n            <\/div>\n        <\/a>\n\n        <a data-fslightbox=\"technology\" href=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-08-07-at-11.49.25-1024x576.jpeg\">\n            <div class=\"tech-card\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-08-07-at-11.49.25-1024x576.jpeg\">\n                <div class=\"tech-overlay\">Kelas Pintar<\/div>\n            <\/div>\n        <\/a>\n\n        <a data-fslightbox=\"technology\" href=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-08-07-at-11.48.12-1024x550.jpeg\">\n            <div class=\"tech-card\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/09\/WhatsApp-Image-2025-08-07-at-11.48.12-1024x550.jpeg\">\n                <div class=\"tech-overlay\">Ruang Pembelajaran Interaktif<\/div>\n            <\/div>\n        <\/a>\n\n        <a data-fslightbox=\"technology\" href=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-43-1024x577.png\">\n            <div class=\"tech-card\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2025\/12\/image-43-1024x577.png\">\n                <div class=\"tech-overlay\">Podcast Studio<\/div>\n            <\/div>\n        <\/a>\n\n        <a data-fslightbox=\"technology\" href=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-04-28-at-15.09.09-768x1024.jpeg\">\n            <div class=\"tech-card\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-04-28-at-15.09.09-768x1024.jpeg\">\n                <div class=\"tech-overlay\">Coworking Space (Library)<\/div>\n            <\/div>\n        <\/a>\n\n        <a data-fslightbox=\"technology\" href=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-04-28-at-15.09.08-1024x768.jpeg\">\n            <div class=\"tech-card\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-04-28-at-15.09.08-1024x768.jpeg\">\n                <div class=\"tech-overlay\">Lingkungan Belajar Modern<\/div>\n            <\/div>\n        <\/a>\n\n        <a data-fslightbox=\"technology\" href=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-07-at-12.05.35-1-1024x576.jpeg\">\n            <div class=\"tech-card\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-07-at-12.05.35-1-1024x576.jpeg\">\n                <div class=\"tech-overlay\">Coworking Space<\/div>\n            <\/div>\n        <\/a>\n\n        <a data-fslightbox=\"technology\" href=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/Kelas-Berkomputer-3-1-1024x577.jpg\">\n            <div class=\"tech-card\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/Kelas-Berkomputer-3-1-1024x577.jpg\">\n                <div class=\"tech-overlay\">Kelas Berkomputer<\/div>\n            <\/div>\n        <\/a>\n\n        <a data-fslightbox=\"technology\" href=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/hybrid-learning_Lab-Multimedia-PGSD-1-1024x526.jpeg\">\n            <div class=\"tech-card\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/hybrid-learning_Lab-Multimedia-PGSD-1-1024x526.jpeg\">\n                <div class=\"tech-overlay\">Laboratorium Hybrid Learning<\/div>\n            <\/div>\n        <\/a>\n\n        <a data-fslightbox=\"technology\" href=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-07-at-09.25.30-1-768x1024.jpeg\">\n            <div class=\"tech-card\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-07-at-09.25.30-1-768x1024.jpeg\">\n                <div class=\"tech-overlay\">Computer Equipped Space<\/div>\n            <\/div>\n        <\/a>\n\n        <a data-fslightbox=\"technology\" href=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-07-at-09.43.58-1-768x1024.jpeg\">\n            <div class=\"tech-card\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-07-at-09.43.58-1-768x1024.jpeg\">\n                <div class=\"tech-overlay\">Computer Equipped Space<\/div>\n            <\/div>\n        <\/a>\n\n        <a data-fslightbox=\"technology\" href=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-04-28-at-14.52.50-1-1024x576.jpeg\">\n            <div class=\"tech-card\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-04-28-at-14.52.50-1-1024x576.jpeg\">\n                <div class=\"tech-overlay\">Ruang Kelas Modern<\/div>\n            <\/div>\n        <\/a>\n\n        <a data-fslightbox=\"technology\" href=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-04-28-at-14.52.50-1024x576.jpeg\">\n            <div class=\"tech-card\">\n                <img decoding=\"async\" src=\"https:\/\/upgris.ac.id\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-04-28-at-14.52.50-1024x576.jpeg\">\n                <div class=\"tech-overlay\">Integrasi Teknologi Pembelajaran<\/div>\n            <\/div>\n        <\/a>\n\n    <\/div>\n\n    <div class=\"tech-features\">\n\n        <div class=\"tech-feature\">\n            <div class=\"tech-feature-icon\">\ud83d\udda5\ufe0f<\/div>\n            <h3>Smart Classroom<\/h3>\n            <p>Ruang kelas modern dengan dukungan teknologi pembelajaran digital.<\/p>\n        <\/div>\n\n        <div class=\"tech-feature\">\n            <div class=\"tech-feature-icon\">\ud83d\udce1<\/div>\n            <h3>Hybrid Learning<\/h3>\n            <p>Mendukung pembelajaran tatap muka dan daring secara fleksibel.<\/p>\n        <\/div>\n\n        <div class=\"tech-feature\">\n            <div class=\"tech-feature-icon\">\ud83c\udf10<\/div>\n            <h3>Digital Ecosystem<\/h3>\n            <p>Terintegrasi dengan berbagai platform pembelajaran kampus.<\/p>\n        <\/div>\n\n    <\/div>\n\n    <div class=\"tech-cta\">\n\n        <h2>\n            Menciptakan Pengalaman Belajar Berbasis Teknologi\n        <\/h2>\n\n        <p>\n            Teknologi kelas dirancang untuk mendukung pembelajaran yang\n            interaktif, kolaboratif, inovatif, dan sesuai dengan kebutuhan\n            pendidikan modern.\n        <\/p>\n\n    <\/div>\n\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Smart Learning Environment Teknologi Kelas Ruang perkuliahan didukung berbagai fasilitas teknologi modern untuk menciptakan pengalaman belajar yang interaktif, kolaboratif, dan [&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-3929","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fip.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/3929","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=3929"}],"version-history":[{"count":2,"href":"https:\/\/fip.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/3929\/revisions"}],"predecessor-version":[{"id":4195,"href":"https:\/\/fip.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/3929\/revisions\/4195"}],"wp:attachment":[{"href":"https:\/\/fip.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=3929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}