{"id":1002,"date":"2026-09-08T20:41:47","date_gmt":"2026-09-08T20:41:47","guid":{"rendered":"https:\/\/edumob.eu\/?page_id=1002"},"modified":"2026-09-09T19:09:13","modified_gmt":"2026-09-09T19:09:13","slug":"project-outcomes","status":"publish","type":"page","link":"https:\/\/edumob.eu\/et\/project-outcomes\/","title":{"rendered":"Project Outcomes"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   EDUMOBILITY 2.0 \u2014 PROJECT OUTCOMES\n   Full-width \/ responsive \/ interactive\n   ========================================================= *\/\n\n.edumob-outcomes{\n  --deep:#0d5365;\n  --deep2:#244d52;\n  --teal:#33818e;\n  --ink:#173d46;\n  --muted:#647a80;\n  --line:rgba(23,61,70,.14);\n\n  --blue:#e7f1f5;\n  --green:#e8f2eb;\n  --sand:#f5efe3;\n  --purple:#eeeaf5;\n  --soft:#f5f9fa;\n\n  --ee:#33818e;\n  --pl:#d39a38;\n  --tr:#a85f96;\n  --am:#65a05c;\n  --jz:#6976be;\n\n  width:100% !important;\n  max-width:none !important;\n  margin:0 !important;\n\n  \/* less empty space above the page *\/\n  padding:8px clamp(14px,4vw,54px) 70px !important;\n\n  box-sizing:border-box;\n  color:var(--ink);\n  font-family:inherit;\n}\n\n.edumob-outcomes *,\n.edumob-outcomes *::before,\n.edumob-outcomes *::after{\n  box-sizing:border-box;\n}\n\n.edumob-outcomes h1,\n.edumob-outcomes h2,\n.edumob-outcomes h3,\n.edumob-outcomes h4,\n.edumob-outcomes p{\n  overflow-wrap:break-word;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.po-hero{\n  padding:clamp(25px,3.8vw,48px);\n  border-radius:30px;\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 90% 5%,\n      rgba(255,255,255,.72),\n      transparent 30%\n    ),\n    linear-gradient(\n      135deg,\n      #e1eff3,\n      #edf6f4 60%,\n      #f5f0e5\n    );\n\n  border:1px solid var(--line);\n}\n\n.po-kicker{\n  display:inline-block;\n\n  padding:8px 15px;\n\n  border-radius:999px;\n  background:rgba(13,83,101,.09);\n\n  color:var(--deep);\n\n  font-size:12px;\n  font-weight:900;\n\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n.po-hero h1{\n  margin:15px auto 0;\n\n  color:var(--deep);\n\n  font-size:clamp(37px,6vw,66px);\n  line-height:1.04;\n}\n\n.po-hero p{\n  max-width:1000px;\n\n  margin:17px auto 0;\n\n  color:var(--muted);\n\n  font-size:17px;\n  line-height:1.72;\n}\n\n\n\/* =========================================================\n   5 TOPICS \u2014 ONE ROW ON DESKTOP\n   ========================================================= *\/\n\n.po-pills{\n  display:grid;\n\n  grid-template-columns:\n    repeat(5,minmax(0,1fr));\n\n  gap:9px;\n\n  width:100%;\n\n  margin-top:23px;\n}\n\n.po-pill{\n  min-height:42px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:9px 8px;\n\n  border-radius:999px;\n\n  background:rgba(255,255,255,.82);\n\n  border:1px solid var(--line);\n\n  color:var(--deep);\n\n  font-size:12px;\n  font-weight:800;\n\n  text-align:center;\n  white-space:nowrap;\n}\n\n\n\/* =========================================================\n   GENERIC SECTION\n   ========================================================= *\/\n\n.po-section{\n  margin-top:55px;\n}\n\n.po-heading{\n  max-width:950px;\n\n  margin:0 auto 28px;\n\n  text-align:center;\n}\n\n.po-heading > span{\n  color:var(--teal);\n\n  font-size:12px;\n  font-weight:900;\n\n  letter-spacing:.09em;\n  text-transform:uppercase;\n}\n\n.po-heading h2{\n  margin:7px 0 9px;\n\n  color:var(--deep);\n\n  font-size:clamp(29px,4vw,44px);\n}\n\n.po-heading p{\n  margin:0;\n\n  color:var(--muted);\n\n  line-height:1.68;\n}\n\n\n\/* =========================================================\n   MAIN OUTCOMES\n   ========================================================= *\/\n\n.po-outcomes{\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:17px;\n}\n\n.po-outcome{\n  position:relative;\n\n  padding:clamp(25px,3vw,36px);\n\n  border-radius:26px;\n\n  border:1px solid var(--line);\n\n  overflow:hidden;\n\n  transition:\n    transform .22s ease,\n    box-shadow .22s ease;\n}\n\n.po-outcome:nth-child(1){\n  background:var(--blue);\n}\n\n.po-outcome:nth-child(2){\n  background:var(--green);\n}\n\n.po-outcome:nth-child(3){\n  background:var(--purple);\n}\n\n.po-outcome:nth-child(4){\n  background:var(--sand);\n}\n\n.po-outcome:hover{\n  transform:translateY(-5px);\n\n  box-shadow:\n    0 17px 38px rgba(0,0,0,.075);\n}\n\n\n\/* top row *\/\n\n.po-outcome-top{\n  display:flex;\n  justify-content:space-between;\n  align-items:flex-start;\n\n  gap:15px;\n}\n\n.po-outcome-icon{\n  font-size:40px;\n}\n\n.po-status{\n  padding:7px 11px;\n\n  border-radius:999px;\n\n  background:rgba(255,255,255,.78);\n\n  border:\n    1px solid rgba(23,61,70,.12);\n\n  color:var(--deep);\n\n  font-size:10px;\n  font-weight:900;\n\n  letter-spacing:.07em;\n  text-transform:uppercase;\n}\n\n\n\/* outcome text *\/\n\n.po-outcome h3{\n  margin:22px 0 10px;\n\n  color:var(--deep);\n\n  font-size:clamp(22px,2.5vw,29px);\n\n  line-height:1.18;\n}\n\n.po-outcome > p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:15px;\n\n  line-height:1.7;\n}\n\n\n\/* tags *\/\n\n.po-tags{\n  display:flex;\n  flex-wrap:wrap;\n\n  gap:7px;\n\n  margin-top:20px;\n}\n\n.po-tags span{\n  padding:7px 10px;\n\n  border-radius:999px;\n\n  background:rgba(255,255,255,.72);\n\n  border:\n    1px solid rgba(23,61,70,.10);\n\n  color:var(--deep);\n\n  font-size:11px;\n  font-weight:800;\n}\n\n\n\/* future content placeholder *\/\n\n.po-future{\n  margin-top:22px;\n\n  padding:13px 15px;\n\n  border-radius:14px;\n\n  background:rgba(255,255,255,.55);\n\n  border:\n    1px dashed rgba(23,61,70,.20);\n\n  color:var(--muted);\n\n  font-size:12px;\n  font-weight:750;\n}\n\n\n\/* =========================================================\n   ADAS CALIBRATION INSIDE OUTCOME 4\n   ========================================================= *\/\n\n.po-adas{\n  margin-top:22px;\n\n  padding:19px 20px;\n\n  border-radius:17px;\n\n  background:\n    rgba(255,255,255,.78);\n\n  border-left:\n    5px solid var(--teal);\n}\n\n.po-adas-label{\n  margin-bottom:5px;\n\n  color:var(--teal);\n\n  font-size:10px;\n  font-weight:900;\n\n  letter-spacing:.08em;\n\n  text-transform:uppercase;\n}\n\n.po-adas h4{\n  margin:0 0 9px;\n\n  color:var(--deep);\n\n  font-size:18px;\n}\n\n.po-adas p{\n  margin:0;\n\n  color:#50686e;\n\n  font-size:13px;\n\n  line-height:1.65;\n}\n\n.po-adas p + p{\n  margin-top:9px;\n}\n\n\n\/* =========================================================\n   LEARNER IMPACT\n   ========================================================= *\/\n\n.po-learners{\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap:13px;\n}\n\n.po-learner{\n  padding:25px 20px;\n\n  border-radius:21px;\n\n  background:white;\n\n  border:1px solid var(--line);\n\n  text-align:center;\n\n  box-shadow:\n    0 6px 22px rgba(0,0,0,.04);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n.po-learner:hover{\n  transform:translateY(-4px);\n\n  box-shadow:\n    0 13px 29px rgba(0,0,0,.07);\n}\n\n.po-learner-icon{\n  margin-bottom:13px;\n\n  font-size:34px;\n}\n\n.po-learner h3{\n  margin:0 0 7px;\n\n  color:var(--deep);\n\n  font-size:18px;\n}\n\n.po-learner p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:13px;\n\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   ACCESS \/ LONG TERM USE\n   ========================================================= *\/\n\n.po-use{\n  display:grid;\n\n  grid-template-columns:\n    1.35fr .65fr;\n\n  gap:17px;\n}\n\n.po-use-main{\n  padding:clamp(29px,4vw,45px);\n\n  border-radius:27px;\n\n  background:\n    linear-gradient(\n      135deg,\n      var(--deep2),\n      var(--deep)\n    );\n\n  color:white;\n}\n\n.po-use-main small{\n  color:rgba(255,255,255,.65);\n\n  font-size:11px;\n  font-weight:900;\n\n  letter-spacing:.09em;\n\n  text-transform:uppercase;\n}\n\n.po-use-main h2{\n  margin:8px 0 12px;\n\n  color:white;\n\n  font-size:clamp(28px,3.5vw,40px);\n}\n\n.po-use-main > p{\n  max-width:850px;\n\n  margin:0;\n\n  color:rgba(255,255,255,.86);\n\n  line-height:1.7;\n}\n\n.po-use-tags{\n  display:flex;\n  flex-wrap:wrap;\n\n  gap:8px;\n\n  margin-top:24px;\n}\n\n.po-use-tags span{\n  padding:9px 12px;\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.10);\n\n  border:\n    1px solid rgba(255,255,255,.17);\n\n  font-size:12px;\n  font-weight:750;\n}\n\n\n\/* five year card *\/\n\n.po-five{\n  display:flex;\n  flex-direction:column;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:30px;\n\n  border-radius:27px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #e8f2eb,\n      #f4f7ef\n    );\n\n  border:1px solid var(--line);\n\n  text-align:center;\n}\n\n.po-five strong{\n  color:var(--deep);\n\n  font-size:clamp(52px,7vw,82px);\n\n  line-height:1;\n}\n\n.po-five span{\n  margin-top:9px;\n\n  color:var(--deep);\n\n  font-size:16px;\n  font-weight:850;\n}\n\n.po-five p{\n  margin:10px 0 0;\n\n  color:var(--muted);\n\n  font-size:13px;\n\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   EUROPEAN KNOWLEDGE NETWORK\n   ========================================================= *\/\n\n.po-flow{\n  overflow:hidden;\n\n  border-radius:30px;\n\n  border:1px solid var(--line);\n\n  background:#f4f8f9;\n}\n\n.po-flow-head{\n  padding:31px 30px 20px;\n\n  text-align:center;\n}\n\n.po-flow-head small{\n  color:var(--teal);\n\n  font-size:11px;\n  font-weight:900;\n\n  letter-spacing:.09em;\n\n  text-transform:uppercase;\n}\n\n.po-flow-head h2{\n  margin:7px 0 9px;\n\n  color:var(--deep);\n\n  font-size:clamp(29px,4vw,43px);\n}\n\n.po-flow-head p{\n  max-width:880px;\n\n  margin:0 auto;\n\n  color:var(--muted);\n\n  line-height:1.65;\n}\n\n\n\/* FILTER BUTTONS *\/\n\n.po-flow-select{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n\n  gap:7px;\n\n  padding:0 20px 22px;\n}\n\n.po-flow-btn{\n  padding:9px 12px;\n\n  border:\n    1px solid var(--line);\n\n  border-radius:999px;\n\n  background:white;\n\n  color:var(--ink);\n\n  font-family:inherit;\n\n  font-size:11px;\n  font-weight:850;\n\n  cursor:pointer;\n\n  transition:\n    background .15s ease,\n    color .15s ease,\n    transform .15s ease;\n}\n\n.po-flow-btn:hover{\n  transform:translateY(-2px);\n}\n\n.po-flow-btn.active{\n  background:var(--deep);\n  border-color:var(--deep);\n  color:white;\n}\n\n\n\/* MAP + INFO *\/\n\n.po-flow-layout{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.62fr)\n    minmax(250px,.63fr);\n\n  border-top:\n    1px solid var(--line);\n}\n\n\n\/* =========================================================\n   REAL EUROPE MAP\n   ========================================================= *\/\n\n.po-map{\n  position:relative;\n\n  min-height:570px;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 20% 15%,\n      rgba(255,255,255,.70),\n      transparent 30%\n    ),\n    linear-gradient(\n      145deg,\n      #dcecef,\n      #edf5f6\n    );\n}\n\n.po-map-bg{\n  position:absolute;\n\n  inset:0;\n\n  width:100%;\n  height:100%;\n\n  object-fit:contain;\n\n  padding:8px;\n\n  opacity:.82;\n\n  filter:\n    saturate(.42)\n    brightness(1.04);\n\n  pointer-events:none;\n  user-select:none;\n}\n\n\n\/* =========================================================\n   NETWORK SVG\n   ========================================================= *\/\n\n.po-network{\n  position:absolute;\n\n  inset:0;\n\n  width:100%;\n  height:100%;\n\n  z-index:3;\n\n  pointer-events:none;\n}\n\n.po-route{\n  fill:none;\n\n  stroke-width:1.25;\n\n  stroke-linecap:round;\n\n  stroke-dasharray:2.7 2.4;\n\n  opacity:.09;\n\n  transition:\n    opacity .3s ease,\n    stroke-width .3s ease;\n}\n\n.po-route.active{\n  opacity:.78;\n\n  stroke-width:2;\n\n  animation:\n    poFlow 2.8s linear infinite;\n}\n\n@keyframes poFlow{\n  to{\n    stroke-dashoffset:-18;\n  }\n}\n\n\n\/* =========================================================\n   KNOWLEDGE ZONES \/ MULTICOLOUR HALOS\n   ========================================================= *\/\n\n.po-halo{\n  position:absolute;\n\n  width:96px;\n  height:96px;\n\n  margin:\n    -48px 0 0 -48px;\n\n  border-radius:50%;\n\n  background:\n    conic-gradient(\n      var(--ee),\n      var(--pl),\n      var(--tr),\n      var(--am),\n      var(--jz),\n      var(--ee)\n    );\n\n  filter:blur(14px);\n\n  opacity:.24;\n\n  z-index:2;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   MAP MARKERS\n   ========================================================= *\/\n\n.po-marker{\n  position:absolute;\n\n  z-index:6;\n\n  transform:\n    translate(-50%,-50%);\n\n  cursor:pointer;\n\n  text-align:center;\n}\n\n.po-dot{\n  width:20px;\n  height:20px;\n\n  margin:auto;\n\n  border:\n    4px solid white;\n\n  border-radius:50%;\n\n  box-shadow:\n    0 3px 12px rgba(0,0,0,.26);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n.po-marker:hover .po-dot,\n.po-marker.active .po-dot{\n  transform:scale(1.5);\n\n  box-shadow:\n    0 5px 18px rgba(0,0,0,.32);\n}\n\n.po-marker-label{\n  display:block;\n\n  margin-top:6px;\n\n  padding:5px 8px;\n\n  border-radius:8px;\n\n  background:\n    rgba(255,255,255,.95);\n\n  color:#244d52;\n\n  font-size:9px;\n  font-weight:900;\n\n  white-space:nowrap;\n\n  box-shadow:\n    0 2px 8px rgba(0,0,0,.10);\n}\n\n\n\/* approximate marker positions *\/\n.po-ee{\n  left:65%;\n  top:30%;\n}\n\n.po-pl{\n  left:56%;\n  top:46%;\n}\n\n.po-tr{\n  left:74%;\n  top:70%;\n}\n\n.po-am{\n  left:34%;\n  top:61%;\n}\n\n.po-jz{\n  left:18%;\n  top:82%;\n}\n\n.po-ee .po-dot{\n  background:var(--ee);\n}\n\n.po-pl .po-dot{\n  background:var(--pl);\n}\n\n.po-tr .po-dot{\n  background:var(--tr);\n}\n\n.po-am .po-dot{\n  background:var(--am);\n}\n\n.po-jz .po-dot{\n  background:var(--jz);\n}\n\n\n\/* =========================================================\n   KNOWLEDGE INFO PANEL\n   ========================================================= *\/\n\n.po-flow-info{\n  padding:31px;\n\n  background:white;\n}\n\n.po-flow-info small{\n  color:var(--teal);\n\n  font-size:10px;\n  font-weight:900;\n\n  letter-spacing:.08em;\n\n  text-transform:uppercase;\n}\n\n.po-flow-info h3{\n  margin:8px 0 8px;\n\n  color:var(--deep);\n\n  font-size:23px;\n\n  line-height:1.2;\n}\n\n.po-flow-info p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:13px;\n\n  line-height:1.65;\n}\n\n.po-flow-skills{\n  display:flex;\n  flex-wrap:wrap;\n\n  gap:6px;\n\n  margin-top:17px;\n}\n\n.po-flow-skills span{\n  padding:7px 9px;\n\n  border-radius:999px;\n\n  background:var(--soft);\n\n  border:1px solid var(--line);\n\n  color:var(--deep);\n\n  font-size:10px;\n  font-weight:800;\n}\n\n.po-flow-note{\n  margin-top:21px;\n\n  padding:14px;\n\n  border-radius:13px;\n\n  background:#eef5f6;\n\n  color:#587078;\n\n  font-size:11px;\n\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   MAP LEGEND\n   ========================================================= *\/\n\n.po-legend{\n  display:flex;\n  justify-content:center;\n  flex-wrap:wrap;\n\n  gap:15px;\n\n  padding:19px;\n\n  border-top:\n    1px solid var(--line);\n\n  background:white;\n}\n\n.po-legend span{\n  display:flex;\n  align-items:center;\n\n  gap:6px;\n\n  color:var(--muted);\n\n  font-size:10px;\n  font-weight:750;\n}\n\n.po-legend i{\n  display:inline-block;\n\n  width:9px;\n  height:9px;\n\n  border-radius:50%;\n}\n\n\n\/* =========================================================\n   LONG-TERM IMPACT\n   ========================================================= *\/\n\n.po-longterm{\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap:13px;\n}\n\n.po-long{\n  padding:24px;\n\n  border-radius:20px;\n\n  background:white;\n\n  border:1px solid var(--line);\n\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease;\n}\n\n.po-long:hover{\n  transform:translateY(-4px);\n\n  box-shadow:\n    0 12px 27px rgba(0,0,0,.06);\n}\n\n.po-long-icon{\n  margin-bottom:13px;\n\n  font-size:30px;\n}\n\n.po-long h3{\n  margin:0 0 7px;\n\n  color:var(--deep);\n\n  font-size:17px;\n}\n\n.po-long p{\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:13px;\n\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   FINAL\n   ========================================================= *\/\n\n.po-final{\n  margin-top:52px;\n\n  padding:\n    clamp(34px,5vw,53px);\n\n  border-radius:30px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #244d52,\n      #0d5365\n    );\n\n  color:white;\n\n  text-align:center;\n}\n\n.po-final h2{\n  margin:0;\n\n  color:white;\n\n  font-size:\n    clamp(30px,4vw,46px);\n}\n\n.po-final p{\n  max-width:900px;\n\n  margin:13px auto 0;\n\n  color:\n    rgba(255,255,255,.84);\n\n  line-height:1.7;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media(max-width:1050px){\n\n  .po-pills{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  .po-pill{\n    white-space:normal;\n  }\n\n  .po-flow-layout{\n    grid-template-columns:1fr;\n  }\n\n  .po-map{\n    min-height:500px;\n  }\n\n  .po-learners,\n  .po-longterm{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL TABLET\n   ========================================================= *\/\n\n@media(max-width:800px){\n\n  .po-outcomes,\n  .po-use{\n    grid-template-columns:1fr;\n  }\n\n  .po-map{\n    min-height:430px;\n  }\n\n}\n\n\n\/* =========================================================\n   PHONE\n   ========================================================= *\/\n\n@media(max-width:600px){\n\n  .edumob-outcomes{\n    padding-left:12px !important;\n    padding-right:12px !important;\n  }\n\n  .po-hero{\n    padding:27px 18px;\n    border-radius:23px;\n  }\n\n  .po-pills{\n    grid-template-columns:1fr;\n  }\n\n  .po-learners,\n  .po-longterm{\n    grid-template-columns:1fr;\n  }\n\n  .po-map{\n    min-height:380px;\n  }\n\n  .po-marker-label{\n    font-size:7px;\n\n    padding:4px 5px;\n  }\n\n  .po-halo{\n    width:65px;\n    height:65px;\n\n    margin:\n      -32px 0 0 -32px;\n  }\n\n}\n\n\n\/* accessibility *\/\n\n.po-flow-btn:focus-visible,\n.po-marker:focus-visible{\n  outline:\n    3px solid #eebd43;\n\n  outline-offset:3px;\n}\n\n\n\/* reduced motion *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .po-route.active{\n    animation:none;\n  }\n\n  .po-outcome,\n  .po-learner,\n  .po-long{\n    transition:none;\n  }\n\n}\n<\/style>\n\n\n\n<div class=\"edumob-outcomes\">\n\n\n<!-- =====================================================\n     HERO\n     ===================================================== -->\n\n<section class=\"po-hero\">\n\n\n  <div class=\"po-kicker\">\n    Erasmus+ KA220-VET \u00b7 EduMobility 2.0\n  <\/div>\n\n\n  <h1>\n    Project Outcomes\n  <\/h1>\n\n\n  <p>\n    EduMobility 2.0 combines digital learning,\n    programming, artificial intelligence, advanced\n    manufacturing and practical vehicle development.\n    The project aims to turn complex emerging technologies\n    into accessible learning resources and real hands-on\n    experiences for vocational education.\n  <\/p>\n\n\n  <!-- ONE ROW ON DESKTOP -->\n\n  <div class=\"po-pills\">\n\n    <span class=\"po-pill\">\n      \ud83d\udcbb Digital Learning\n    <\/span>\n\n    <span class=\"po-pill\">\n      \ud83e\udd16 Programming &amp; AI\n    <\/span>\n\n    <span class=\"po-pill\">\n      \ud83e\udd7d VR &amp; 3D Technologies\n    <\/span>\n\n    <span class=\"po-pill\">\n      \ud83d\ude97 Functional Prototypes\n    <\/span>\n\n    <span class=\"po-pill\">\n      \ud83c\udf0d Multilingual Access\n    <\/span>\n\n  <\/div>\n\n\n<\/section>\n\n\n\n<!-- =====================================================\n     MAIN PROJECT OUTCOMES\n     ===================================================== -->\n\n<section class=\"po-section\">\n\n\n  <div class=\"po-heading\">\n\n    <span>\n      What We Are Creating\n    <\/span>\n\n    <h2>\n      From Digital Knowledge to Real Vehicles\n    <\/h2>\n\n    <p>\n      Four connected outcomes form the educational\n      and technical core of EduMobility 2.0.\n      Together they connect theory, software,\n      digital technologies and practical engineering.\n    <\/p>\n\n  <\/div>\n\n\n\n  <div class=\"po-outcomes\">\n\n\n\n    <!-- ==================================================\n         OUTCOME 1\n         ================================================== -->\n\n    <article class=\"po-outcome\">\n\n\n      <div class=\"po-outcome-top\">\n\n        <div class=\"po-outcome-icon\">\n          \ud83d\udcbb\n        <\/div>\n\n        <div class=\"po-status\">\n          Outcome 1\n        <\/div>\n\n      <\/div>\n\n\n      <h3>\n        Interactive Learning Platform\n      <\/h3>\n\n\n      <p>\n        A free and accessible online learning platform\n        will act as the central knowledge hub of\n        EduMobility 2.0.\n\n        Structured learning materials will cover ADAS,\n        sensor technologies, autonomous vehicles,\n        electric mobility, programming, machine learning\n        and prototype development.\n      <\/p>\n\n\n      <div class=\"po-tags\">\n\n        <span>ADAS<\/span>\n\n        <span>Autonomous Vehicles<\/span>\n\n        <span>Electric Mobility<\/span>\n\n        <span>Sensor Technology<\/span>\n\n        <span>Interactive Learning<\/span>\n\n        <span>Multilingual Content<\/span>\n\n      <\/div>\n\n\n      <div class=\"po-future\">\n        Courses, interactive materials and downloadable\n        resources will appear here as they are completed.\n      <\/div>\n\n\n    <\/article>\n\n\n\n    <!-- ==================================================\n         OUTCOME 2\n         ================================================== -->\n\n    <article class=\"po-outcome\">\n\n\n      <div class=\"po-outcome-top\">\n\n        <div class=\"po-outcome-icon\">\n          \ud83e\udd16\n        <\/div>\n\n        <div class=\"po-status\">\n          Outcome 2\n        <\/div>\n\n      <\/div>\n\n\n      <h3>\n        Applied Programming &amp; Machine Learning\n      <\/h3>\n\n\n      <p>\n        Learners will work with programming and intelligent\n        systems through practical challenges.\n\n        Activities connect code with sensors, vehicle\n        behaviour and autonomous decision-making,\n        allowing students to see how software controls\n        real physical systems.\n      <\/p>\n\n\n      <div class=\"po-tags\">\n\n        <span>Python<\/span>\n\n        <span>Arduino<\/span>\n\n        <span>ROS<\/span>\n\n        <span>Machine Learning<\/span>\n\n        <span>Sensor Data<\/span>\n\n        <span>Autonomous Navigation<\/span>\n\n      <\/div>\n\n\n      <div class=\"po-future\">\n        Programming exercises, examples and practical\n        challenges will be added during project development.\n      <\/div>\n\n\n    <\/article>\n\n\n\n    <!-- ==================================================\n         OUTCOME 3\n         ================================================== -->\n\n    <article class=\"po-outcome\">\n\n\n      <div class=\"po-outcome-top\">\n\n        <div class=\"po-outcome-icon\">\n          \ud83e\udd7d\n        <\/div>\n\n        <div class=\"po-status\">\n          Outcome 3\n        <\/div>\n\n      <\/div>\n\n\n      <h3>\n        VR, 3D Printing &amp; Digital Prototyping\n      <\/h3>\n\n\n      <p>\n        Digital manufacturing and simulation technologies\n        will connect virtual development with physical\n        construction.\n\n        Learners can design components, test ideas digitally,\n        manufacture parts and understand how a modern\n        engineering workflow moves from a digital model\n        to a working physical system.\n      <\/p>\n\n\n      <div class=\"po-tags\">\n\n        <span>Virtual Reality<\/span>\n\n        <span>3D Printing<\/span>\n\n        <span>CAD<\/span>\n\n        <span>Digital Prototyping<\/span>\n\n        <span>Remote Control<\/span>\n\n        <span>Simulation<\/span>\n\n      <\/div>\n\n\n      <div class=\"po-future\">\n        CAD files, 3D models, technical resources and\n        practical exercises will be published here.\n      <\/div>\n\n\n    <\/article>\n\n\n\n    <!-- ==================================================\n         OUTCOME 4\n         ================================================== -->\n\n    <article class=\"po-outcome\">\n\n\n      <div class=\"po-outcome-top\">\n\n        <div class=\"po-outcome-icon\">\n          \ud83d\ude97\n        <\/div>\n\n        <div class=\"po-status\">\n          Outcome 4\n        <\/div>\n\n      <\/div>\n\n\n      <h3>\n        Functional Autonomous Vehicle Prototypes\n      <\/h3>\n\n\n      <p>\n        Small-scale functional autonomous vehicle prototypes\n        will bring together mechanical construction,\n        electronics, sensors, actuators, programming and\n        autonomous movement.\n\n        They allow learners to move from individual technical\n        concepts to a complete working system that can be\n        programmed, tested and demonstrated.\n      <\/p>\n\n\n\n      <!-- ==================================================\n           REAL VEHICLE \/ ADAS\n           ================================================== -->\n\n      <div class=\"po-adas\">\n\n\n        <div class=\"po-adas-label\">\n          Real Vehicle Application\n        <\/div>\n\n\n        <h4>\n          Practical ADAS Calibration &amp; Testing\n        <\/h4>\n\n\n        <p>\n          The project also uses a real vehicle as a practical\n          learning platform for ADAS camera and sensor\n          calibration and testing.\n        <\/p>\n\n\n        <p>\n          Instead of relying only on expensive\n          manufacturer-specific calibration stands,\n          the educational setup can demonstrate the same\n          underlying measurement and calibration principles\n          using affordable universal targets and components.\n        <\/p>\n\n\n        <p>\n          This helps learners understand camera alignment,\n          sensor positioning, calibration and testing\n          principles rather than learning only how to operate\n          one manufacturer-specific system.\n        <\/p>\n\n\n      <\/div>\n\n\n\n      <div class=\"po-tags\">\n\n        <span>Vehicle Construction<\/span>\n\n        <span>Sensors &amp; Actuators<\/span>\n\n        <span>ADAS Calibration<\/span>\n\n        <span>Camera Calibration<\/span>\n\n        <span>Sensor Alignment<\/span>\n\n        <span>Universal Targets<\/span>\n\n        <span>Parking<\/span>\n\n        <span>Obstacle Navigation<\/span>\n\n      <\/div>\n\n\n      <div class=\"po-future\">\n        Prototype documentation, testing procedures,\n        demonstrations and technical resources will be\n        added as development progresses.\n      <\/div>\n\n\n    <\/article>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n\n<!-- =====================================================\n     WHAT CHANGES FOR LEARNER\n     ===================================================== -->\n\n<section class=\"po-section\">\n\n\n  <div class=\"po-heading\">\n\n    <span>\n      Learning Impact\n    <\/span>\n\n    <h2>\n      What Changes for the Learner?\n    <\/h2>\n\n    <p>\n      EduMobility 2.0 is not only about explaining\n      new technology. Learners move from understanding\n      systems to programming, building, calibrating\n      and testing them.\n    <\/p>\n\n  <\/div>\n\n\n\n  <div class=\"po-learners\">\n\n\n    <article class=\"po-learner\">\n\n      <div class=\"po-learner-icon\">\n        \ud83e\udde0\n      <\/div>\n\n      <h3>\n        Understand\n      <\/h3>\n\n      <p>\n        Understand how ADAS, sensors,\n        electric mobility and autonomous\n        vehicle systems work together.\n      <\/p>\n\n    <\/article>\n\n\n\n    <article class=\"po-learner\">\n\n      <div class=\"po-learner-icon\">\n        \ud83d\udcbb\n      <\/div>\n\n      <h3>\n        Program\n      <\/h3>\n\n      <p>\n        Use Arduino, Python, ROS and\n        machine-learning concepts to connect\n        software with physical systems.\n      <\/p>\n\n    <\/article>\n\n\n\n    <article class=\"po-learner\">\n\n      <div class=\"po-learner-icon\">\n        \ud83d\udee0\ufe0f\n      <\/div>\n\n      <h3>\n        Build\n      <\/h3>\n\n      <p>\n        Design, manufacture and integrate\n        components using CAD, 3D printing,\n        electronics and practical engineering.\n      <\/p>\n\n    <\/article>\n\n\n\n    <article class=\"po-learner\">\n\n      <div class=\"po-learner-icon\">\n        \ud83c\udfaf\n      <\/div>\n\n      <h3>\n        Test &amp; Calibrate\n      <\/h3>\n\n      <p>\n        Work with sensors, ADAS cameras,\n        calibration targets, autonomous\n        movement and practical vehicle testing.\n      <\/p>\n\n    <\/article>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n\n<!-- =====================================================\n     ACCESSIBLE \/ REUSABLE\n     ===================================================== -->\n\n<section class=\"po-section\">\n\n\n  <div class=\"po-use\">\n\n\n    <div class=\"po-use-main\">\n\n\n      <small>\n        Designed to Be Used\n      <\/small>\n\n\n      <h2>\n        Accessible, Flexible &amp; Reusable\n      <\/h2>\n\n\n      <p>\n        EduMobility 2.0 is designed around practical\n        accessibility.\n\n        Learning resources will be available online,\n        support learners at different levels and use\n        common digital formats and open technologies\n        wherever possible.\n\n        This allows the results to be reused in vocational\n        education, higher education, professional training\n        and self-paced learning.\n      <\/p>\n\n\n      <div class=\"po-use-tags\">\n\n        <span>Free Access<\/span>\n\n        <span>Multilingual<\/span>\n\n        <span>Modular Learning<\/span>\n\n        <span>Self-Paced<\/span>\n\n        <span>PDF Resources<\/span>\n\n        <span>OBJ \/ DWG<\/span>\n\n        <span>Open Technologies<\/span>\n\n        <span>Practical Exercises<\/span>\n\n      <\/div>\n\n\n    <\/div>\n\n\n\n    <div class=\"po-five\">\n\n\n      <strong>\n        5+\n      <\/strong>\n\n\n      <span>\n        Years of Planned Availability\n      <\/span>\n\n\n      <p>\n        The online platform and learning\n        resources are intended to remain\n        available and useful beyond the\n        funded project period.\n      <\/p>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n\n<!-- =====================================================\n     EUROPEAN KNOWLEDGE NETWORK\n     ===================================================== -->\n\n<section class=\"po-section\">\n\n\n  <div class=\"po-flow\">\n\n\n    <div class=\"po-flow-head\">\n\n\n      <small>\n        European Added Value\n      <\/small>\n\n\n      <h2>\n        European Knowledge Network\n      <\/h2>\n\n\n      <p>\n        Each EduMobility partner enters the project\n        with different technical and educational strengths.\n        European cooperation allows this expertise to move\n        across the partnership and become shared capability.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- SELECT PARTNER -->\n\n    <div class=\"po-flow-select\">\n\n\n      <button\n        type=\"button\"\n        class=\"po-flow-btn active\"\n        data-flow=\"all\">\n\n        \ud83c\udf08 All Knowledge\n\n      <\/button>\n\n\n      <button\n        type=\"button\"\n        class=\"po-flow-btn\"\n        data-flow=\"ee\">\n\n        \ud83c\uddea\ud83c\uddea P\u00e4rnu\n\n      <\/button>\n\n\n      <button\n        type=\"button\"\n        class=\"po-flow-btn\"\n        data-flow=\"pl\">\n\n        \ud83c\uddf5\ud83c\uddf1 Jastrz\u0119bie-Zdr\u00f3j\n\n      <\/button>\n\n\n      <button\n        type=\"button\"\n        class=\"po-flow-btn\"\n        data-flow=\"tr\">\n\n        \ud83c\uddf9\ud83c\uddf7 Kayseri\n\n      <\/button>\n\n\n      <button\n        type=\"button\"\n        class=\"po-flow-btn\"\n        data-flow=\"am\">\n\n        \ud83c\uddea\ud83c\uddf8 Andra Mari\n\n      <\/button>\n\n\n      <button\n        type=\"button\"\n        class=\"po-flow-btn\"\n        data-flow=\"jz\">\n\n        \ud83c\uddea\ud83c\uddf8 Jos\u00e9 Zerpa\n\n      <\/button>\n\n\n    <\/div>\n\n\n\n    <div class=\"po-flow-layout\">\n\n\n\n      <!-- ==================================================\n           REAL EUROPE MAP\n           ================================================== -->\n\n      <div class=\"po-map\">\n\n\n        <!--\n        Wikimedia Commons:\n        European countries.svg\n\n        You may later upload the same SVG to your\n        WordPress Media Library and replace this URL.\n        -->\n\n\n        <img decoding=\"async\"\n          class=\"po-map-bg\"\n          src=\"https:\/\/commons.wikimedia.org\/wiki\/Special:Redirect\/file\/European_countries.svg\"\n          alt=\"Map of Europe showing EduMobility partner locations\">\n\n\n\n        <!-- ==================================================\n             SHARED CAPABILITY HALOS\n             ================================================== -->\n\n\n        <div\n          class=\"po-halo\"\n          style=\"left:65%;top:30%;\">\n        <\/div>\n\n\n        <div\n          class=\"po-halo\"\n          style=\"left:56%;top:46%;\">\n        <\/div>\n\n\n        <div\n          class=\"po-halo\"\n          style=\"left:74%;top:70%;\">\n        <\/div>\n\n\n        <div\n          class=\"po-halo\"\n          style=\"left:34%;top:61%;\">\n        <\/div>\n\n\n        <div\n          class=\"po-halo\"\n          style=\"left:18%;top:82%;\">\n        <\/div>\n\n\n\n        <!-- ==================================================\n             KNOWLEDGE FLOW NETWORK\n             ================================================== -->\n\n        <svg\n          class=\"po-network\"\n          viewBox=\"0 0 100 100\"\n          preserveAspectRatio=\"none\"\n          aria-hidden=\"true\">\n\n\n\n          <!-- ESTONIA -->\n\n          <path\n            class=\"po-route active\"\n            data-source=\"ee\"\n            d=\"M65 30 Q59 35 56 46\"\n            stroke=\"#33818e\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"ee\"\n            d=\"M65 30 Q73 47 74 70\"\n            stroke=\"#33818e\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"ee\"\n            d=\"M65 30 Q48 42 34 61\"\n            stroke=\"#33818e\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"ee\"\n            d=\"M65 30 Q40 49 18 82\"\n            stroke=\"#33818e\">\n          <\/path>\n\n\n\n          <!-- POLAND -->\n\n          <path\n            class=\"po-route active\"\n            data-source=\"pl\"\n            d=\"M56 46 Q60 37 65 30\"\n            stroke=\"#d39a38\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"pl\"\n            d=\"M56 46 Q68 54 74 70\"\n            stroke=\"#d39a38\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"pl\"\n            d=\"M56 46 Q44 51 34 61\"\n            stroke=\"#d39a38\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"pl\"\n            d=\"M56 46 Q35 58 18 82\"\n            stroke=\"#d39a38\">\n          <\/path>\n\n\n\n          <!-- T\u00dcRK\u0130YE -->\n\n          <path\n            class=\"po-route active\"\n            data-source=\"tr\"\n            d=\"M74 70 Q73 48 65 30\"\n            stroke=\"#a85f96\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"tr\"\n            d=\"M74 70 Q66 54 56 46\"\n            stroke=\"#a85f96\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"tr\"\n            d=\"M74 70 Q52 61 34 61\"\n            stroke=\"#a85f96\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"tr\"\n            d=\"M74 70 Q45 70 18 82\"\n            stroke=\"#a85f96\">\n          <\/path>\n\n\n\n          <!-- ANDRA MARI -->\n\n          <path\n            class=\"po-route active\"\n            data-source=\"am\"\n            d=\"M34 61 Q48 43 65 30\"\n            stroke=\"#65a05c\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"am\"\n            d=\"M34 61 Q44 50 56 46\"\n            stroke=\"#65a05c\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"am\"\n            d=\"M34 61 Q54 60 74 70\"\n            stroke=\"#65a05c\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"am\"\n            d=\"M34 61 Q24 69 18 82\"\n            stroke=\"#65a05c\">\n          <\/path>\n\n\n\n          <!-- JOSE ZERPA -->\n\n          <path\n            class=\"po-route active\"\n            data-source=\"jz\"\n            d=\"M18 82 Q40 49 65 30\"\n            stroke=\"#6976be\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"jz\"\n            d=\"M18 82 Q35 58 56 46\"\n            stroke=\"#6976be\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"jz\"\n            d=\"M18 82 Q45 70 74 70\"\n            stroke=\"#6976be\">\n          <\/path>\n\n          <path\n            class=\"po-route active\"\n            data-source=\"jz\"\n            d=\"M18 82 Q24 69 34 61\"\n            stroke=\"#6976be\">\n          <\/path>\n\n\n        <\/svg>\n\n\n\n        <!-- ==================================================\n             PARTNER LOCATIONS\n             ================================================== -->\n\n\n        <div\n          class=\"po-marker po-ee active\"\n          data-partner=\"ee\"\n          tabindex=\"0\">\n\n          <div class=\"po-dot\"><\/div>\n\n          <span class=\"po-marker-label\">\n            \ud83c\uddea\ud83c\uddea P\u00e4rnu\n          <\/span>\n\n        <\/div>\n\n\n\n        <div\n          class=\"po-marker po-pl active\"\n          data-partner=\"pl\"\n          tabindex=\"0\">\n\n          <div class=\"po-dot\"><\/div>\n\n          <span class=\"po-marker-label\">\n            \ud83c\uddf5\ud83c\uddf1 Jastrz\u0119bie-Zdr\u00f3j\n          <\/span>\n\n        <\/div>\n\n\n\n        <div\n          class=\"po-marker po-tr active\"\n          data-partner=\"tr\"\n          tabindex=\"0\">\n\n          <div class=\"po-dot\"><\/div>\n\n          <span class=\"po-marker-label\">\n            \ud83c\uddf9\ud83c\uddf7 Kayseri\n          <\/span>\n\n        <\/div>\n\n\n\n        <div\n          class=\"po-marker po-am active\"\n          data-partner=\"am\"\n          tabindex=\"0\">\n\n          <div class=\"po-dot\"><\/div>\n\n          <span class=\"po-marker-label\">\n            \ud83c\uddea\ud83c\uddf8 Galdakao\n          <\/span>\n\n        <\/div>\n\n\n\n        <div\n          class=\"po-marker po-jz active\"\n          data-partner=\"jz\"\n          tabindex=\"0\">\n\n          <div class=\"po-dot\"><\/div>\n\n          <span class=\"po-marker-label\">\n            \ud83c\uddea\ud83c\uddf8 Gran Canaria\n          <\/span>\n\n        <\/div>\n\n\n      <\/div>\n\n\n\n      <!-- ==================================================\n           INFO PANEL\n           ================================================== -->\n\n      <aside class=\"po-flow-info\">\n\n\n        <small>\n          Knowledge Source\n        <\/small>\n\n\n        <h3 id=\"poFlowTitle\">\n          European Knowledge Network\n        <\/h3>\n\n\n        <p id=\"poFlowText\">\n          Five organisations bring complementary\n          expertise into one shared learning ecosystem.\n          Select a partner to see the knowledge it\n          contributes to the consortium.\n        <\/p>\n\n\n        <div\n          class=\"po-flow-skills\"\n          id=\"poFlowSkills\">\n\n          <span>ADAS<\/span>\n\n          <span>Programming<\/span>\n\n          <span>LiDAR<\/span>\n\n          <span>Machine Learning<\/span>\n\n          <span>3D Printing<\/span>\n\n          <span>Electric Vehicles<\/span>\n\n          <span>Vehicle Construction<\/span>\n\n        <\/div>\n\n\n        <div class=\"po-flow-note\">\n          The coloured routes represent knowledge\n          exchange across the EduMobility partnership.\n          The multicolour zones around partner locations\n          represent growing shared institutional capability,\n          not literal geographical coverage.\n        <\/div>\n\n\n      <\/aside>\n\n\n    <\/div>\n\n\n\n    <!-- LEGEND -->\n\n    <div class=\"po-legend\">\n\n\n      <span>\n\n        <i style=\"background:#33818e;\"><\/i>\n\n        P\u00e4rnu\n\n      <\/span>\n\n\n      <span>\n\n        <i style=\"background:#d39a38;\"><\/i>\n\n        Jastrz\u0119bie-Zdr\u00f3j\n\n      <\/span>\n\n\n      <span>\n\n        <i style=\"background:#a85f96;\"><\/i>\n\n        Kayseri\n\n      <\/span>\n\n\n      <span>\n\n        <i style=\"background:#65a05c;\"><\/i>\n\n        Andra Mari\n\n      <\/span>\n\n\n      <span>\n\n        <i style=\"background:#6976be;\"><\/i>\n\n        Jos\u00e9 Zerpa\n\n      <\/span>\n\n\n    <\/div>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n\n<!-- =====================================================\n     LONG-TERM IMPACT\n     ===================================================== -->\n\n<section class=\"po-section\">\n\n\n  <div class=\"po-heading\">\n\n\n    <span>\n      Beyond the Project\n    <\/span>\n\n\n    <h2>\n      Built for Long-Term Impact\n    <\/h2>\n\n\n    <p>\n      EduMobility 2.0 is designed so that its value\n      continues after the funded project period through\n      reusable resources, stronger institutional capability\n      and continued European cooperation.\n    <\/p>\n\n\n  <\/div>\n\n\n\n  <div class=\"po-longterm\">\n\n\n    <article class=\"po-long\">\n\n      <div class=\"po-long-icon\">\n        \ud83c\udf93\n      <\/div>\n\n      <h3>\n        Curriculum Integration\n      <\/h3>\n\n      <p>\n        Learning materials, digital tools and prototypes\n        can become part of regular vocational teaching\n        and future courses.\n      <\/p>\n\n    <\/article>\n\n\n\n    <article class=\"po-long\">\n\n      <div class=\"po-long-icon\">\n        \u267b\ufe0f\n      <\/div>\n\n      <h3>\n        Reusable Resources\n      <\/h3>\n\n      <p>\n        Digital materials, technical files and learning\n        activities can continue to support future groups\n        of learners.\n      <\/p>\n\n    <\/article>\n\n\n\n    <article class=\"po-long\">\n\n      <div class=\"po-long-icon\">\n        \ud83c\udf0d\n      <\/div>\n\n      <h3>\n        Transferable Across Europe\n      <\/h3>\n\n      <p>\n        The universal and flexible approach allows\n        other schools to adapt the project resources\n        to their own educational context.\n      <\/p>\n\n    <\/article>\n\n\n\n    <article class=\"po-long\">\n\n      <div class=\"po-long-icon\">\n        \ud83d\ude80\n      <\/div>\n\n      <h3>\n        Ready to Evolve\n      <\/h3>\n\n      <p>\n        The platform and learning concepts can develop\n        further as autonomous, electric and digital\n        vehicle technologies continue to change.\n      <\/p>\n\n    <\/article>\n\n\n  <\/div>\n\n\n<\/section>\n\n\n\n<!-- =====================================================\n     FINAL\n     ===================================================== -->\n\n<section class=\"po-final\">\n\n\n  <h2>\n    Learn. Program. Build. Test.\n  <\/h2>\n\n\n  <p>\n    EduMobility 2.0 connects digital learning\n    with real engineering. The result is not simply\n    a collection of educational materials, but a\n    practical pathway from understanding emerging\n    vehicle technology to applying it in working systems.\n  <\/p>\n\n\n<\/section>\n\n\n<\/div>\n\n\n\n<script>\n(function(){\n\n  const root =\n    document.querySelector('.edumob-outcomes');\n\n  if(!root) return;\n\n\n  const data = {\n\n\n    ee:{\n      title:\n        \"\ud83c\uddea\ud83c\uddea P\u00e4rnumaa Vocational Education Centre\",\n\n      text:\n        \"P\u00e4rnu contributes project integration, e-learning development, programming, 3D printing and practical vehicle construction experience.\",\n\n      skills:[\n        \"Project Management\",\n        \"E-Learning\",\n        \"Programming\",\n        \"3D Printing\",\n        \"Vehicle Construction\"\n      ]\n    },\n\n\n    pl:{\n      title:\n        \"\ud83c\uddf5\ud83c\uddf1 CKZ Jastrz\u0119bie-Zdr\u00f3j\",\n\n      text:\n        \"The Polish partner contributes experience in LiDAR, sensor technologies, ADAS-related systems, mechatronics and automation.\",\n\n      skills:[\n        \"LiDAR\",\n        \"Sensor Technology\",\n        \"ADAS-related Systems\",\n        \"Mechatronics\",\n        \"Automation\"\n      ]\n    },\n\n\n    tr:{\n      title:\n        \"\ud83c\uddf9\ud83c\uddf7 EKGENDER \u00b7 Kayseri\",\n\n      text:\n        \"The Turkish partner contributes expertise in programming, machine learning, 3D technologies, sensor systems and automation.\",\n\n      skills:[\n        \"Machine Learning\",\n        \"Programming\",\n        \"3D Technologies\",\n        \"Sensors\",\n        \"Automation\"\n      ]\n    },\n\n\n    am:{\n      title:\n        \"\ud83c\uddea\ud83c\uddf8 CIFP Andra Mari LHII\",\n\n      text:\n        \"Andra Mari contributes practical expertise in electric vehicle construction, engineering, optimisation and hands-on prototyping.\",\n\n      skills:[\n        \"Electric Vehicles\",\n        \"Vehicle Construction\",\n        \"Engineering\",\n        \"Practical Prototyping\"\n      ]\n    },\n\n\n    jz:{\n      title:\n        \"\ud83c\uddea\ud83c\uddf8 IES Jos\u00e9 Zerpa\",\n\n      text:\n        \"Jos\u00e9 Zerpa contributes experience in applying advanced technologies to real vehicles, vehicle construction, practical engineering and testing.\",\n\n      skills:[\n        \"Real Vehicle Application\",\n        \"Frame Building\",\n        \"Practical Engineering\",\n        \"Testing\"\n      ]\n    }\n\n  };\n\n\n  const buttons =\n    root.querySelectorAll(\n      \".po-flow-btn\"\n    );\n\n\n  const markers =\n    root.querySelectorAll(\n      \".po-marker\"\n    );\n\n\n  const routes =\n    root.querySelectorAll(\n      \".po-route\"\n    );\n\n\n  const title =\n    root.querySelector(\n      \"#poFlowTitle\"\n    );\n\n\n  const text =\n    root.querySelector(\n      \"#poFlowText\"\n    );\n\n\n  const skills =\n    root.querySelector(\n      \"#poFlowSkills\"\n    );\n\n\n\n  function renderSkills(list){\n\n    skills.innerHTML='';\n\n    list.forEach(function(item){\n\n      const chip =\n        document.createElement('span');\n\n      chip.textContent=item;\n\n      skills.appendChild(chip);\n\n    });\n\n  }\n\n\n\n  function showPartner(id){\n\n\n    buttons.forEach(function(btn){\n\n      btn.classList.toggle(\n        \"active\",\n        btn.dataset.flow === id\n      );\n\n    });\n\n\n    markers.forEach(function(marker){\n\n      marker.classList.toggle(\n        \"active\",\n        id === \"all\" ||\n        marker.dataset.partner === id\n      );\n\n    });\n\n\n    routes.forEach(function(route){\n\n      if(id === \"all\"){\n\n        route.classList.add(\n          \"active\"\n        );\n\n      }else{\n\n        route.classList.toggle(\n          \"active\",\n          route.dataset.source === id\n        );\n\n      }\n\n    });\n\n\n\n    if(id === \"all\"){\n\n\n      title.textContent =\n        \"European Knowledge Network\";\n\n\n      text.textContent =\n        \"Five organisations bring complementary expertise into one shared learning ecosystem. The network illustrates how knowledge moves across the consortium instead of remaining concentrated in one institution.\";\n\n\n      renderSkills([\n        \"ADAS\",\n        \"Programming\",\n        \"LiDAR\",\n        \"Machine Learning\",\n        \"3D Printing\",\n        \"Electric Vehicles\",\n        \"Vehicle Construction\"\n      ]);\n\n\n      return;\n\n    }\n\n\n\n    const partner =\n      data[id];\n\n\n    if(!partner) return;\n\n\n    title.textContent =\n      partner.title;\n\n\n    text.textContent =\n      partner.text;\n\n\n    renderSkills(\n      partner.skills\n    );\n\n  }\n\n\n\n  buttons.forEach(function(btn){\n\n    btn.addEventListener(\n      \"click\",\n      function(){\n\n        showPartner(\n          this.dataset.flow\n        );\n\n      }\n    );\n\n  });\n\n\n\n  markers.forEach(function(marker){\n\n    marker.addEventListener(\n      \"click\",\n      function(){\n\n        showPartner(\n          this.dataset.partner\n        );\n\n      }\n    );\n\n\n    marker.addEventListener(\n      \"keydown\",\n      function(event){\n\n        if(\n          event.key === \"Enter\" ||\n          event.key === \" \"\n        ){\n\n          event.preventDefault();\n\n          showPartner(\n            this.dataset.partner\n          );\n\n        }\n\n      }\n    );\n\n  });\n\n\n  showPartner(\"all\");\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Erasmus+ KA220-VET \u00b7 EduMobility 2.0 Project Outcomes EduMobility 2.0 combines digital learning, programming, artificial intelligence, advanced manufacturing and practical vehicle development. The project aims to turn complex emerging technologies into accessible learning resources and real hands-on experiences for vocational education. \ud83d\udcbb Digital Learning \ud83e\udd16 Programming &amp; AI \ud83e\udd7d VR &amp; 3D Technologies \ud83d\ude97 Functional Prototypes [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"edu-mob-content-page","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-1002","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/edumob.eu\/et\/wp-json\/wp\/v2\/pages\/1002","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/edumob.eu\/et\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/edumob.eu\/et\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/edumob.eu\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/edumob.eu\/et\/wp-json\/wp\/v2\/comments?post=1002"}],"version-history":[{"count":6,"href":"https:\/\/edumob.eu\/et\/wp-json\/wp\/v2\/pages\/1002\/revisions"}],"predecessor-version":[{"id":1064,"href":"https:\/\/edumob.eu\/et\/wp-json\/wp\/v2\/pages\/1002\/revisions\/1064"}],"wp:attachment":[{"href":"https:\/\/edumob.eu\/et\/wp-json\/wp\/v2\/media?parent=1002"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}