{"id":913,"date":"2026-07-18T19:03:20","date_gmt":"2026-07-18T19:03:20","guid":{"rendered":"https:\/\/dt4dp.eu\/?page_id=913"},"modified":"2026-08-15T14:35:14","modified_gmt":"2026-08-15T14:35:14","slug":"learning-by-doing","status":"publish","type":"page","link":"https:\/\/dt4dp.eu\/?page_id=913","title":{"rendered":"Learning by Doing"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   DT4DP - EXPERIENTIAL LEARNING PAGE\n===================================================== *\/\n\n.dt4dp-experiential {\n    --petrol:#183f46;\n    --petrol2:#285d65;\n    --blue:#2589c9;\n    --lightblue:#5bc0de;\n    --terracotta:#b7654a;\n    --gold:#d5ad5c;\n    --cream:#fbf8f2;\n    --soft:#f5f1e9;\n    --text:#354249;\n    --muted:#6e797d;\n    --line:#e7dfd2;\n\n    max-width:1180px;\n    margin:0 auto 50px;\n    color:var(--text);\n    font-family:inherit;\n}\n\n.dt4dp-experiential *,\n.dt4dp-experiential *::before,\n.dt4dp-experiential *::after {\n    box-sizing:border-box;\n}\n\n\n\/* HERO *\/\n\n.dt4dp-experiential-hero {\n    position:relative;\n    overflow:hidden;\n\n    margin-bottom:24px;\n    padding:58px 52px;\n\n    border-radius:24px;\n\n    background:\n        radial-gradient(\n            circle at 88% 12%,\n            rgba(91,192,222,.25),\n            transparent 30%\n        ),\n        radial-gradient(\n            circle at 10% 100%,\n            rgba(213,173,92,.16),\n            transparent 30%\n        ),\n        linear-gradient(\n            135deg,\n            #183f46 0%,\n            #285d65 100%\n        );\n\n    box-shadow:0 16px 42px rgba(24,63,70,.15);\n}\n\n.dt4dp-experiential-hero::after {\n    content:\"LEARN\";\n\n    position:absolute;\n    right:20px;\n    bottom:-18px;\n\n    color:rgba(255,255,255,.045);\n\n    font-size:104px;\n    line-height:1;\n    font-weight:900;\n}\n\n.dt4dp-experiential-kicker {\n    position:relative;\n    z-index:2;\n\n    display:inline-block;\n\n    margin-bottom:16px;\n    padding:6px 11px;\n\n    border:1px solid rgba(255,255,255,.22);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.08);\n    color:#fff;\n\n    font-size:10px;\n    font-weight:800;\n    letter-spacing:1px;\n}\n\n.dt4dp-experiential-hero h1 {\n    position:relative;\n    z-index:2;\n\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.08 !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-experiential-hero h1 span {\n    color:#8ed8f8;\n}\n\n.dt4dp-experiential-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,.86) !important;\n\n    font-size:16px !important;\n    line-height:1.75 !important;\n}\n\n\n\/* INTRO *\/\n\n.dt4dp-experiential-intro {\n    margin-bottom:24px;\n    padding:30px 32px;\n\n    border:1px solid var(--line);\n    border-radius:20px;\n\n    background:var(--cream);\n}\n\n.dt4dp-experiential-intro > span {\n    display:block;\n\n    margin-bottom:7px;\n\n    color:var(--terracotta);\n\n    font-size:10px;\n    font-weight:850;\n    letter-spacing:1px;\n}\n\n.dt4dp-experiential-intro h2 {\n    margin:0 0 9px !important;\n\n    color:var(--petrol) !important;\n\n    font-size:29px !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-experiential-intro p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:14.5px !important;\n    line-height:1.7 !important;\n}\n\n\n\/* CARDS *\/\n\n.dt4dp-experiential-grid {\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:16px;\n\n    margin-bottom:24px;\n}\n\n.dt4dp-experiential-card {\n    padding:25px;\n\n    border:1px solid var(--line);\n    border-radius:18px;\n\n    background:#fff;\n\n    box-shadow:0 8px 22px rgba(24,63,70,.05);\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease;\n}\n\n.dt4dp-experiential-card:hover {\n    transform:translateY(-4px);\n\n    box-shadow:0 14px 30px rgba(24,63,70,.09);\n}\n\n.dt4dp-experiential-card > div {\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    width:42px;\n    height:42px;\n\n    margin-bottom:14px;\n\n    border-radius:12px;\n\n    background:#eef6fb;\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:900;\n}\n\n.dt4dp-experiential-card:nth-child(2) > div {\n    background:#e8f8fb;\n    color:#278fa9;\n}\n\n.dt4dp-experiential-card:nth-child(3) > div {\n    background:#fff7e5;\n    color:#9b771f;\n}\n\n.dt4dp-experiential-card:nth-child(4) > div {\n    background:#f8ebe6;\n    color:var(--terracotta);\n}\n\n.dt4dp-experiential-card h3 {\n    margin:0 0 8px !important;\n\n    color:var(--petrol) !important;\n\n    font-size:18px !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-experiential-card 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\/* PROCESS *\/\n\n.dt4dp-experiential-process {\n    margin-bottom:24px;\n    padding:32px;\n\n    border-radius:20px;\n\n    background:var(--soft);\n}\n\n.dt4dp-experiential-small {\n    display:block;\n\n    margin-bottom:7px;\n\n    color:var(--terracotta);\n\n    font-size:10px;\n    font-weight:850;\n    letter-spacing:1px;\n}\n\n.dt4dp-experiential-process > h2 {\n    margin:0 0 22px !important;\n\n    color:var(--petrol) !important;\n\n    font-size:29px !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-experiential-flow {\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:12px;\n}\n\n.dt4dp-experiential-flow > div {\n    padding:18px;\n\n    border:1px solid var(--line);\n    border-radius:15px;\n\n    background:#fff;\n}\n\n.dt4dp-experiential-flow strong {\n    display:block;\n\n    margin-bottom:6px;\n\n    color:var(--petrol);\n\n    font-size:12px;\n    font-weight:900;\n    letter-spacing:.8px;\n}\n\n.dt4dp-experiential-flow span {\n    color:var(--muted);\n\n    font-size:12.5px;\n    line-height:1.5;\n}\n\n\n\/* CLOSING *\/\n\n.dt4dp-experiential-closing {\n    padding:35px;\n\n    border-radius:20px;\n\n    background:\n        radial-gradient(\n            circle at 90% 15%,\n            rgba(91,192,222,.20),\n            transparent 30%\n        ),\n        var(--petrol);\n}\n\n.dt4dp-experiential-closing h2 {\n    margin:0 0 10px !important;\n\n    color:#fff !important;\n\n    font-size:28px !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-experiential-closing p {\n    max-width:920px;\n\n    margin:0 !important;\n\n    color:rgba(255,255,255,.82) !important;\n\n    font-size:15px !important;\n    line-height:1.7 !important;\n}\n\n\n\/* RESPONSIVE *\/\n\n@media screen and (max-width:850px) {\n\n    .dt4dp-experiential-flow {\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n}\n\n@media screen and (max-width:650px) {\n\n    .dt4dp-experiential-grid,\n    .dt4dp-experiential-flow {\n        grid-template-columns:1fr;\n    }\n\n    .dt4dp-experiential-hero {\n        padding:38px 22px;\n        border-radius:18px;\n    }\n\n    .dt4dp-experiential-hero h1 {\n        font-size:35px !important;\n    }\n\n    .dt4dp-experiential-intro,\n    .dt4dp-experiential-process,\n    .dt4dp-experiential-closing {\n        padding:23px 20px;\n    }\n\n}\n<\/style>\n\n<div class=\"dt4dp-experiential\">\n\n    <section class=\"dt4dp-experiential-hero\">\n\n        <span class=\"dt4dp-experiential-kicker\">\n            DT4DP \u00b7 EXPERIENTIAL LEARNING\n        <\/span>\n\n        <h1>\n            Learning by Doing,\n            <span>Creating Together<\/span>\n        <\/h1>\n\n        <p>\n            One of the project\u2019s key principles is experiential learning.\n            Students from France and Greece work together on a real decorative\n            painting project, combining artistic creation, teamwork, digital\n            innovation and international cooperation.\n        <\/p>\n\n    <\/section>\n\n\n    <section class=\"dt4dp-experiential-intro\">\n\n        <span>REAL PROJECT \u00b7 REAL COLLABORATION<\/span>\n\n        <h2>Turning learning into practical experience<\/h2>\n\n        <p>\n            Through hands-on activities, learners collaborate across disciplines,\n            exchange cultural perspectives and document every stage of the process.\n            This approach allows technical, creative and intercultural learning\n            to develop together within a real project environment.\n        <\/p>\n\n    <\/section>\n\n\n    <section class=\"dt4dp-experiential-grid\">\n\n        <article class=\"dt4dp-experiential-card\">\n            <div>01<\/div>\n            <h3>Real Decorative Project<\/h3>\n            <p>\n                Students apply their knowledge and practical skills in an authentic\n                decorative painting project rather than working only through\n                theoretical exercises.\n            <\/p>\n        <\/article>\n\n        <article class=\"dt4dp-experiential-card\">\n            <div>02<\/div>\n            <h3>Cross-Disciplinary Teamwork<\/h3>\n            <p>\n                Learners work together across different areas of expertise,\n                combining artistic, technical and digital perspectives.\n            <\/p>\n        <\/article>\n\n        <article class=\"dt4dp-experiential-card\">\n            <div>03<\/div>\n            <h3>Cultural Exchange<\/h3>\n            <p>\n                Participants from France and Greece exchange ideas, working\n                approaches and cultural perspectives throughout the project.\n            <\/p>\n        <\/article>\n\n        <article class=\"dt4dp-experiential-card\">\n            <div>04<\/div>\n            <h3>Digital Documentation<\/h3>\n            <p>\n                Each stage of the work is documented using digital tools,\n                supporting reflection, presentation and knowledge sharing.\n            <\/p>\n        <\/article>\n\n    <\/section>\n\n\n    <section class=\"dt4dp-experiential-process\">\n\n        <span class=\"dt4dp-experiential-small\">\n            LEARNING PROCESS\n        <\/span>\n\n        <h2>From collaboration to professional experience<\/h2>\n\n        <div class=\"dt4dp-experiential-flow\">\n\n            <div>\n                <strong>CREATE<\/strong>\n                <span>Artistic production<\/span>\n            <\/div>\n\n            <div>\n                <strong>COLLABORATE<\/strong>\n                <span>Teamwork across disciplines<\/span>\n            <\/div>\n\n            <div>\n                <strong>DOCUMENT<\/strong>\n                <span>Digital recording of the process<\/span>\n            <\/div>\n\n            <div>\n                <strong>EXCHANGE<\/strong>\n                <span>International and cultural learning<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <section class=\"dt4dp-experiential-closing\">\n\n        <h2>Professional Skills through Shared Experience<\/h2>\n\n        <p>\n            This practical learning model gives participants valuable professional\n            and intercultural experience while strengthening creativity, teamwork,\n            digital competences and the ability to work in an international\n            vocational environment.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>DT4DP \u00b7 EXPERIENTIAL LEARNING Learning by Doing, Creating Together One of the project\u2019s key principles is experiential learning. Students from France and Greece work together on a real decorative painting project, combining artistic creation, teamwork, digital innovation and international cooperation.<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-913","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/pages\/913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dt4dp.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=913"}],"version-history":[{"count":2,"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/pages\/913\/revisions"}],"predecessor-version":[{"id":1013,"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/pages\/913\/revisions\/1013"}],"wp:attachment":[{"href":"https:\/\/dt4dp.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}