{"id":3362,"date":"2026-03-11T09:55:07","date_gmt":"2026-03-11T09:55:07","guid":{"rendered":"https:\/\/earlyasd.eu\/web\/?page_id=3362"},"modified":"2026-03-11T12:18:28","modified_gmt":"2026-03-11T12:18:28","slug":"course-pl","status":"publish","type":"page","link":"https:\/\/earlyasd.eu\/web\/pl\/course-pl\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3362\" class=\"elementor elementor-3362\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e129b83 e-flex e-con-boxed e-con e-parent\" data-id=\"e129b83\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37e88a4 elementor-widget elementor-widget-html\" data-id=\"37e88a4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"pl\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Digital Social Stories w pracy z dzie\u0107mi z ASD - Kurs<\/title>\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,400&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            \/* EARLY-ASD Logo Colors *\/\r\n            --primary: #2ba4dc;           \/* Ana mavi *\/\r\n            --primary-dark: #1e8bc3;      \/* Koyu mavi *\/\r\n            --primary-light: #7fc9eb;     \/* A\u00e7\u0131k mavi *\/\r\n            --accent-pink: #e91e8c;       \/* Pembe\/Magenta *\/\r\n            --accent-orange: #f7941d;     \/* Turuncu *\/\r\n            --accent-green: #39b54a;      \/* Ye\u015fil *\/\r\n            --warm: #e8f6fc;              \/* \u00c7ok a\u00e7\u0131k mavi arka plan *\/\r\n            --warm-dark: #c5e8f7;         \/* Biraz daha koyu a\u00e7\u0131k mavi *\/\r\n            --text: #2d3748;\r\n            --text-light: #4a5568;\r\n            --white: #ffffff;\r\n            --success: #39b54a;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'DM Sans', sans-serif;\r\n            background: var(--warm);\r\n            color: var(--text);\r\n            line-height: 1.7;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        \/* Decorative Background *\/\r\n        .page-wrapper {\r\n            position: relative;\r\n            overflow-x: hidden;\r\n            flex: 1;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .main-content {\r\n            flex: 1;\r\n        }\r\n\r\n        .bg-decoration {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            pointer-events: none;\r\n            z-index: 0;\r\n        }\r\n\r\n        .bg-circle {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            opacity: 0.12;\r\n        }\r\n\r\n        .bg-circle-1 {\r\n            width: 600px;\r\n            height: 600px;\r\n            background: var(--primary);\r\n            top: -200px;\r\n            right: -150px;\r\n        }\r\n\r\n        .bg-circle-2 {\r\n            width: 400px;\r\n            height: 400px;\r\n            background: var(--accent-green);\r\n            bottom: 10%;\r\n            left: -100px;\r\n        }\r\n\r\n        .bg-circle-3 {\r\n            width: 300px;\r\n            height: 300px;\r\n            background: var(--accent-orange);\r\n            top: 50%;\r\n            right: -50px;\r\n        }\r\n\r\n        \/* Logo Strip *\/\r\n        .logo-strip {\r\n            background: linear-gradient(135deg, #e8f6fc 0%, #d4eef9 100%);\r\n            padding: 15px 20px;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .header-logo {\r\n            width: 120px;\r\n            height: auto;\r\n            filter: drop-shadow(0 2px 8px rgba(0,0,0,0.1));\r\n        }\r\n\r\n        \/* Header *\/\r\n        .header {\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\r\n            padding: 40px 20px 80px;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .header::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -40px;\r\n            left: 0;\r\n            right: 0;\r\n            height: 80px;\r\n            background: var(--warm);\r\n            border-radius: 50% 50% 0 0 \/ 100% 100% 0 0;\r\n        }\r\n\r\n        .header-content {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            text-align: center;\r\n            position: relative;\r\n        }\r\n\r\n        .project-badge {\r\n            display: inline-block;\r\n            background: rgba(255,255,255,0.2);\r\n            backdrop-filter: blur(10px);\r\n            padding: 8px 20px;\r\n            border-radius: 30px;\r\n            font-size: 0.85rem;\r\n            color: var(--white);\r\n            margin-bottom: 24px;\r\n            letter-spacing: 0.5px;\r\n            border: 1px solid rgba(255,255,255,0.3);\r\n        }\r\n\r\n        .header h1 {\r\n            font-family: 'Fraunces', serif;\r\n            font-size: clamp(2rem, 5vw, 3.2rem);\r\n            color: var(--white);\r\n            font-weight: 700;\r\n            margin-bottom: 16px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .header-subtitle {\r\n            font-size: 1.1rem;\r\n            color: rgba(255,255,255,0.95);\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* Main Content *\/\r\n        .main-content {\r\n            position: relative;\r\n            z-index: 1;\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n            padding: 20px 20px 60px;\r\n        }\r\n\r\n        \/* Info Cards Grid *\/\r\n        .info-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 24px;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .info-card {\r\n            background: var(--white);\r\n            border-radius: 20px;\r\n            padding: 32px;\r\n            box-shadow: 0 4px 20px rgba(43, 164, 220, 0.1);\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .info-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: 0 12px 40px rgba(43, 164, 220, 0.15);\r\n        }\r\n\r\n        .info-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--primary) 0%, var(--primary-light) 100%);\r\n        }\r\n\r\n        .info-card:nth-child(2)::before {\r\n            background: linear-gradient(90deg, var(--accent-orange) 0%, #fdb347 100%);\r\n        }\r\n\r\n        .info-card:nth-child(3)::before {\r\n            background: linear-gradient(90deg, var(--accent-green) 0%, #6dce7a 100%);\r\n        }\r\n\r\n        .card-icon {\r\n            width: 56px;\r\n            height: 56px;\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);\r\n            border-radius: 14px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 20px;\r\n            font-size: 24px;\r\n        }\r\n\r\n        .info-card:nth-child(2) .card-icon {\r\n            background: linear-gradient(135deg, var(--accent-orange) 0%, #fdb347 100%);\r\n        }\r\n\r\n        .info-card:nth-child(3) .card-icon {\r\n            background: linear-gradient(135deg, var(--accent-green) 0%, #6dce7a 100%);\r\n        }\r\n\r\n        .info-card h3 {\r\n            font-family: 'Fraunces', serif;\r\n            font-size: 1.3rem;\r\n            color: var(--primary-dark);\r\n            margin-bottom: 12px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .info-card p, .info-card li {\r\n            color: var(--text-light);\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .info-card ul {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n\r\n        .info-card li {\r\n            padding: 8px 0;\r\n            padding-left: 20px;\r\n            position: relative;\r\n        }\r\n\r\n        .info-card li::before {\r\n            content: '\u2713';\r\n            position: absolute;\r\n            left: 0;\r\n            color: var(--primary);\r\n            font-weight: bold;\r\n        }\r\n\r\n        .info-card:nth-child(2) li::before {\r\n            color: var(--accent-orange);\r\n        }\r\n\r\n        .info-card:nth-child(3) li::before {\r\n            color: var(--accent-green);\r\n        }\r\n\r\n        \/* Highlight Box *\/\r\n        .highlight-box {\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\r\n            border-radius: 24px;\r\n            padding: 40px;\r\n            margin-bottom: 50px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .highlight-box::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            right: -20%;\r\n            width: 400px;\r\n            height: 400px;\r\n            background: rgba(255,255,255,0.08);\r\n            border-radius: 50%;\r\n        }\r\n\r\n        .highlight-box h2 {\r\n            font-family: 'Fraunces', serif;\r\n            color: var(--white);\r\n            font-size: 1.8rem;\r\n            margin-bottom: 24px;\r\n            position: relative;\r\n        }\r\n\r\n        .highlight-list {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n            gap: 16px;\r\n            position: relative;\r\n        }\r\n\r\n        .highlight-item {\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 12px;\r\n            color: var(--white);\r\n        }\r\n\r\n        .highlight-icon {\r\n            width: 28px;\r\n            height: 28px;\r\n            background: var(--accent-orange);\r\n            border-radius: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n            font-size: 14px;\r\n        }\r\n\r\n        .highlight-item:nth-child(2) .highlight-icon {\r\n            background: var(--accent-green);\r\n        }\r\n\r\n        .highlight-item:nth-child(3) .highlight-icon {\r\n            background: var(--accent-pink);\r\n        }\r\n\r\n        .highlight-item:nth-child(4) .highlight-icon {\r\n            background: var(--primary-light);\r\n        }\r\n\r\n        \/* Registration Form Section *\/\r\n        .form-section {\r\n            background: var(--white);\r\n            border-radius: 24px;\r\n            padding: 50px;\r\n            box-shadow: 0 8px 40px rgba(43, 164, 220, 0.12);\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .form-header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .form-header h2 {\r\n            font-family: 'Fraunces', serif;\r\n            font-size: 2rem;\r\n            color: var(--primary-dark);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .form-header p {\r\n            color: var(--text-light);\r\n        }\r\n\r\n        .form-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 24px;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .form-group {\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .form-group.full-width {\r\n            grid-column: 1 \/ -1;\r\n        }\r\n\r\n        .form-group label {\r\n            font-weight: 600;\r\n            color: var(--primary-dark);\r\n            margin-bottom: 8px;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .form-group input,\r\n        .form-group select {\r\n            padding: 16px 20px;\r\n            border: 2px solid var(--warm-dark);\r\n            border-radius: 12px;\r\n            font-size: 1rem;\r\n            font-family: inherit;\r\n            transition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n            background: var(--warm);\r\n        }\r\n\r\n        .form-group input:focus,\r\n        .form-group select:focus {\r\n            outline: none;\r\n            border-color: var(--primary);\r\n            box-shadow: 0 0 0 4px rgba(43, 164, 220, 0.15);\r\n            background: var(--white);\r\n        }\r\n\r\n        .form-group select {\r\n            cursor: pointer;\r\n            appearance: none;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\r\n            background-repeat: no-repeat;\r\n            background-position: right 16px center;\r\n            background-size: 18px;\r\n            padding-right: 50px;\r\n        }\r\n\r\n        .submit-btn {\r\n            display: block;\r\n            width: 100%;\r\n            max-width: 400px;\r\n            margin: 0 auto;\r\n            padding: 18px 40px;\r\n            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);\r\n            color: var(--white);\r\n            border: none;\r\n            border-radius: 14px;\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            font-family: inherit;\r\n            cursor: pointer;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            box-shadow: 0 4px 20px rgba(43, 164, 220, 0.4);\r\n        }\r\n\r\n        .submit-btn:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 8px 30px rgba(43, 164, 220, 0.5);\r\n        }\r\n\r\n        .submit-btn:active {\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .form-note {\r\n            text-align: center;\r\n            margin-top: 20px;\r\n            color: var(--text-light);\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .form-note strong {\r\n            color: var(--primary);\r\n        }\r\n\r\n        \/* Success Message *\/\r\n        .success-message {\r\n            display: none;\r\n            text-align: center;\r\n            padding: 40px;\r\n        }\r\n\r\n        .success-message.show {\r\n            display: block;\r\n            animation: fadeIn 0.5s ease;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(20px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .success-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: var(--success);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 24px;\r\n            font-size: 40px;\r\n            color: var(--white);\r\n        }\r\n\r\n        .success-message h3 {\r\n            font-family: 'Fraunces', serif;\r\n            font-size: 1.8rem;\r\n            color: var(--primary-dark);\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .success-message p {\r\n            color: var(--text-light);\r\n            max-width: 500px;\r\n            margin: 0 auto;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* Contact & Links *\/\r\n        .contact-section {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .contact-section p {\r\n            color: var(--text-light);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .contact-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            color: var(--primary-dark);\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            padding: 12px 24px;\r\n            background: var(--white);\r\n            border-radius: 30px;\r\n            box-shadow: 0 2px 10px rgba(43, 164, 220, 0.15);\r\n            transition: all 0.3s ease;\r\n            margin: 8px;\r\n        }\r\n\r\n        .contact-link:hover {\r\n            background: var(--primary);\r\n            color: var(--white);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        \/* Footer *\/\r\n        .footer {\r\n            background: var(--white);\r\n            padding: 50px 20px;\r\n            text-align: center;\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .footer-content {\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .partner-logos {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: 60px;\r\n            flex-wrap: wrap;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .partner-logos img {\r\n            height: 70px;\r\n            width: auto;\r\n            object-fit: contain;\r\n            filter: grayscale(20%);\r\n            transition: filter 0.3s ease;\r\n        }\r\n\r\n        .partner-logos img:hover {\r\n            filter: grayscale(0%);\r\n        }\r\n\r\n        .project-info {\r\n            font-size: 0.85rem;\r\n            color: var(--text-light);\r\n            max-width: 700px;\r\n            margin: 0 auto;\r\n            padding-top: 30px;\r\n            border-top: 1px solid var(--warm-dark);\r\n        }\r\n\r\n        .project-info strong {\r\n            color: var(--primary-dark);\r\n        }\r\n\r\n        \/* EU Footer *\/\r\n        .eu-footer {\r\n            background: var(--white);\r\n            padding: 30px 20px;\r\n            text-align: center;\r\n            border-top: 1px solid var(--warm-dark);\r\n        }\r\n\r\n        .eu-footer img {\r\n            max-width: 240px;\r\n            height: auto;\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .logo-strip {\r\n                padding: 12px 20px;\r\n            }\r\n\r\n            .header-logo {\r\n                width: 100px;\r\n            }\r\n\r\n            .header {\r\n                padding: 30px 20px 60px;\r\n            }\r\n\r\n            .form-section {\r\n                padding: 30px 20px;\r\n            }\r\n\r\n            .highlight-box {\r\n                padding: 30px 20px;\r\n            }\r\n\r\n            .partner-logos {\r\n                gap: 40px;\r\n            }\r\n\r\n            .partner-logos img {\r\n                height: 50px;\r\n            }\r\n\r\n            .eu-footer img {\r\n                max-width: 180px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"page-wrapper\">\r\n        <!-- Background Decoration -->\r\n        <div class=\"bg-decoration\">\r\n            <div class=\"bg-circle bg-circle-1\"><\/div>\r\n            <div class=\"bg-circle bg-circle-2\"><\/div>\r\n            <div class=\"bg-circle bg-circle-3\"><\/div>\r\n        <\/div>\r\n\r\n        <!-- Logo Strip -->\r\n        <div class=\"logo-strip\">\r\n            <img decoding=\"async\" src=\"https:\/\/earlyasd.eu\/web\/wp-content\/uploads\/2024\/12\/cropped-EARLY-ASD-SQUARE-TRANSPARENT-LOGO-FINAL.png\" alt=\"EARLY-ASD Logo\" class=\"header-logo\">\r\n        <\/div>\r\n\r\n        <!-- Header -->\r\n        <header class=\"header\">\r\n            <div class=\"header-content\">\r\n                <div class=\"project-badge\">EARLY-ASD Project \u2022 2024-1-PL01-KA220-HED-000246304<\/div>\r\n                <h1>KURS<\/h1>\r\n                <h1>Digital Social Stories w pracy z dzie\u0107mi z ASD<\/h1>\r\n                <p class=\"header-subtitle\">Kurs dla student\u00f3w kierunk\u00f3w pedagogicznych i pokrewnych oraz os\u00f3b podnosz\u0105cych swoje kompetencje dydaktyczne w pracy z dzie\u0107mi<\/p>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <!-- Main Content -->\r\n        <main class=\"main-content\">\r\n            <!-- Info Cards -->\r\n            <div class=\"info-grid\">\r\n                <div class=\"info-card\">\r\n                    <div class=\"card-icon\">\ud83d\udcda<\/div>\r\n                    <h3>Dlaczego warto?<\/h3>\r\n                    <ul>\r\n                        <li>Nauczysz si\u0119 tworzy\u0107 Digital Social Stories<\/li>\r\n                        <li>Poznasz narz\u0119dzia do pracy z dzie\u0107mi z ASD<\/li>\r\n                        <li>Przygotujesz w\u0142asny projekt<\/li>\r\n                        <li>Otrzymasz mi\u0119dzynarodowy certyfikat micro-credential<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"info-card\">\r\n                    <div class=\"card-icon\">\u23f1\ufe0f<\/div>\r\n                    <h3>Organizacja kursu<\/h3>\r\n                    <ul>\r\n                        <li><strong>28 godzin:<\/strong> 12 godzin zaj\u0119\u0107 + 16 godzin pracy w\u0142asnej<\/li>\r\n                        <li><strong>Forma:<\/strong> blended learning<\/li>\r\n                        <li>1 ECTS | poziom EQF 6<\/li>\r\n                        <li>Kurs online 2-dniowy<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"info-card\">\r\n                    <div class=\"card-icon\">\ud83c\udf93<\/div>\r\n                    <h3>Certyfikacja<\/h3>\r\n                    <p>Uczestnicy obrad w APS w dniach 16-17.04 realizuj\u0105 godziny kontaktowe w tym czasie i do\u0142\u0105czaj\u0105 na zaj\u0119cia kontaktowe online w wymiarze 2 h oraz przesy\u0142aj\u0105 mailowo projekt - prac\u0119 ko\u0144cow\u0105 celem otrzymania certyfikatu. Pozostali uczestnicy uczestnicz\u0105 w 2-dniowym kursie online.<\/p>\r\n                    <p style=\"margin-top: 12px; color: var(--primary); font-weight: 600;\">Pierwsze\u0144stwo w zapisach maj\u0105 studenci APS i UW.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Registration Form -->\r\n            <section class=\"form-section\">\r\n                <div class=\"form-header\">\r\n                    <h2>Formularz rejestracyjny<\/h2>\r\n                   \r\n                <\/div>\r\n\r\n                <form id=\"registrationForm\">\r\n                    <div class=\"form-grid\">\r\n                        <div class=\"form-group\">\r\n                            <label for=\"name\">Imi\u0119<\/label>\r\n                            <input type=\"text\" id=\"name\" name=\"name\" required placeholder=\"Wpisz imi\u0119...\">\r\n                        <\/div>\r\n\r\n                        <div class=\"form-group\">\r\n                            <label for=\"surname\">Nazwisko<\/label>\r\n                            <input type=\"text\" id=\"surname\" name=\"surname\" required placeholder=\"Wpisz nazwisko...\">\r\n                        <\/div>\r\n\r\n                        <div class=\"form-group\">\r\n                            <label for=\"affiliation\">Afiliacja<\/label>\r\n                            <input type=\"text\" id=\"affiliation\" name=\"affiliation\" required placeholder=\"Np. Uniwersytet Warszawski...\">\r\n                        <\/div>\r\n\r\n                        <div class=\"form-group\">\r\n                            <label for=\"role\">Jak si\u0119 okre\u015blisz?<\/label>\r\n                            <select id=\"role\" name=\"role\" required>\r\n                                <option value=\"\">Wybierz opcj\u0119...<\/option>\r\n                                <option value=\"student\">Student<\/option>\r\n                                <option value=\"rodzic\">Rodzic<\/option>\r\n                                <option value=\"nauczyciel\">Nauczyciel<\/option>\r\n                                <option value=\"opiekun\">Opiekun<\/option>\r\n                                <option value=\"inne\">Inne<\/option>\r\n                            <\/select>\r\n                        <\/div>\r\n\r\n                        <div class=\"form-group full-width\">\r\n                            <label for=\"email\">Adres e-mail<\/label>\r\n                            <input type=\"email\" id=\"email\" name=\"email\" required placeholder=\"twoj@email.com\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <button type=\"submit\" class=\"submit-btn\">Zarejestruj si\u0119<\/button>\r\n                    <p class=\"form-note\"><strong>Liczba miejsc ograniczona.<\/strong> Pierwsze\u0144stwo w zapisach maj\u0105 studenci APS i UW.<\/p>\r\n                <\/form>\r\n\r\n                <div class=\"success-message\" id=\"successMessage\">\r\n                    <div class=\"success-icon\">\u2713<\/div>\r\n                    <h3>Dzi\u0119kujemy za rejestracj\u0119 zainteresowania udzia\u0142em w kursie. <\/h3>\r\n                    <p>Niebawem wy\u015blemy mailem informacje jak do\u0142\u0105czy\u0107 do kursu.<\/p>\r\n                <\/div>\r\n            <\/section>\r\n\r\n            <!-- Contact -->\r\n            <div class=\"contact-section\">\r\n                <p>Pytania?<\/p>\r\n                <a href=\"mailto:unescochair@aps.edu.pl\" class=\"contact-link\">\r\n                    \u2709\ufe0f unescochair@aps.edu.pl\r\n                <\/a>\r\n                <a href=\"https:\/\/earlyasd.eu\/web\/\" target=\"_blank\" class=\"contact-link\">\r\n                    \ud83c\udf10 earlyasd.eu\r\n                <\/a>\r\n            <\/div>\r\n        <\/main>\r\n\r\n        <!-- Footer -->\r\n        <footer class=\"footer\">\r\n            <div class=\"footer-content\">\r\n                <div class=\"partner-logos\">\r\n                    <img decoding=\"async\" src=\"https:\/\/earlyasd.eu\/web\/wp-content\/uploads\/2024\/12\/logo-APS-__EN-__-scaled.jpg\" alt=\"Akademia Pedagogiki Specjalnej\">\r\n                    <img decoding=\"async\" src=\"https:\/\/earlyasd.eu\/web\/wp-content\/uploads\/2024\/12\/PL_zwykly_okragly.png\" alt=\"Uniwersytet Warszawski\">\r\n                <\/div>\r\n                <div class=\"project-info\">\r\n                    <strong>EARLY-ASD:<\/strong> Upskilling Preservice Teachers to Support Young Children with Autism Spectrum Disorder through Digital Social Stories<br>\r\n                    Project Number: 2024-1-PL01-KA220-HED-000246304\r\n                <\/div>\r\n            <\/div>\r\n        <\/footer>\r\n\r\n        <!-- EU Logo Footer -->\r\n        <div class=\"eu-footer\">\r\n            <img decoding=\"async\" src=\"https:\/\/earlyasd.eu\/web\/wp-content\/uploads\/2024\/12\/EN_Co-fundedbytheEU_RGB_POS.png\" alt=\"Co-funded by the European Union\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.getElementById('registrationForm').addEventListener('submit', function(e) {\r\n            e.preventDefault();\r\n            \r\n            \/\/ Get form values\r\n            const name = document.getElementById('name').value;\r\n            const surname = document.getElementById('surname').value;\r\n            const affiliation = document.getElementById('affiliation').value;\r\n            const role = document.getElementById('role').value;\r\n            const email = document.getElementById('email').value;\r\n\r\n            \/\/ Google Form pre-filled URL\r\n            const googleFormUrl = 'https:\/\/docs.google.com\/forms\/d\/e\/1FAIpQLScqD6Dg2byeSLo2mkL4PBrCwBh8R5BcbSdiqX1JVhb7oqULXw\/formResponse';\r\n            \r\n            \/\/ Create form data for Google Form\r\n            const formData = new FormData();\r\n            formData.append('entry.543798614', name);       \/\/ Imi\u0119\r\n            formData.append('entry.2080662368', surname);   \/\/ Nazwisko\r\n            formData.append('entry.2068194485', affiliation); \/\/ Afiliacja\r\n            formData.append('entry.564951666', role);       \/\/ Role\r\n            formData.append('entry.1439393017', email);     \/\/ Email\r\n\r\n            \/\/ Submit to Google Form\r\n            fetch(googleFormUrl, {\r\n                method: 'POST',\r\n                mode: 'no-cors',\r\n                body: formData\r\n            }).then(() => {\r\n                \/\/ Hide form and show success message\r\n                document.getElementById('registrationForm').style.display = 'none';\r\n                document.getElementById('successMessage').classList.add('show');\r\n            }).catch(error => {\r\n                \/\/ Even if there's a CORS error, Google Forms usually receives the data\r\n                \/\/ So we still show success\r\n                document.getElementById('registrationForm').style.display = 'none';\r\n                document.getElementById('successMessage').classList.add('show');\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Digital Social Stories w pracy z dzie\u0107mi z ASD &#8211; Kurs EARLY-ASD Project \u2022 2024-1-PL01-KA220-HED-000246304 KURS Digital Social Stories w pracy z dzie\u0107mi z ASD Kurs dla student\u00f3w kierunk\u00f3w pedagogicznych i pokrewnych oraz os\u00f3b podnosz\u0105cych swoje kompetencje dydaktyczne w pracy z dzie\u0107mi \ud83d\udcda Dlaczego warto? Nauczysz si\u0119 tworzy\u0107 Digital Social Stories Poznasz narz\u0119dzia do pracy [&hellip;]<\/p>\n","protected":false},"author":3,"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":"default","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":"","theme-transparent-header-meta":"","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-3362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages\/3362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/comments?post=3362"}],"version-history":[{"count":39,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages\/3362\/revisions"}],"predecessor-version":[{"id":3410,"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/pages\/3362\/revisions\/3410"}],"wp:attachment":[{"href":"https:\/\/earlyasd.eu\/web\/wp-json\/wp\/v2\/media?parent=3362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}