{"id":2472,"date":"2025-09-01T20:07:40","date_gmt":"2025-09-01T20:07:40","guid":{"rendered":"https:\/\/antoniogallo.eu\/courses\/"},"modified":"2025-09-17T22:46:25","modified_gmt":"2025-09-17T22:46:25","slug":"courses","status":"publish","type":"page","link":"https:\/\/antoniogallo.eu\/en\/courses\/","title":{"rendered":"Courses"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2472\" class=\"elementor elementor-2472\">\n\t\t\t\t<div class=\"elementor-element elementor-element-440201fe e-con-full e-flex e-con e-parent\" data-id=\"440201fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-22698821 e-con-full e-flex e-con e-child\" data-id=\"22698821\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8da29dd elementor-widget elementor-widget-heading\" data-id=\"8da29dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Courses<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-13ccb55e elementor-widget elementor-widget-heading\" data-id=\"13ccb55e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">All courses<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-decf46b e-flex e-con-boxed e-con e-parent\" data-id=\"decf46b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be882be elementor-widget elementor-widget-html\" data-id=\"be882be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--<div class=\"course-filter\">\n    <button data-cat=\"\">All<\/button>\n    <button data-cat=\"ai\">A.I<\/button>\n    <button data-cat=\"didattica\">Didattica<\/button>\n    <button data-cat=\"it-inclusione\">IT per l'inclusione<\/button>\n<\/div>-->\n\n<div class=\"course-filter\">\n  <button data-cat=\"\" class=\"active\">All<\/button>\n  <button data-cat=\"ai\">AI<\/button><button data-cat=\"digcompedu\">DigCompEdu<\/button><button data-cat=\"digitabile\">DigitAbile<\/button><button data-cat=\"it-per-linclusione\">IT for inclusion<\/button><button data-cat=\"metodologie-didattiche-innovative\">Innovative Teaching Methods<\/button>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4581d20d e-flex e-con-boxed e-con e-parent\" data-id=\"4581d20d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2894f45b elementor-widget elementor-widget-text-editor\" data-id=\"2894f45b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"p1\"><div class=\"course-item\" data-category=\"digcompedu\">\r\n\t<img decoding=\"async\" class=\"notranslate\" src=\"https:\/\/antoniogallo.eu\/wp-content\/uploads\/2025\/09\/digcompedu-framework-300x136.jpeg\" alt=\"\" \/>\r\n<div class=\"content\"> \r\n        <h2><a href=\"https:\/\/antoniogallo.eu\/en\/corsi\/competenze-digitali-per-la-didattica-innovativa-digcompedu-in-pratica\/\">Digital skills for innovative teaching \u2013 DigCompEdu in practice<\/a><\/h2>\r\n        <p class=\"category\">Course by Antonio Gallo | DigCompEdu<\/p>\r\n<p><p>Duration: 20 hours (7 meetings)<br \/>\nTarget audience: Teachers of primary and lower secondary Comprehensive school in Vittorio Veneto \u2013 Caltanissetta\u00a0<\/p>\n<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* Minimalist and Professional Filter Style *\/\r\n.course-filter {\r\n    margin-bottom: 30px;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 15px;\r\n\tflex-wrap: wrap; \r\n}\r\n.course-filter button {\r\n    padding: 10px 20px;\r\n    border: 1px solid #ccc;\r\n    background: transparent;\r\n    color: #333;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n    font-weight: 500;\r\n    transition: background 0.3s, color 0.3s, border-color 0.3s;\r\n\tmargin-right: 20px;\r\n\tflex: 0 1 auto;    \/* \u2705 let buttons shrink instead of forcing screen to expand *\/\r\n    max-width: 100%; \r\n}\r\n.course-filter button:hover {\r\n    background: #f0f0f0;\r\n    border-color: #999;\r\n}\r\n.course-filter button.active {\r\n    background-color: #007bff;\r\n    color: #fff;\r\n    border-color: #007bff;\r\n    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);\r\n}\r\n\r\n\/* List-Style Course Items *\/ \r\n.courses-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 25px;\r\n}\r\n.course-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    background-color: #fff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\r\n    overflow: hidden;\r\n    transition: transform 0.3s, box-shadow 0.3s;\r\n    padding: 10px; \/* Optional: adds internal spacing *\/\r\n    margin-bottom: 30px; \/* Adds space below each course item *\/\r\n}\r\n.course-item:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\r\n}\r\n.course-item img {\r\n    width: 250px; \/* Fixed width for the image *\/\r\n    height: 180px; \/* Fixed height for a uniform look *\/\r\n    object-fit: cover;\r\n    flex-shrink: 0;\r\n    border-radius: 12px 0 0 12px;\r\n}\r\n.course-item .content {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column !important; \r\n    justify-content: center;\r\n    flex-grow: 1;\r\n}\r\n.course-item h2 {\r\n    font-size: 1.3rem;\r\n    margin: 0 0 10px;\r\n    color: #333;\r\n}\r\n.course-item .category {\r\n    display: inline-block;\r\n    background-color: #e9ecef;\r\n    color: #495057;\r\n    padding: 4px 10px;\r\n    border-radius: 20px;\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    margin-bottom: 15px;\r\n}\r\n.course-item p {\r\n    font-size: 1rem;\r\n    color: #666;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n}\r\n\r\n\/* Responsive adjustments for smaller screens *\/\r\n@media (max-width: 768px) {\r\n    .course-item {\r\n        flex-direction: column; \/* Stacks image and text vertically *\/\r\n        align-items: stretch;\r\n    }\r\n    .course-item img {\r\n        width: 100%;\r\n        height: auto;\r\n        max-height: 200px;\r\n        border-radius: 12px 12px 0 0;\r\n    }\r\n} \r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const filterButtons = document.querySelectorAll('.course-filter button');\r\n    const courses = document.querySelectorAll('.course-item');\r\n\r\n    filterButtons.forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const selectedCat = button.getAttribute('data-cat');\r\n\r\n            courses.forEach(course => {\r\n                const courseCat = course.getAttribute('data-category');\r\n                course.style.display = (!selectedCat || courseCat === selectedCat) ? 'flex' : 'none';\r\n            });\r\n\r\n            filterButtons.forEach(btn => btn.classList.remove('active'));\r\n            button.classList.add('active');\r\n        });\r\n    });\r\n});\r\n<\/script><div class=\"course-item\" data-category=\"digitabile\">\r\n\t<img decoding=\"async\" class=\"notranslate\" src=\"https:\/\/antoniogallo.eu\/wp-content\/uploads\/2025\/10\/Logo-Progetto-DigitAbile-300x300.png\" alt=\"\" \/>\r\n<div class=\"content\"> \r\n        <h2><a href=\"https:\/\/antoniogallo.eu\/en\/corsi\/digitabile\/\">DigitAbile<\/a><\/h2>\r\n        <p class=\"category\">corso di Antonio Gallo | DigitAbile<\/p>\r\n<p><p>Percorso inclusivo per adulti e giovani adulti che sviluppa competenze di base e intermedie per usare dispositivi, comunicare online, orientarsi sui social in modo sicuro e scoprire strumenti di Intelligenza Artificiale utili nella vita quotidiana. Il corso privilegia esercitazioni guidate, linguaggio semplice, materiali facilitati e supporti di accessibilit\u00e0 (ingrandimenti, lettura vocale, icone grandi, percorsi semplificati).<\/p>\n<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* Minimalist and Professional Filter Style *\/\r\n.course-filter {\r\n    margin-bottom: 30px;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 15px;\r\n\tflex-wrap: wrap; \r\n}\r\n.course-filter button {\r\n    padding: 10px 20px;\r\n    border: 1px solid #ccc;\r\n    background: transparent;\r\n    color: #333;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n    font-weight: 500;\r\n    transition: background 0.3s, color 0.3s, border-color 0.3s;\r\n\tmargin-right: 20px;\r\n\tflex: 0 1 auto;    \/* \u2705 let buttons shrink instead of forcing screen to expand *\/\r\n    max-width: 100%; \r\n}\r\n.course-filter button:hover {\r\n    background: #f0f0f0;\r\n    border-color: #999;\r\n}\r\n.course-filter button.active {\r\n    background-color: #007bff;\r\n    color: #fff;\r\n    border-color: #007bff;\r\n    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);\r\n}\r\n\r\n\/* List-Style Course Items *\/ \r\n.courses-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 25px;\r\n}\r\n.course-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    background-color: #fff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\r\n    overflow: hidden;\r\n    transition: transform 0.3s, box-shadow 0.3s;\r\n    padding: 10px; \/* Optional: adds internal spacing *\/\r\n    margin-bottom: 30px; \/* Adds space below each course item *\/\r\n}\r\n.course-item:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\r\n}\r\n.course-item img {\r\n    width: 250px; \/* Fixed width for the image *\/\r\n    height: 180px; \/* Fixed height for a uniform look *\/\r\n    object-fit: cover;\r\n    flex-shrink: 0;\r\n    border-radius: 12px 0 0 12px;\r\n}\r\n.course-item .content {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column !important; \r\n    justify-content: center;\r\n    flex-grow: 1;\r\n}\r\n.course-item h2 {\r\n    font-size: 1.3rem;\r\n    margin: 0 0 10px;\r\n    color: #333;\r\n}\r\n.course-item .category {\r\n    display: inline-block;\r\n    background-color: #e9ecef;\r\n    color: #495057;\r\n    padding: 4px 10px;\r\n    border-radius: 20px;\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    margin-bottom: 15px;\r\n}\r\n.course-item p {\r\n    font-size: 1rem;\r\n    color: #666;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n}\r\n\r\n\/* Responsive adjustments for smaller screens *\/\r\n@media (max-width: 768px) {\r\n    .course-item {\r\n        flex-direction: column; \/* Stacks image and text vertically *\/\r\n        align-items: stretch;\r\n    }\r\n    .course-item img {\r\n        width: 100%;\r\n        height: auto;\r\n        max-height: 200px;\r\n        border-radius: 12px 12px 0 0;\r\n    }\r\n} \r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const filterButtons = document.querySelectorAll('.course-filter button');\r\n    const courses = document.querySelectorAll('.course-item');\r\n\r\n    filterButtons.forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const selectedCat = button.getAttribute('data-cat');\r\n\r\n            courses.forEach(course => {\r\n                const courseCat = course.getAttribute('data-category');\r\n                course.style.display = (!selectedCat || courseCat === selectedCat) ? 'flex' : 'none';\r\n            });\r\n\r\n            filterButtons.forEach(btn => btn.classList.remove('active'));\r\n            button.classList.add('active');\r\n        });\r\n    });\r\n});\r\n<\/script><div class=\"course-item\" data-category=\"it-per-linclusione\">\r\n\t<img decoding=\"async\" class=\"notranslate\" src=\"https:\/\/antoniogallo.eu\/wp-content\/uploads\/2025\/09\/Inclusione-Digitale-e-Didattica-Accessibile-300x300.png\" alt=\"\" \/>\r\n<div class=\"content\"> \r\n        <h2><a href=\"https:\/\/antoniogallo.eu\/en\/corsi\/inclusione-digitale-e-didattica-accessibile\/\">Inclusione Digitale e Didattica Accessibile<\/a><\/h2>\r\n        <p class=\"category\">Course by Antonio Gallo | IT for inclusion<\/p>\r\n<p><p>Un percorso per trasformare lezioni e materiali in esperienze realmente inclusive. Dalle basi WCAG 2.1 e UDL all\u2019uso responsabile dell\u2019IA, lavorerai con strumenti Google\/Microsoft su casi reali, costruendo un toolkit riutilizzabile e un\u2019Unit\u00e0 di Apprendimento completa. Valutazione continua, prodotti pronti per la classe e impatto misurabile su partecipazione e successo formativo.<\/p>\n<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* Minimalist and Professional Filter Style *\/\r\n.course-filter {\r\n    margin-bottom: 30px;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 15px;\r\n\tflex-wrap: wrap; \r\n}\r\n.course-filter button {\r\n    padding: 10px 20px;\r\n    border: 1px solid #ccc;\r\n    background: transparent;\r\n    color: #333;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n    font-weight: 500;\r\n    transition: background 0.3s, color 0.3s, border-color 0.3s;\r\n\tmargin-right: 20px;\r\n\tflex: 0 1 auto;    \/* \u2705 let buttons shrink instead of forcing screen to expand *\/\r\n    max-width: 100%; \r\n}\r\n.course-filter button:hover {\r\n    background: #f0f0f0;\r\n    border-color: #999;\r\n}\r\n.course-filter button.active {\r\n    background-color: #007bff;\r\n    color: #fff;\r\n    border-color: #007bff;\r\n    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);\r\n}\r\n\r\n\/* List-Style Course Items *\/ \r\n.courses-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 25px;\r\n}\r\n.course-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    background-color: #fff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\r\n    overflow: hidden;\r\n    transition: transform 0.3s, box-shadow 0.3s;\r\n    padding: 10px; \/* Optional: adds internal spacing *\/\r\n    margin-bottom: 30px; \/* Adds space below each course item *\/\r\n}\r\n.course-item:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\r\n}\r\n.course-item img {\r\n    width: 250px; \/* Fixed width for the image *\/\r\n    height: 180px; \/* Fixed height for a uniform look *\/\r\n    object-fit: cover;\r\n    flex-shrink: 0;\r\n    border-radius: 12px 0 0 12px;\r\n}\r\n.course-item .content {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column !important; \r\n    justify-content: center;\r\n    flex-grow: 1;\r\n}\r\n.course-item h2 {\r\n    font-size: 1.3rem;\r\n    margin: 0 0 10px;\r\n    color: #333;\r\n}\r\n.course-item .category {\r\n    display: inline-block;\r\n    background-color: #e9ecef;\r\n    color: #495057;\r\n    padding: 4px 10px;\r\n    border-radius: 20px;\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    margin-bottom: 15px;\r\n}\r\n.course-item p {\r\n    font-size: 1rem;\r\n    color: #666;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n}\r\n\r\n\/* Responsive adjustments for smaller screens *\/\r\n@media (max-width: 768px) {\r\n    .course-item {\r\n        flex-direction: column; \/* Stacks image and text vertically *\/\r\n        align-items: stretch;\r\n    }\r\n    .course-item img {\r\n        width: 100%;\r\n        height: auto;\r\n        max-height: 200px;\r\n        border-radius: 12px 12px 0 0;\r\n    }\r\n} \r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const filterButtons = document.querySelectorAll('.course-filter button');\r\n    const courses = document.querySelectorAll('.course-item');\r\n\r\n    filterButtons.forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const selectedCat = button.getAttribute('data-cat');\r\n\r\n            courses.forEach(course => {\r\n                const courseCat = course.getAttribute('data-category');\r\n                course.style.display = (!selectedCat || courseCat === selectedCat) ? 'flex' : 'none';\r\n            });\r\n\r\n            filterButtons.forEach(btn => btn.classList.remove('active'));\r\n            button.classList.add('active');\r\n        });\r\n    });\r\n});\r\n<\/script><div class=\"course-item\" data-category=\"ai\">\r\n\t<img decoding=\"async\" class=\"notranslate\" src=\"https:\/\/antoniogallo.eu\/wp-content\/uploads\/2025\/08\/AI-300x200.jpg\" alt=\"\" \/>\r\n<div class=\"content\"> \r\n        <h2><a href=\"https:\/\/antoniogallo.eu\/en\/corsi\/intelligenza-artificiale-nella-didattica\/\">Artificial Intelligence in education<\/a><\/h2>\r\n        <p class=\"category\">Course by Antonio Gallo | AI<\/p>\r\n<p><p>Understand the principles of AI generative and when to use it effectively in school.<\/p>\n<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* Minimalist and Professional Filter Style *\/\r\n.course-filter {\r\n    margin-bottom: 30px;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 15px;\r\n\tflex-wrap: wrap; \r\n}\r\n.course-filter button {\r\n    padding: 10px 20px;\r\n    border: 1px solid #ccc;\r\n    background: transparent;\r\n    color: #333;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n    font-weight: 500;\r\n    transition: background 0.3s, color 0.3s, border-color 0.3s;\r\n\tmargin-right: 20px;\r\n\tflex: 0 1 auto;    \/* \u2705 let buttons shrink instead of forcing screen to expand *\/\r\n    max-width: 100%; \r\n}\r\n.course-filter button:hover {\r\n    background: #f0f0f0;\r\n    border-color: #999;\r\n}\r\n.course-filter button.active {\r\n    background-color: #007bff;\r\n    color: #fff;\r\n    border-color: #007bff;\r\n    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);\r\n}\r\n\r\n\/* List-Style Course Items *\/ \r\n.courses-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 25px;\r\n}\r\n.course-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    background-color: #fff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\r\n    overflow: hidden;\r\n    transition: transform 0.3s, box-shadow 0.3s;\r\n    padding: 10px; \/* Optional: adds internal spacing *\/\r\n    margin-bottom: 30px; \/* Adds space below each course item *\/\r\n}\r\n.course-item:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\r\n}\r\n.course-item img {\r\n    width: 250px; \/* Fixed width for the image *\/\r\n    height: 180px; \/* Fixed height for a uniform look *\/\r\n    object-fit: cover;\r\n    flex-shrink: 0;\r\n    border-radius: 12px 0 0 12px;\r\n}\r\n.course-item .content {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column !important; \r\n    justify-content: center;\r\n    flex-grow: 1;\r\n}\r\n.course-item h2 {\r\n    font-size: 1.3rem;\r\n    margin: 0 0 10px;\r\n    color: #333;\r\n}\r\n.course-item .category {\r\n    display: inline-block;\r\n    background-color: #e9ecef;\r\n    color: #495057;\r\n    padding: 4px 10px;\r\n    border-radius: 20px;\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    margin-bottom: 15px;\r\n}\r\n.course-item p {\r\n    font-size: 1rem;\r\n    color: #666;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n}\r\n\r\n\/* Responsive adjustments for smaller screens *\/\r\n@media (max-width: 768px) {\r\n    .course-item {\r\n        flex-direction: column; \/* Stacks image and text vertically *\/\r\n        align-items: stretch;\r\n    }\r\n    .course-item img {\r\n        width: 100%;\r\n        height: auto;\r\n        max-height: 200px;\r\n        border-radius: 12px 12px 0 0;\r\n    }\r\n} \r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const filterButtons = document.querySelectorAll('.course-filter button');\r\n    const courses = document.querySelectorAll('.course-item');\r\n\r\n    filterButtons.forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const selectedCat = button.getAttribute('data-cat');\r\n\r\n            courses.forEach(course => {\r\n                const courseCat = course.getAttribute('data-category');\r\n                course.style.display = (!selectedCat || courseCat === selectedCat) ? 'flex' : 'none';\r\n            });\r\n\r\n            filterButtons.forEach(btn => btn.classList.remove('active'));\r\n            button.classList.add('active');\r\n        });\r\n    });\r\n});\r\n<\/script><div class=\"course-item\" data-category=\"metodologie-didattiche-innovative\">\r\n\t<img decoding=\"async\" class=\"notranslate\" src=\"https:\/\/antoniogallo.eu\/wp-content\/uploads\/2025\/09\/2025-09-15-Presentazione-Corso-300x300.png\" alt=\"\" \/>\r\n<div class=\"content\"> \r\n        <h2><a href=\"https:\/\/antoniogallo.eu\/en\/corsi\/metodologie-didattiche-innovative\/\">Innovative Teaching Methods<\/a><\/h2>\r\n        <p class=\"category\">Course by Antonio Gallo | Innovative Teaching Methodologies<\/p>\r\n<p><p>Understand the meaning of \u201cteaching methodology innovative\u201d and its value to the school today.<\/p>\n<\/p>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* Minimalist and Professional Filter Style *\/\r\n.course-filter {\r\n    margin-bottom: 30px;\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 15px;\r\n\tflex-wrap: wrap; \r\n}\r\n.course-filter button {\r\n    padding: 10px 20px;\r\n    border: 1px solid #ccc;\r\n    background: transparent;\r\n    color: #333;\r\n    border-radius: 50px;\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n    font-weight: 500;\r\n    transition: background 0.3s, color 0.3s, border-color 0.3s;\r\n\tmargin-right: 20px;\r\n\tflex: 0 1 auto;    \/* \u2705 let buttons shrink instead of forcing screen to expand *\/\r\n    max-width: 100%; \r\n}\r\n.course-filter button:hover {\r\n    background: #f0f0f0;\r\n    border-color: #999;\r\n}\r\n.course-filter button.active {\r\n    background-color: #007bff;\r\n    color: #fff;\r\n    border-color: #007bff;\r\n    box-shadow: 0 4px 10px rgba(0, 123, 255, 0.2);\r\n}\r\n\r\n\/* List-Style Course Items *\/ \r\n.courses-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 25px;\r\n}\r\n.course-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    background-color: #fff;\r\n    border-radius: 12px;\r\n    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\r\n    overflow: hidden;\r\n    transition: transform 0.3s, box-shadow 0.3s;\r\n    padding: 10px; \/* Optional: adds internal spacing *\/\r\n    margin-bottom: 30px; \/* Adds space below each course item *\/\r\n}\r\n.course-item:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);\r\n}\r\n.course-item img {\r\n    width: 250px; \/* Fixed width for the image *\/\r\n    height: 180px; \/* Fixed height for a uniform look *\/\r\n    object-fit: cover;\r\n    flex-shrink: 0;\r\n    border-radius: 12px 0 0 12px;\r\n}\r\n.course-item .content {\r\n    padding: 20px;\r\n    display: flex;\r\n    flex-direction: column !important; \r\n    justify-content: center;\r\n    flex-grow: 1;\r\n}\r\n.course-item h2 {\r\n    font-size: 1.3rem;\r\n    margin: 0 0 10px;\r\n    color: #333;\r\n}\r\n.course-item .category {\r\n    display: inline-block;\r\n    background-color: #e9ecef;\r\n    color: #495057;\r\n    padding: 4px 10px;\r\n    border-radius: 20px;\r\n    font-size: 0.8rem;\r\n    font-weight: 600;\r\n    margin-bottom: 15px;\r\n}\r\n.course-item p {\r\n    font-size: 1rem;\r\n    color: #666;\r\n    line-height: 1.5;\r\n    margin: 0;\r\n}\r\n\r\n\/* Responsive adjustments for smaller screens *\/\r\n@media (max-width: 768px) {\r\n    .course-item {\r\n        flex-direction: column; \/* Stacks image and text vertically *\/\r\n        align-items: stretch;\r\n    }\r\n    .course-item img {\r\n        width: 100%;\r\n        height: auto;\r\n        max-height: 200px;\r\n        border-radius: 12px 12px 0 0;\r\n    }\r\n} \r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const filterButtons = document.querySelectorAll('.course-filter button');\r\n    const courses = document.querySelectorAll('.course-item');\r\n\r\n    filterButtons.forEach(button => {\r\n        button.addEventListener('click', () => {\r\n            const selectedCat = button.getAttribute('data-cat');\r\n\r\n            courses.forEach(course => {\r\n                const courseCat = course.getAttribute('data-category');\r\n                course.style.display = (!selectedCat || courseCat === selectedCat) ? 'flex' : 'none';\r\n            });\r\n\r\n            filterButtons.forEach(btn => btn.classList.remove('active'));\r\n            button.classList.add('active');\r\n        });\r\n    });\r\n});\r\n<\/script><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Corsi Tutti i corsi All<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2472","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Corsi - Antonio Gallo<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/antoniogallo.eu\/en\/courses\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Corsi - Antonio Gallo\" \/>\n<meta property=\"og:description\" content=\"Corsi Tutti i corsi All\" \/>\n<meta property=\"og:url\" content=\"https:\/\/antoniogallo.eu\/en\/courses\/\" \/>\n<meta property=\"og:site_name\" content=\"Antonio Gallo\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/83antoniogallo\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-17T22:46:25+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/antoniogallo.eu\/courses\/\",\"url\":\"https:\/\/antoniogallo.eu\/courses\/\",\"name\":\"Corsi - Antonio Gallo\",\"isPartOf\":{\"@id\":\"https:\/\/antoniogallo.eu\/#website\"},\"datePublished\":\"2025-09-01T20:07:40+00:00\",\"dateModified\":\"2025-09-17T22:46:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/antoniogallo.eu\/courses\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/antoniogallo.eu\/courses\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/antoniogallo.eu\/courses\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/antoniogallo.eu\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Corsi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/antoniogallo.eu\/#website\",\"url\":\"https:\/\/antoniogallo.eu\/\",\"name\":\"Antonio Gallo\",\"description\":\"Educare con l\u2019AI, crescere con l\u2019Europa.\",\"publisher\":{\"@id\":\"https:\/\/antoniogallo.eu\/#\/schema\/person\/ba68c9a004f84c76915dcc01fa1d57c2\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/antoniogallo.eu\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/antoniogallo.eu\/#\/schema\/person\/ba68c9a004f84c76915dcc01fa1d57c2\",\"name\":\"Antonio Gallo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/antoniogallo.eu\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/antoniogallo.eu\/wp-content\/uploads\/2025\/09\/1l.png\",\"contentUrl\":\"https:\/\/antoniogallo.eu\/wp-content\/uploads\/2025\/09\/1l.png\",\"width\":339,\"height\":98,\"caption\":\"Antonio Gallo\"},\"logo\":{\"@id\":\"https:\/\/antoniogallo.eu\/#\/schema\/person\/image\/\"},\"description\":\"Sono Antonio Gallo, docente e formatore con oltre vent\u2019anni di esperienza nella scuola, nella formazione professionale e nei progetti internazionali Erasmus+. La mia carriera si \u00e8 sviluppata all\u2019incrocio tra educazione, tecnologia e innovazione digitale, con un obiettivo chiaro: aiutare persone, scuole e organizzazioni a crescere attraverso l\u2019AI e la didattica digitale, senza perdere di vista valori fondamentali come etica, inclusione e responsabilit\u00e0\",\"sameAs\":[\"https:\/\/antoniogallo.eu\",\"https:\/\/www.facebook.com\/83antoniogallo\",\"https:\/\/www.instagram.com\/83antoniogallo\/\",\"https:\/\/linkedin.com\/in\/ingantoniogallo\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Corsi - Antonio Gallo","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/antoniogallo.eu\/en\/courses\/","og_locale":"en_US","og_type":"article","og_title":"Corsi - Antonio Gallo","og_description":"Corsi Tutti i corsi All","og_url":"https:\/\/antoniogallo.eu\/en\/courses\/","og_site_name":"Antonio Gallo","article_publisher":"https:\/\/www.facebook.com\/83antoniogallo","article_modified_time":"2025-09-17T22:46:25+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/antoniogallo.eu\/courses\/","url":"https:\/\/antoniogallo.eu\/courses\/","name":"Corsi - Antonio Gallo","isPartOf":{"@id":"https:\/\/antoniogallo.eu\/#website"},"datePublished":"2025-09-01T20:07:40+00:00","dateModified":"2025-09-17T22:46:25+00:00","breadcrumb":{"@id":"https:\/\/antoniogallo.eu\/courses\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/antoniogallo.eu\/courses\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/antoniogallo.eu\/courses\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/antoniogallo.eu\/"},{"@type":"ListItem","position":2,"name":"Corsi"}]},{"@type":"WebSite","@id":"https:\/\/antoniogallo.eu\/#website","url":"https:\/\/antoniogallo.eu\/","name":"Antonio Gallo","description":"Educating with AI, Growing with Europe.","publisher":{"@id":"https:\/\/antoniogallo.eu\/#\/schema\/person\/ba68c9a004f84c76915dcc01fa1d57c2"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/antoniogallo.eu\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/antoniogallo.eu\/#\/schema\/person\/ba68c9a004f84c76915dcc01fa1d57c2","name":"Antonio Gallo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/antoniogallo.eu\/#\/schema\/person\/image\/","url":"https:\/\/antoniogallo.eu\/wp-content\/uploads\/2025\/09\/1l.png","contentUrl":"https:\/\/antoniogallo.eu\/wp-content\/uploads\/2025\/09\/1l.png","width":339,"height":98,"caption":"Antonio Gallo"},"logo":{"@id":"https:\/\/antoniogallo.eu\/#\/schema\/person\/image\/"},"description":"Sono Antonio Gallo, docente e formatore con oltre vent\u2019anni di esperienza nella scuola, nella formazione professionale e nei progetti internazionali Erasmus+. La mia carriera si \u00e8 sviluppata all\u2019incrocio tra educazione, tecnologia e innovazione digitale, con un obiettivo chiaro: aiutare persone, scuole e organizzazioni a crescere attraverso l\u2019AI e la didattica digitale, senza perdere di vista valori fondamentali come etica, inclusione e responsabilit\u00e0","sameAs":["https:\/\/antoniogallo.eu","https:\/\/www.facebook.com\/83antoniogallo","https:\/\/www.instagram.com\/83antoniogallo\/","https:\/\/linkedin.com\/in\/ingantoniogallo\/"]}]}},"_links":{"self":[{"href":"https:\/\/antoniogallo.eu\/en\/wp-json\/wp\/v2\/pages\/2472","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/antoniogallo.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/antoniogallo.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/antoniogallo.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/antoniogallo.eu\/en\/wp-json\/wp\/v2\/comments?post=2472"}],"version-history":[{"count":92,"href":"https:\/\/antoniogallo.eu\/en\/wp-json\/wp\/v2\/pages\/2472\/revisions"}],"predecessor-version":[{"id":3417,"href":"https:\/\/antoniogallo.eu\/en\/wp-json\/wp\/v2\/pages\/2472\/revisions\/3417"}],"wp:attachment":[{"href":"https:\/\/antoniogallo.eu\/en\/wp-json\/wp\/v2\/media?parent=2472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}