{"id":1915,"date":"2026-03-17T14:00:57","date_gmt":"2026-03-17T11:00:57","guid":{"rendered":"https:\/\/bigart-vet.eu\/?page_id=1915"},"modified":"2026-08-15T15:41:11","modified_gmt":"2026-08-15T12:41:11","slug":"it-cabinet-kolin-gjoka","status":"publish","type":"page","link":"https:\/\/bigart-vet.eu\/?page_id=1915","title":{"rendered":"IT Cabinet, Kolin Gjoka"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   BIG ART \u2014 IT CABINET, KOLIN GJOKA\n   DIGITAL LEARNING ENVIRONMENT\n========================================================= *\/\n\n.bigart-itlab {\n    --navy:#172554;\n    --blue:#2f4fb3;\n    --cyan:#23b7d6;\n    --yellow:#f2c94c;\n    --text:#334155;\n    --muted:#667085;\n    --soft:#f7f9fc;\n    --line:#e4e9f2;\n\n    width:100%;\n    max-width:1180px;\n    margin:0 auto 50px;\n    color:var(--text);\n    font-family:inherit;\n}\n\n.bigart-itlab *,\n.bigart-itlab *::before,\n.bigart-itlab *::after {\n    box-sizing:border-box;\n}\n\n\n\/* HERO *\/\n\n.bigart-itlab-hero {\n    position:relative;\n    overflow:hidden;\n    margin-bottom:24px;\n    padding:58px 54px;\n    border-radius:24px;\n\n    background:\n        radial-gradient(circle at 88% 15%,\n        rgba(35,183,214,.28), transparent 29%),\n\n        radial-gradient(circle at 10% 100%,\n        rgba(242,201,76,.14), transparent 30%),\n\n        linear-gradient(135deg,\n        #172554 0%,\n        #233875 54%,\n        #2f4fb3 100%);\n\n    box-shadow:0 18px 48px rgba(23,37,84,.15);\n}\n\n.bigart-itlab-hero::after {\n    content:\"IT\";\n    position:absolute;\n    right:35px;\n    bottom:-38px;\n\n    color:rgba(255,255,255,.045);\n    font-size:180px;\n    line-height:1;\n    font-weight:900;\n}\n\n.bigart-itlab-kicker {\n    position:relative;\n    z-index:2;\n\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    margin-bottom:18px;\n    padding:7px 13px;\n\n    border:1px solid rgba(255,255,255,.20);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.10);\n    color:#fff;\n\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:.8px;\n    text-transform:uppercase;\n}\n\n.bigart-itlab-kicker::before {\n    content:\"\";\n    width:8px;\n    height:8px;\n    border-radius:50%;\n    background:var(--yellow);\n}\n\n.bigart-itlab-hero h1 {\n    position:relative;\n    z-index:2;\n\n    margin:0 0 18px !important;\n\n    color:#fff !important;\n    font-size:clamp(38px,5vw,56px) !important;\n    line-height:1.06 !important;\n    font-weight:850 !important;\n}\n\n.bigart-itlab-hero p {\n    position:relative;\n    z-index:2;\n\n    max-width:920px;\n    margin:0 !important;\n\n    color:rgba(255,255,255,.88) !important;\n    font-size:17px !important;\n    line-height:1.75 !important;\n}\n\n\n\/* INTRO *\/\n\n.bigart-itlab-intro {\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:22px;\n    margin-bottom:24px;\n}\n\n.bigart-itlab-card {\n    padding:32px;\n\n    border:1px solid var(--line);\n    border-radius:20px;\n\n    background:#fff;\n    box-shadow:0 10px 30px rgba(23,37,84,.06);\n}\n\n.bigart-itlab-card h2 {\n    margin:0 0 14px !important;\n\n    color:var(--navy) !important;\n    font-size:27px !important;\n    line-height:1.2 !important;\n    font-weight:850 !important;\n}\n\n.bigart-itlab-card p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n    font-size:15px !important;\n    line-height:1.8 !important;\n}\n\n.bigart-itlab-highlight {\n    position:relative;\n\n    background:\n        linear-gradient(145deg,\n        #f8faff 0%,\n        #edf3ff 100%);\n}\n\n.bigart-itlab-highlight::before {\n    content:\"\";\n\n    position:absolute;\n    top:0;\n    left:0;\n\n    width:5px;\n    height:100%;\n\n    background:\n        linear-gradient(180deg,\n        var(--blue),\n        var(--cyan));\n}\n\n\n\/* MATTERPORT *\/\n\n.bigart-itlab-tour {\n    margin-top:24px;\n    padding:28px;\n\n    border:1px solid var(--line);\n    border-radius:22px;\n\n    background:#fff;\n    box-shadow:0 12px 34px rgba(23,37,84,.08);\n}\n\n.bigart-itlab-tour-head {\n    margin-bottom:18px;\n}\n\n.bigart-itlab-tour-head span {\n    display:block;\n\n    margin-bottom:8px;\n\n    color:var(--blue);\n    font-size:11px;\n    font-weight:850;\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.bigart-itlab-tour-head h2 {\n    margin:0 0 9px !important;\n\n    color:var(--navy) !important;\n    font-size:30px !important;\n    line-height:1.2 !important;\n    font-weight:850 !important;\n}\n\n.bigart-itlab-tour-head p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n    font-size:14.5px !important;\n    line-height:1.7 !important;\n}\n\n.bigart-itlab-matterport {\n    position:relative;\n\n    width:100%;\n    padding-top:56.25%;\n\n    overflow:hidden;\n    border-radius:16px;\n    background:#0f172a;\n}\n\n.bigart-itlab-matterport iframe {\n    position:absolute;\n    top:0;\n    left:0;\n\n    width:100%;\n    height:100%;\n    border:0;\n}\n\n\n\/* SECTION *\/\n\n.bigart-itlab-section {\n    margin-top:24px;\n    padding:36px 32px;\n\n    border-radius:22px;\n    background:var(--soft);\n}\n\n.bigart-itlab-head {\n    max-width:800px;\n    margin-bottom:25px;\n}\n\n.bigart-itlab-eyebrow {\n    display:block;\n\n    margin-bottom:8px;\n\n    color:var(--blue);\n    font-size:11px;\n    font-weight:850;\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.bigart-itlab-section h2 {\n    margin:0 0 10px !important;\n\n    color:var(--navy) !important;\n    font-size:30px !important;\n    line-height:1.2 !important;\n    font-weight:850 !important;\n}\n\n.bigart-itlab-head p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n    font-size:15px !important;\n    line-height:1.7 !important;\n}\n\n\n\/* FEATURES *\/\n\n.bigart-itlab-grid {\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:14px;\n}\n\n.bigart-itlab-feature {\n    padding:22px;\n\n    border:1px solid var(--line);\n    border-radius:16px;\n\n    background:#fff;\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease;\n}\n\n.bigart-itlab-feature:hover {\n    transform:translateY(-4px);\n    box-shadow:0 14px 30px rgba(23,37,84,.09);\n}\n\n.bigart-itlab-number {\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    width:40px;\n    height:40px;\n\n    margin-bottom:14px;\n    border-radius:12px;\n\n    background:#eef3ff;\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:900;\n}\n\n.bigart-itlab-feature h3 {\n    margin:0 0 8px !important;\n\n    color:var(--navy) !important;\n    font-size:16px !important;\n    line-height:1.3 !important;\n    font-weight:850 !important;\n}\n\n.bigart-itlab-feature p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n    font-size:13px !important;\n    line-height:1.65 !important;\n}\n\n\n\/* EDUCATION BLOCK *\/\n\n.bigart-itlab-education {\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    gap:16px;\n}\n\n.bigart-itlab-education-card {\n    padding:24px;\n\n    border:1px solid var(--line);\n    border-radius:17px;\n\n    background:#fff;\n}\n\n.bigart-itlab-education-card::before {\n    content:\"\";\n\n    display:block;\n\n    width:38px;\n    height:4px;\n\n    margin-bottom:17px;\n    border-radius:4px;\n\n    background:\n        linear-gradient(90deg,\n        var(--blue),\n        var(--cyan));\n}\n\n.bigart-itlab-education-card h3 {\n    margin:0 0 8px !important;\n\n    color:var(--navy) !important;\n    font-size:18px !important;\n    font-weight:850 !important;\n}\n\n.bigart-itlab-education-card p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n    font-size:13.5px !important;\n    line-height:1.7 !important;\n}\n\n\n\/* IMPACT *\/\n\n.bigart-itlab-impact {\n    margin-top:24px;\n    padding:38px;\n\n    border-radius:22px;\n\n    background:\n        radial-gradient(circle at 90% 15%,\n        rgba(35,183,214,.22), transparent 28%),\n        #172554;\n}\n\n.bigart-itlab-impact h2 {\n    margin:0 0 13px !important;\n\n    color:#fff !important;\n    font-size:29px !important;\n    font-weight:850 !important;\n}\n\n.bigart-itlab-impact p {\n    max-width:930px;\n    margin:0 !important;\n\n    color:rgba(255,255,255,.87) !important;\n    font-size:16px !important;\n    line-height:1.75 !important;\n}\n\n\n\/* RESPONSIVE *\/\n\n@media screen and (max-width:950px) {\n\n    .bigart-itlab-intro {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-itlab-grid {\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    .bigart-itlab-education {\n        grid-template-columns:1fr;\n    }\n}\n\n@media screen and (max-width:700px) {\n\n    .bigart-itlab-hero {\n        padding:38px 23px;\n        border-radius:18px;\n    }\n\n    .bigart-itlab-hero h1 {\n        font-size:35px !important;\n    }\n\n    .bigart-itlab-card,\n    .bigart-itlab-tour,\n    .bigart-itlab-section,\n    .bigart-itlab-impact {\n        padding:24px 21px;\n        border-radius:17px;\n    }\n\n    .bigart-itlab-grid {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-itlab-matterport {\n        padding-top:70%;\n    }\n}\n<\/style>\n\n\n<div class=\"bigart-itlab\">\n\n    <!-- HERO -->\n    <section class=\"bigart-itlab-hero\">\n\n        <div class=\"bigart-itlab-kicker\">\n            BIG ART \u00b7 Digital Learning Environment\n        <\/div>\n\n        <h1>IT Cabinet, Kolin Gjoka<\/h1>\n\n        <p>\n            An interactive 3D representation of the IT Cabinet at Kolin Gjoka\n            School, offering a virtual view of its digital learning environment,\n            technical infrastructure and classroom organisation.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- INTRO -->\n    <section class=\"bigart-itlab-intro\">\n\n        <div class=\"bigart-itlab-card\">\n\n            <h2>Inside the Digital Classroom<\/h2>\n\n            <p>\n                This 3D scan presents the <strong>IT Cabinet of Kolin Gjoka\n                School<\/strong>, providing a detailed virtual view of the\n                classroom and its technical infrastructure. Advanced 3D spatial\n                scanning technology has been used to digitally document the\n                layout, computer workstations, networking equipment and\n                instructional setup.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-itlab-card bigart-itlab-highlight\">\n\n            <h2>Technology within the Learning Space<\/h2>\n\n            <p>\n                The model allows visitors to move freely within the IT classroom\n                and observe how computers, equipment and teaching infrastructure\n                are organised and integrated into the learning environment.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- MATTERPORT -->\n    <section class=\"bigart-itlab-tour\">\n\n        <div class=\"bigart-itlab-tour-head\">\n\n            <span>\n                Interactive 3D Experience\n            <\/span>\n\n            <h2>Explore the IT Cabinet<\/h2>\n\n            <p>\n                Enter the virtual classroom and explore the computer laboratory,\n                workstation arrangement and technical infrastructure in real scale.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-itlab-matterport\">\n\n            <iframe\n                src=\"https:\/\/my.matterport.com\/show\/?m=MEhvEGoW5W4\"\n                allowfullscreen\n                allow=\"fullscreen; xr-spatial-tracking;\">\n            <\/iframe>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- WHAT YOU CAN EXPLORE -->\n    <section class=\"bigart-itlab-section\">\n\n        <div class=\"bigart-itlab-head\">\n\n            <span class=\"bigart-itlab-eyebrow\">\n                Virtual Classroom\n            <\/span>\n\n            <h2>What visitors can explore<\/h2>\n\n            <p>\n                The digital model provides an interactive way to understand\n                both the physical classroom and the integration of technology\n                within the educational environment.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-itlab-grid\">\n\n            <article class=\"bigart-itlab-feature\">\n\n                <div class=\"bigart-itlab-number\">01<\/div>\n\n                <h3>Computer Lab<\/h3>\n\n                <p>\n                    Explore the IT classroom virtually and experience\n                    the learning environment in real scale.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-itlab-feature\">\n\n                <div class=\"bigart-itlab-number\">02<\/div>\n\n                <h3>Workstations<\/h3>\n\n                <p>\n                    Observe the arrangement of computer workstations\n                    and their placement within the classroom.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-itlab-feature\">\n\n                <div class=\"bigart-itlab-number\">03<\/div>\n\n                <h3>Technical Equipment<\/h3>\n\n                <p>\n                    View the equipment and technical infrastructure\n                    integrated into the digital learning space.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-itlab-feature\">\n\n                <div class=\"bigart-itlab-number\">04<\/div>\n\n                <h3>Remote Access<\/h3>\n\n                <p>\n                    Access and explore the classroom remotely for\n                    educational or presentation purposes.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- EDUCATIONAL VALUE -->\n    <section class=\"bigart-itlab-section\">\n\n        <div class=\"bigart-itlab-head\">\n\n            <span class=\"bigart-itlab-eyebrow\">\n                Digital Education\n            <\/span>\n\n            <h2>Documenting a modern VET learning environment<\/h2>\n\n            <p>\n                The 3D model captures both the physical organisation\n                of the classroom and the technological infrastructure\n                supporting digital education.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-itlab-education\">\n\n            <article class=\"bigart-itlab-education-card\">\n\n                <h3>Learning Space Organisation<\/h3>\n\n                <p>\n                    The virtual model provides a clear view of how workstations,\n                    equipment and instructional areas are arranged to create\n                    a functional IT learning environment.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-itlab-education-card\">\n\n                <h3>Digital Infrastructure<\/h3>\n\n                <p>\n                    By documenting the classroom in 3D, the model highlights\n                    the technical resources available to students and the\n                    school\u2019s investment in digital education and technological\n                    development.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- IMPACT -->\n    <section class=\"bigart-itlab-impact\">\n\n        <h2>Showcasing Digital Education at Kolin Gjoka<\/h2>\n\n        <p>\n            The IT Cabinet digital model serves as both a documentation and\n            promotional resource, making the school\u2019s technology-supported\n            learning environment accessible beyond the physical classroom.\n            It demonstrates how 3D scanning and Digital Twin technologies\n            can be used to present educational infrastructure and support\n            innovative approaches to vocational education.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>BIG ART \u00b7 Digital Learning Environment IT Cabinet, Kolin Gjoka An interactive 3D representation of the IT Cabinet at Kolin Gjoka School, offering a virtual view of its digital learning environment, technical infrastructure and classroom organisation. Inside the Digital Classroom<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1915","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1915"}],"version-history":[{"count":3,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1915\/revisions"}],"predecessor-version":[{"id":2054,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1915\/revisions\/2054"}],"wp:attachment":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}