{"id":1178,"date":"2014-03-17T16:10:01","date_gmt":"2014-03-17T16:10:01","guid":{"rendered":"http:\/\/demo.themegrill.com\/spacious\/?page_id=15"},"modified":"2026-08-21T13:50:55","modified_gmt":"2026-08-21T10:50:55","slug":"responsive-design","status":"publish","type":"page","link":"https:\/\/bigart-vet.eu\/?page_id=1178","title":{"rendered":"Project Description"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* Hide page title bar on About page *\/\n.page-id-1178 .header-post-title-container,\n.page-id-1178 .page-header,\n.page-id-1178 .entry-header {\n    display: none !important;\n}\n<\/style>\n\n<style>\n\/* =========================================================\n   BIG ART \u2014 PROJECT DESCRIPTION\n========================================================= *\/\n\n.bigart-project {\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-project *,\n.bigart-project *::before,\n.bigart-project *::after {\n    box-sizing: border-box;\n}\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.bigart-project-hero {\n    position: relative;\n    overflow: hidden;\n\n    margin-bottom: 24px;\n    padding: 58px 54px;\n\n    border-radius: 24px;\n\n    background:\n        radial-gradient(\n            circle at 88% 14%,\n            rgba(35,183,214,.25),\n            transparent 30%\n        ),\n        radial-gradient(\n            circle at 10% 100%,\n            rgba(242,201,76,.14),\n            transparent 30%\n        ),\n        linear-gradient(\n            135deg,\n            #172554 0%,\n            #233875 55%,\n            #2f4fb3 100%\n        );\n\n    box-shadow: 0 18px 48px rgba(23,37,84,.15);\n}\n\n.bigart-project-kicker {\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\n    color: #fff;\n\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: .8px;\n    text-transform: uppercase;\n}\n\n.bigart-project-kicker::before {\n    content: \"\";\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--yellow);\n}\n\n.bigart-project-hero h1 {\n    max-width: 900px;\n\n    margin: 0 0 18px !important;\n\n    color: #fff !important;\n\n    font-size: clamp(38px,5vw,56px) !important;\n    line-height: 1.06 !important;\n    font-weight: 850 !important;\n}\n\n.bigart-project-hero p {\n    max-width: 900px;\n    margin: 0 !important;\n\n    color: rgba(255,255,255,.88) !important;\n\n    font-size: 17px !important;\n    line-height: 1.75 !important;\n}\n\n\/* =========================================================\n   OVERVIEW\n========================================================= *\/\n\n.bigart-project-overview {\n    display: grid;\n    grid-template-columns: 1.15fr .85fr;\n    gap: 22px;\n\n    margin-bottom: 24px;\n}\n\n.bigart-project-card {\n    padding: 32px;\n\n    border: 1px solid var(--line);\n    border-radius: 20px;\n\n    background: #fff;\n\n    box-shadow: 0 10px 30px rgba(23,37,84,.06);\n}\n\n.bigart-project-card h2 {\n    margin: 0 0 14px !important;\n\n    color: var(--navy) !important;\n\n    font-size: 27px !important;\n    line-height: 1.2 !important;\n    font-weight: 850 !important;\n}\n\n.bigart-project-card p {\n    margin: 0 0 14px !important;\n\n    color: var(--muted) !important;\n\n    font-size: 15px !important;\n    line-height: 1.8 !important;\n}\n\n.bigart-project-card p:last-child {\n    margin-bottom: 0 !important;\n}\n\n.bigart-capacity {\n    position: relative;\n    overflow: hidden;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f8faff 0%,\n            #edf3ff 100%\n        );\n}\n\n.bigart-capacity::before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    left: 0;\n\n    width: 5px;\n    height: 100%;\n\n    background: linear-gradient(\n        180deg,\n        var(--blue),\n        var(--cyan)\n    );\n}\n\n\/* =========================================================\n   SECTION HEAD\n========================================================= *\/\n\n.bigart-section {\n    margin-top: 24px;\n    padding: 36px 32px;\n\n    border-radius: 22px;\n\n    background: var(--soft);\n}\n\n.bigart-section-head {\n    max-width: 760px;\n    margin-bottom: 24px;\n}\n\n.bigart-eyebrow {\n    display: block;\n\n    margin-bottom: 8px;\n\n    color: var(--blue);\n\n    font-size: 11px;\n    font-weight: 850;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n}\n\n.bigart-section h2 {\n    margin: 0 0 10px !important;\n\n    color: var(--navy) !important;\n\n    font-size: 30px !important;\n    line-height: 1.2 !important;\n    font-weight: 850 !important;\n}\n\n.bigart-section-head p {\n    margin: 0 !important;\n\n    color: var(--muted) !important;\n\n    font-size: 15px !important;\n    line-height: 1.7 !important;\n}\n\n\/* =========================================================\n   KEY ACTIVITIES\n========================================================= *\/\n\n.bigart-activities {\n    display: grid;\n    grid-template-columns: repeat(2,minmax(0,1fr));\n    gap: 16px;\n}\n\n.bigart-activity {\n    position: relative;\n\n    padding: 23px 22px 23px 66px;\n\n    border: 1px solid var(--line);\n    border-radius: 16px;\n\n    background: #fff;\n}\n\n.bigart-activity::before {\n    position: absolute;\n    left: 20px;\n    top: 22px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 32px;\n    height: 32px;\n\n    border-radius: 10px;\n\n    background: #eef3ff;\n    color: var(--blue);\n\n    font-weight: 900;\n}\n\n.bigart-activity:nth-child(1)::before { content: \"01\"; }\n.bigart-activity:nth-child(2)::before { content: \"02\"; }\n.bigart-activity:nth-child(3)::before { content: \"03\"; }\n.bigart-activity:nth-child(4)::before { content: \"04\"; }\n\n.bigart-activity h3 {\n    margin: 0 0 7px !important;\n\n    color: var(--navy) !important;\n\n    font-size: 17px !important;\n    line-height: 1.3 !important;\n    font-weight: 800 !important;\n}\n\n.bigart-activity p {\n    margin: 0 !important;\n\n    color: var(--muted) !important;\n\n    font-size: 13.5px !important;\n    line-height: 1.65 !important;\n}\n\n\/* =========================================================\n   WORK PACKAGES\n========================================================= *\/\n\n.bigart-wp-grid {\n    display: grid;\n    grid-template-columns: repeat(5,minmax(0,1fr));\n    gap: 12px;\n}\n\n.bigart-wp {\n    padding: 20px 16px;\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-wp:hover {\n    transform: translateY(-3px);\n    box-shadow: 0 12px 26px rgba(23,37,84,.09);\n}\n\n.bigart-wp-number {\n    display: inline-flex;\n\n    margin-bottom: 11px;\n    padding: 5px 8px;\n\n    border-radius: 8px;\n\n    background: #eef3ff;\n    color: var(--blue);\n\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: .7px;\n}\n\n.bigart-wp h3 {\n    margin: 0 0 8px !important;\n\n    color: var(--navy) !important;\n\n    font-size: 15px !important;\n    line-height: 1.3 !important;\n    font-weight: 800 !important;\n}\n\n.bigart-wp p {\n    margin: 0 !important;\n\n    color: var(--muted) !important;\n\n    font-size: 12.5px !important;\n    line-height: 1.6 !important;\n}\n\n\/* =========================================================\n   IMPACT\n========================================================= *\/\n\n.bigart-impact {\n    position: relative;\n    overflow: hidden;\n\n    margin-top: 24px;\n    padding: 38px;\n\n    border-radius: 22px;\n\n    background:\n        radial-gradient(\n            circle at 90% 15%,\n            rgba(35,183,214,.22),\n            transparent 28%\n        ),\n        #172554;\n}\n\n.bigart-impact h2 {\n    margin: 0 0 14px !important;\n\n    color: #fff !important;\n\n    font-size: 30px !important;\n    line-height: 1.2 !important;\n    font-weight: 850 !important;\n}\n\n.bigart-impact p {\n    max-width: 900px;\n\n    margin: 0 !important;\n\n    color: rgba(255,255,255,.88) !important;\n\n    font-size: 16px !important;\n    line-height: 1.75 !important;\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media screen and (max-width: 950px) {\n\n    .bigart-project-overview {\n        grid-template-columns: 1fr;\n    }\n\n    .bigart-wp-grid {\n        grid-template-columns: repeat(2,minmax(0,1fr));\n    }\n}\n\n@media screen and (max-width: 700px) {\n\n    .bigart-project-hero {\n        padding: 38px 23px;\n        border-radius: 18px;\n    }\n\n    .bigart-project-hero h1 {\n        font-size: 36px !important;\n    }\n\n    .bigart-project-card,\n    .bigart-section,\n    .bigart-impact {\n        padding: 24px 21px;\n        border-radius: 17px;\n    }\n\n    .bigart-activities {\n        grid-template-columns: 1fr;\n    }\n\n    .bigart-wp-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n\n\n<div class=\"bigart-project\">\n\n    <!-- HERO -->\n    <section class=\"bigart-project-hero\">\n\n        <div class=\"bigart-project-kicker\">\n            Erasmus+ Capacity Building in VET\n        <\/div>\n\n        <h1>Project Description<\/h1>\n\n        <p>\n            BIG ART brings Augmented Reality into vocational education and training,\n            connecting innovative technologies with real-world industry needs,\n            practical learning and international cooperation.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- OVERVIEW -->\n    <section class=\"bigart-project-overview\">\n\n        <div class=\"bigart-project-card\">\n\n            <h2>Bringing AR into Vocational Education<\/h2>\n\n            <p>\n                <strong>BIG ART<\/strong> brings Augmented Reality (AR) into vocational\n                education and training, turning classrooms into interactive environments\n                that mirror real-world industry needs.\n            <\/p>\n\n            <p>\n                By combining AR with innovative teaching methods, the project equips\n                learners not only with technical expertise but also with essential\n                soft skills such as teamwork, problem-solving and communication.\n            <\/p>\n\n            <p>\n                This approach leads to smarter, more efficient training that strengthens\n                the competitiveness of European industry, improves the wellbeing of\n                citizens and contributes to addressing broader challenges such as\n                sustainability and environmental impact.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-project-card bigart-capacity\">\n\n            <h2>Capacity Building at the Core<\/h2>\n\n            <p>\n                At its core, BIG ART is about capacity building.\n            <\/p>\n\n            <p>\n                Through hands-on bootcamps, project-based learning and international\n                cooperation, the project empowers teachers and students in Israel,\n                Albania and Greece to adopt innovative digital approaches in vocational\n                education.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- KEY ACTIVITIES -->\n    <section class=\"bigart-section\">\n\n        <div class=\"bigart-section-head\">\n            <span class=\"bigart-eyebrow\">Key Activities<\/span>\n\n            <h2>Learning through practice and collaboration<\/h2>\n        <\/div>\n\n\n        <div class=\"bigart-activities\">\n\n            <div class=\"bigart-activity\">\n                <h3>Train the Trainers Bootcamp<\/h3>\n                <p>\n                    BIG ART Train the Trainers Bootcamp in Greece.\n                <\/p>\n            <\/div>\n\n            <div class=\"bigart-activity\">\n                <h3>VET Course 2025\u20132026<\/h3>\n                <p>\n                    VET course in Israel and Albania, supported online by MWAPP in Italy.\n                <\/p>\n            <\/div>\n\n            <div class=\"bigart-activity\">\n                <h3>Project-Based Learning<\/h3>\n                <p>\n                    Project-based learning with local industry, linking students\n                    directly with employers.\n                <\/p>\n            <\/div>\n\n            <div class=\"bigart-activity\">\n                <h3>Student Bootcamp in Greece<\/h3>\n                <p>\n                    International student bootcamp designed to strengthen collaboration,\n                    exchange and practical application.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- METHODOLOGY -->\n    <section class=\"bigart-section\">\n\n        <div class=\"bigart-section-head\">\n            <span class=\"bigart-eyebrow\">Concept &amp; Methodology<\/span>\n\n            <h2>Five interconnected Work Packages<\/h2>\n\n            <p>\n                The project is implemented through five phases covering management,\n                preparation, development, implementation, and long-term exploitation\n                and dissemination.\n            <\/p>\n        <\/div>\n\n\n        <div class=\"bigart-wp-grid\">\n\n            <div class=\"bigart-wp\">\n                <div class=\"bigart-wp-number\">WP1<\/div>\n                <h3>Management<\/h3>\n                <p>\n                    Building networks between VET providers in Israel, Greece and Albania,\n                    participating for the first time in Erasmus+ CBVET.\n                <\/p>\n            <\/div>\n\n            <div class=\"bigart-wp\">\n                <div class=\"bigart-wp-number\">WP2<\/div>\n                <h3>Preparation &amp; Design<\/h3>\n                <p>\n                    Developing an AR curriculum and teacher training workshops,\n                    supported by platforms such as Matterport.\n                <\/p>\n            <\/div>\n\n            <div class=\"bigart-wp\">\n                <div class=\"bigart-wp-number\">WP3<\/div>\n                <h3>Development<\/h3>\n                <p>\n                    Hosting the Train the Trainers Bootcamp in Greece and developing\n                    teaching capacity.\n                <\/p>\n            <\/div>\n\n            <div class=\"bigart-wp\">\n                <div class=\"bigart-wp-number\">WP4<\/div>\n                <h3>Implementation<\/h3>\n                <p>\n                    Delivering courses and project-based learning activities with\n                    industry partners.\n                <\/p>\n            <\/div>\n\n            <div class=\"bigart-wp\">\n                <div class=\"bigart-wp-number\">WP5<\/div>\n                <h3>Exploitation &amp; Dissemination<\/h3>\n                <p>\n                    Creating long-term impact through AR-powered vocational courses,\n                    best-practice exchange and strong industry links.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- IMPACT -->\n    <section class=\"bigart-impact\">\n\n        <h2>Impact<\/h2>\n\n        <p>\n            By the end of the project, teachers will be empowered as AR educators and\n            students will be industry-ready innovators. BIG ART aims to create a new\n            generation of vocational education where digital innovation meets\n            real-world application.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The project uses AR as main learning tool to support effective technical and soft skills training by emulating real-world scenarios adapted to industry needs.<\/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-1178","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1178","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1178"}],"version-history":[{"count":20,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1178\/revisions"}],"predecessor-version":[{"id":2105,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1178\/revisions\/2105"}],"wp:attachment":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}