{"id":6878,"date":"2026-06-10T05:31:11","date_gmt":"2026-06-10T05:31:11","guid":{"rendered":"https:\/\/fpmipati.upgris.ac.id\/?page_id=6878"},"modified":"2026-06-11T01:27:28","modified_gmt":"2026-06-11T01:27:28","slug":"teknologi-kelas","status":"publish","type":"page","link":"https:\/\/fpmipati.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-995f960e 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 sesuai kebutuhan pendidikan abad ke-21. Smart Classroom Technology Digital Learning Support Hybrid Learning Environment WiFi Campus Connectivity Kelas Pintar Kelas Multimedia Kelas Pintar Ruang Pembelajaran Interaktif Podcast Studio Coworking Space (Library) Lingkungan Belajar Modern Coworking [&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-6878","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":"Smart Learning Environment Teknologi Kelas Ruang perkuliahan didukung berbagai fasilitas teknologi modern untuk menciptakan pengalaman belajar yang interaktif, kolaboratif, dan sesuai kebutuhan pendidikan abad ke-21. Smart Classroom Technology Digital Learning Support Hybrid Learning Environment WiFi Campus Connectivity Kelas Pintar Kelas Multimedia Kelas Pintar Ruang Pembelajaran Interaktif Podcast Studio Coworking Space (Library) Lingkungan Belajar Modern Coworking&hellip;","_links":{"self":[{"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/6878","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=6878"}],"version-history":[{"count":2,"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/6878\/revisions"}],"predecessor-version":[{"id":7007,"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/6878\/revisions\/7007"}],"wp:attachment":[{"href":"https:\/\/fpmipati.upgris.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=6878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}