{"id":224,"date":"2026-09-23T15:44:39","date_gmt":"2026-09-23T15:44:39","guid":{"rendered":"https:\/\/www.touchedromania.davidhub.ro\/?page_id=224"},"modified":"2026-09-28T17:25:08","modified_gmt":"2026-09-28T17:25:08","slug":"educatie-prin-experienta","status":"publish","type":"page","link":"https:\/\/www.touchedromania.davidhub.ro\/en\/educatie-prin-experienta\/","title":{"rendered":"Learning through experience"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"224\" class=\"elementor elementor-224\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62b4251 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"62b4251\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f6ac36 elementor-widget elementor-widget-html\" data-id=\"4f6ac36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* elimin\u0103 spa\u021biul dintre header \u0219i banner *\/\r\n.elementor-widget-html:has(.tr-ep),\r\n.elementor-widget-html:has(.tr-ep) > .elementor-widget-container{margin:0 !important;padding:0 !important}\r\n.e-con:has(> .elementor-widget-html .tr-ep),\r\n[data-element_type=\"container\"]:has(.tr-ep){padding-top:0 !important;margin-top:0 !important}\r\n\r\n.tr-ep{--mag:#B8337F;--mag-d:#8E2463;--pink:#FAEAF3;--pink-l:#FDF6FA;--line:#EBC9DC;--green:#78CD6E;--green-d:#1F4D1A;--yellow:#F6B23C;--ink:#333;--muted:#555;font-family:'Montserrat',system-ui,sans-serif;color:var(--ink)}\r\n.tr-ep *{box-sizing:border-box}\r\n.tr-ep a{text-decoration:none !important}\r\n.tr-ep .ep-wrap{max-width:1120px;margin:0 auto;padding:0 20px}\r\n.tr-ep .ep-eye{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mag);margin-bottom:10px}\r\n.tr-ep h2{font-family:'Montserrat',sans-serif;font-size:clamp(26px,3.4vw,36px);font-weight:600;line-height:1.2;margin:0 0 14px;color:var(--ink)}\r\n.tr-ep .ep-lead{font-size:16.5px;color:var(--muted);line-height:1.7;margin:0}\r\n.tr-ep .ep-lead + .ep-lead{margin-top:16px}\r\n.tr-ep .ep-center{text-align:center}\r\n.tr-ep .ep-center .ep-lead{max-width:720px;margin:0 auto}\r\n.tr-ep section.ep-sec{padding:90px 0}\r\n.tr-ep .ep-soft{background:var(--pink-l)}\r\n\r\n\/* butoane *\/\r\n.tr-ep .ep-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:15px;padding:15px 28px;border-radius:999px;border:2px solid transparent;transition:all .2s ease;white-space:nowrap;font-family:'Montserrat',sans-serif}\r\n.tr-ep .ep-btn-p{background:var(--mag);border-color:var(--mag);color:#fff !important}\r\n.tr-ep .ep-btn-p:hover{background:var(--mag-d);border-color:var(--mag-d)}\r\n.tr-ep .ep-btn-o{background:#fff;border-color:#fff;color:var(--mag) !important}\r\n.tr-ep .ep-btn-o:hover{background:transparent;color:#fff !important}\r\n.tr-ep .ep-btn-l{background:transparent;border-color:rgba(255,255,255,.7);color:#fff !important}\r\n.tr-ep .ep-btn-l:hover{background:#fff;color:var(--mag) !important}\r\n.tr-ep .ep-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}\r\n.tr-ep .ep-more{font-weight:700;font-size:15px;color:var(--mag) !important;border-bottom:2px solid var(--green);padding-bottom:2px}\r\n.tr-ep .ep-pill{display:inline-block;background:var(--green);color:var(--green-d);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:7px 16px;border-radius:999px;margin-bottom:20px}\r\n\r\n\/* 1. hero cu poz\u0103 pe tot fundalul *\/\r\n.tr-ep .ep-hero{position:relative;overflow:hidden;min-height:540px;display:flex;align-items:center;border-radius:0 0 40px 40px;padding:80px 24px;color:#fff;background:linear-gradient(120deg,#8E2463 0%,#B8337F 55%,#C95A93 100%)}\r\n.tr-ep .ep-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 35%;margin:0;max-width:none;z-index:0}\r\n.tr-ep .ep-hero::after{content:\"\";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(94,22,64,.88) 0%,rgba(142,36,99,.66) 42%,rgba(142,36,99,.12) 78%,rgba(142,36,99,0) 100%)}\r\n.tr-ep .ep-hero-in{position:relative;z-index:2;width:100%;max-width:1120px;margin:0 auto}\r\n.tr-ep .ep-hero-txt{max-width:600px}\r\n.tr-ep .ep-hero h1{font-family:'Montserrat',sans-serif;font-size:clamp(34px,4.8vw,56px);font-weight:700;line-height:1.12;margin:0 0 30px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.2)}\r\n.tr-ep .ep-hero h1 span{color:var(--yellow)}\r\n.tr-ep .ep-hero .ep-btns{justify-content:flex-start}\r\n\r\n\/* 2. intro + cifre (f\u0103r\u0103 chenare) *\/\r\n.tr-ep .ep-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}\r\n.tr-ep .ep-stat{text-align:center;padding:6px 10px}\r\n.tr-ep .ep-stat b{display:block;font-size:48px;font-weight:700;color:var(--mag);line-height:1.1;margin-bottom:8px}\r\n.tr-ep .ep-stat span{font-size:14.5px;color:var(--muted);line-height:1.5}\r\n\r\n\/* 3. clubul adolescen\u021bilor *\/\r\n.tr-ep .ep-club{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}\r\n.tr-ep .ep-photos{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px}\r\n.tr-ep .ep-ph{position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,var(--pink) 0%,#F3D3E5 100%);aspect-ratio:1\/1}\r\n.tr-ep .ep-ph:first-child{grid-row:span 2;aspect-ratio:auto;min-height:100%}\r\n.tr-ep .ep-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:0 !important;margin:0 !important}\r\n.tr-ep .ep-ph.noimg img{display:none}\r\n.tr-ep .ep-ph .ph-ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--mag);opacity:.5}\r\n.tr-ep .ep-ph .ph-ph svg{width:40px;height:40px}\r\n.tr-ep .ep-facts{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 0}\r\n.tr-ep .ep-facts div{flex:1;min-width:140px;background:var(--pink);border:1px solid var(--line);border-radius:16px;padding:14px 16px}\r\n.tr-ep .ep-facts b{display:block;font-size:22px;font-weight:700;color:var(--mag-d);line-height:1.2}\r\n.tr-ep .ep-facts small{font-size:13px;color:var(--muted)}\r\n\r\n\/* 4. activit\u0103\u021bi \u2192 abilit\u0103\u021bi (interactiv) *\/\r\n.tr-ep .ep-map{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px;align-items:stretch}\r\n.tr-ep .ep-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px}\r\n.tr-ep .ep-box h3{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mag);margin:0 0 16px}\r\n.tr-ep .ep-acts{display:grid;gap:10px}\r\n.tr-ep button.ep-act,\r\n.tr-ep button.ep-act:hover,\r\n.tr-ep button.ep-act:focus,\r\n.tr-ep button.ep-act:active{display:flex !important;align-items:center;gap:14px;width:100%;text-align:left;background:#fff !important;background-image:none !important;border:2px solid var(--line) !important;border-radius:16px !important;padding:12px 16px !important;margin:0 !important;cursor:pointer;font-family:'Montserrat',sans-serif !important;font-size:15px !important;font-weight:600 !important;line-height:1.35 !important;text-transform:none !important;letter-spacing:0 !important;color:var(--ink) !important;box-shadow:none !important;transform:none !important;transition:border-color .2s ease;outline:none}\r\n.tr-ep button.ep-act:hover{border-color:var(--green) !important}\r\n.tr-ep button.ep-act:focus-visible{outline:2px solid var(--mag) !important;outline-offset:3px}\r\n.tr-ep button.ep-act.on{border-color:var(--mag) !important;background:var(--pink) !important;color:var(--mag-d) !important}\r\n.tr-ep .ep-act .e{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:var(--pink);color:var(--mag);display:grid;place-items:center;transition:all .2s}\r\n.tr-ep .ep-act .e svg{width:20px;height:20px}\r\n.tr-ep .ep-act.on .e{background:var(--mag);color:#fff}\r\n.tr-ep .ep-skills{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}\r\n.tr-ep .ep-skill{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--line);background:#fff;border-radius:999px;padding:10px 16px;font-size:14.5px;font-weight:600;color:#9a8a94;transition:all .3s ease}\r\n.tr-ep .ep-skill::before{content:\"\";width:9px;height:9px;border-radius:50%;background:var(--line);transition:background .3s}\r\n.tr-ep .ep-skill.on{border-color:var(--green);background:#F1FAEF;color:var(--green-d);transform:translateY(-2px)}\r\n.tr-ep .ep-skill.on::before{background:var(--green)}\r\n.tr-ep .ep-desc{margin-top:22px;padding-top:18px;border-top:1px dashed var(--line);font-size:15px;color:var(--muted);line-height:1.7;min-height:80px}\r\n.tr-ep .ep-desc b{color:var(--ink)}\r\n\r\n\/* poze inserate \u00een pagin\u0103 *\/\r\n.tr-ep .ep-gallery{display:grid;grid-template-columns:1fr 1.35fr;gap:20px}\r\n.tr-ep .ep-pic{position:relative;margin:0;border-radius:24px;overflow:hidden;background:var(--pink);height:380px}\r\n.tr-ep .ep-pic img{display:block;width:100%;height:100%;object-fit:cover;margin:0;max-width:none;transition:transform .6s ease}\r\n.tr-ep .ep-pic:hover img{transform:scale(1.04)}\r\n.tr-ep .ep-pic .ph{display:none;position:absolute;inset:0;align-items:center;justify-content:center;color:var(--mag);font-weight:600;font-size:14px;text-align:center;padding:20px}\r\n.tr-ep .ep-pic.noimg img{display:none}\r\n.tr-ep .ep-pic.noimg .ph{display:flex}\r\n\r\n\/* 5. proiect digital \u2013 un singur card: poz\u0103 st\u00e2nga, text dreapta *\/\r\n.tr-ep .ep-proj{display:grid;grid-template-columns:.9fr 1.1fr;margin-top:44px;background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden}\r\n.tr-ep .ep-proj .img{position:relative;min-height:380px;background:linear-gradient(140deg,#8E2463 0%,#B8337F 65%,#C95A93 100%);overflow:hidden}\r\n.tr-ep .ep-proj .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;max-width:none;display:block}\r\n.tr-ep .ep-proj .img.noimg img{display:none}\r\n.tr-ep .ep-proj .body{padding:42px 46px;display:flex;flex-direction:column;justify-content:center}\r\n.tr-ep .ep-proj .with{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mag);margin-bottom:10px}\r\n.tr-ep .ep-proj h3{font-size:25px;font-weight:700;margin:0 0 12px;color:var(--ink);line-height:1.3}\r\n.tr-ep .ep-proj > .body > p{font-size:15.5px;color:var(--muted);line-height:1.7;margin:0 0 22px}\r\n.tr-ep .ep-ed{display:grid;gap:14px}\r\n.tr-ep .ep-ed div{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:baseline;padding-top:14px;border-top:1px solid var(--line)}\r\n.tr-ep .ep-ed b{grid-row:span 2;font-size:38px;font-weight:700;color:var(--yellow);line-height:1;min-width:80px}\r\n.tr-ep .ep-ed strong{font-size:16px;font-weight:600;color:var(--ink)}\r\n.tr-ep .ep-ed span{font-size:14px;color:var(--muted);line-height:1.5}\r\n.tr-ep .ep-thanks{text-align:center;margin:28px 0 0;font-size:14.5px;color:var(--muted)}\r\n.tr-ep .ep-thanks b{color:var(--ink)}\r\n@media(max-width:980px){\r\n  .tr-ep .ep-proj{grid-template-columns:1fr}\r\n  .tr-ep .ep-proj .img{min-height:240px}\r\n}\r\n@media(max-width:640px){\r\n  .tr-ep .ep-proj .img{min-height:210px}\r\n  .tr-ep .ep-proj .body{padding:28px 22px}\r\n  .tr-ep .ep-proj h3{font-size:21px}\r\n  .tr-ep .ep-ed b{font-size:30px;min-width:64px}\r\n}\r\n\r\n\/* 6. implic\u0103-te *\/\r\n.tr-ep .ep-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}\r\n.tr-ep .ep-h{background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px 28px;display:flex;flex-direction:column;transition:border-color .2s ease}\r\n.tr-ep .ep-h:hover{border-color:var(--green)}\r\n.tr-ep .ep-h h3{font-size:19px;font-weight:600;margin:0 0 8px;color:var(--ink)}\r\n.tr-ep .ep-h p{font-size:14.5px;color:var(--muted);line-height:1.65;margin:0 0 18px;flex:1}\r\n.tr-ep .ep-h .ep-more{align-self:flex-start}\r\n\r\n\/* 7. CTA *\/\r\n.tr-ep .ep-cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#8E2463 0%,#B8337F 60%,#C95A93 100%);border-radius:28px;padding:56px 40px;color:#fff;text-align:center}\r\n.tr-ep .ep-cta::before{content:\"\";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-130px;background:rgba(246,178,60,.28);pointer-events:none}\r\n.tr-ep .ep-cta::after{content:\"\";position:absolute;width:220px;height:220px;border-radius:50%;left:-80px;bottom:-120px;background:rgba(120,205,110,.35);pointer-events:none}\r\n.tr-ep .ep-cta > *{position:relative;z-index:1}\r\n.tr-ep .ep-cta h2{color:#fff}\r\n.tr-ep .ep-cta p{color:rgba(255,255,255,.92);font-size:16.5px;line-height:1.7;max-width:640px;margin:0 auto 28px}\r\n\r\n@media(max-width:980px){\r\n  .tr-ep section.ep-sec{padding:70px 0}\r\n  .tr-ep .ep-stats{grid-template-columns:repeat(2,1fr);row-gap:30px}\r\n  .tr-ep .ep-club,.tr-ep .ep-map{grid-template-columns:1fr;gap:36px}\r\n  .tr-ep .ep-gallery{grid-template-columns:1fr 1fr}\r\n  .tr-ep .ep-pic{height:300px}\r\n  .tr-ep .ep-proj{grid-template-columns:1fr}\r\n  .tr-ep .ep-proj .img{min-height:260px}\r\n  .tr-ep .ep-grid3{grid-template-columns:1fr 1fr}\r\n}\r\n@media(max-width:640px){\r\n  .tr-ep .ep-hero{min-height:440px;padding:60px 20px;border-radius:0 0 28px 28px;align-items:flex-end}\r\n  .tr-ep .ep-hero::after{background:linear-gradient(180deg,rgba(142,36,99,.25) 0%,rgba(94,22,64,.88) 70%)}\r\n  .tr-ep .ep-btns .ep-btn{width:100%}\r\n  .tr-ep .ep-stats{gap:24px 12px}\r\n  .tr-ep .ep-stat b{font-size:34px}\r\n  .tr-ep .ep-stat span{font-size:13px}\r\n  .tr-ep .ep-gallery{grid-template-columns:1fr}\r\n  .tr-ep .ep-pic{height:240px}\r\n  .tr-ep .ep-box{padding:22px 18px}\r\n  .tr-ep .ep-proj .img{min-height:220px}\r\n  .tr-ep .ep-proj .body{padding:26px 22px}\r\n  .tr-ep .ep-proj h3{font-size:21px}\r\n  .tr-ep .ep-grid3{grid-template-columns:1fr}\r\n  .tr-ep .ep-cta{padding:44px 22px}\r\n}\r\n<\/style>\r\n\r\n<div class=\"tr-ep\">\r\n\r\n  <!-- 1. HERO \u2013 poz\u0103 pe tot fundalul -->\r\n  <header class=\"ep-hero\">\r\n    <img decoding=\"async\" class=\"ep-hero-bg\" src=\"LINK-POZA-EDUCATIE-HERO\" alt=\"Educa\u021bie prin experien\u021b\u0103 \u2013 Touched Rom\u00e2nia\" loading=\"eager\">\r\n    <div class=\"ep-hero-in\">\r\n      <div class=\"ep-hero-txt\">\r\n        <h1>Educa\u021bie pentru via\u021b\u0103, <span>nu doar pentru note!<\/span><\/h1>\r\n        <div class=\"ep-btns\">\r\n          <a class=\"ep-btn ep-btn-o\" href=\"#ep-club\">Clubul Adolescen\u021bilor<\/a>\r\n          <a class=\"ep-btn ep-btn-l\" href=\"#ep-digital\">Proiecte digitale<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <!-- 2. INTRO + CIFRE -->\r\n  <section class=\"ep-sec\" style=\"padding-bottom:40px\">\r\n    <div class=\"ep-wrap\">\r\n      <div class=\"ep-center\">\r\n        <span class=\"ep-eye\">Educa\u021bie prin experien\u021b\u0103<\/span>\r\n        <p class=\"ep-lead\">Pentru adolescen\u021bi, copii \u0219i mame din comunit\u0103\u021bi vulnerabile, \u00eenv\u0103\u021barea \u00eenseamn\u0103 experien\u021be reale: ateliere, excursii, tabere \u0219i proiecte care \u00eei preg\u0103tesc pentru via\u021b\u0103.<\/p>\r\n      <\/div>\r\n      <div class=\"ep-stats\">\r\n        <div class=\"ep-stat\"><b data-to=\"20\" data-pre=\"~\">~20<\/b><span>adolescen\u021bi particip\u0103 constant la club<\/span><\/div>\r\n        <div class=\"ep-stat\"><b data-to=\"164\">164<\/b><span>participan\u021bi la CyberAware (2024)<\/span><\/div>\r\n        <div class=\"ep-stat\"><b data-to=\"90\" data-suf=\"+\">90+<\/b><span>tineri \u0219i p\u0103rin\u021bi \u00een Play Everyday (2025)<\/span><\/div>\r\n        <div class=\"ep-stat\"><b data-to=\"70\">70<\/b><span>copii \u00een activit\u0103\u021bi educa\u021bionale \u00een 2025<\/span><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 3. CLUBUL ADOLESCEN\u021aILOR -->\r\n  <section class=\"ep-sec\" id=\"ep-club\" style=\"padding-top:50px\">\r\n    <div class=\"ep-wrap\">\r\n      <div class=\"ep-club\">\r\n        <div class=\"ep-photos\">\r\n          <!-- \u00cenlocui\u021bi linkurile de mai jos cu cele din Media Library, dac\u0103 e nevoie -->\r\n          <div class=\"ep-ph\"><span class=\"ph-ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><circle cx=\"9\" cy=\"10\" r=\"2\"\/><path d=\"M21 16l-5-5-8 8\"\/><\/svg><\/span><img decoding=\"async\" src=\"https:\/\/touchedromania.weburl.ro\/wp-content\/uploads\/2026\/08\/Clubul-Adolescentilor-1.jpg\" alt=\"Adolescen\u021bi la o activitate a Clubului Adolescen\u021bilor\" loading=\"lazy\" onerror=\"this.parentNode.classList.add('noimg')\"><\/div>\r\n          <div class=\"ep-ph\"><span class=\"ph-ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><circle cx=\"9\" cy=\"10\" r=\"2\"\/><path d=\"M21 16l-5-5-8 8\"\/><\/svg><\/span><img decoding=\"async\" src=\"https:\/\/touchedromania.weburl.ro\/wp-content\/uploads\/2026\/08\/Clubul-Adolescentilor-2.jpg\" alt=\"\u00cent\u00e2lnire a Clubului Adolescen\u021bilor\" loading=\"lazy\" onerror=\"this.parentNode.classList.add('noimg')\"><\/div>\r\n          <div class=\"ep-ph\"><span class=\"ph-ph\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"\/><circle cx=\"9\" cy=\"10\" r=\"2\"\/><path d=\"M21 16l-5-5-8 8\"\/><\/svg><\/span><img decoding=\"async\" src=\"https:\/\/touchedromania.weburl.ro\/wp-content\/uploads\/2026\/09\/Scoala-de-vara-si-Educatie-WhatsApp-Image-2026-08-28-at-18.28.58.jpeg\" alt=\"Activitate educa\u021bional\u0103 Touched Rom\u00e2nia\" loading=\"lazy\" onerror=\"this.parentNode.classList.add('noimg')\"><\/div>\r\n        <\/div>\r\n        <div>\r\n          <span class=\"ep-eye\">Clubul Adolescen\u021bilor<\/span>\r\n          <h2>Un loc unde tinerii se simt asculta\u021bi<\/h2>\r\n          <p class=\"ep-lead\">Clubul Adolescen\u021bilor este un spa\u021biu dedicat dezvolt\u0103rii personale, socializ\u0103rii \u0219i form\u0103rii tinerilor vulnerabili. \u00centr-un mediu sigur \u0219i prietenos, ei \u00eenva\u021b\u0103 \u00eempreun\u0103 ce \u00eenseamn\u0103 s\u0103 devin\u0103 cet\u0103\u021beni activi, implica\u021bi \u0219i responsabili.<\/p>\r\n          <p class=\"ep-lead\">Clubul este mai mult dec\u00e2t un program educa\u021bional: este o comunitate \u00een care tinerii \u00eenva\u021b\u0103 c\u0103 au valoare, c\u0103 vocea lor conteaz\u0103 \u0219i c\u0103 pot contribui activ la societate.<\/p>\r\n          <div class=\"ep-facts\">\r\n            <div><b>~20<\/b><small>adolescen\u021bi particip\u0103 constant<\/small><\/div>\r\n            <div><b>La 2 s\u0103pt\u0103m\u00e2ni<\/b><small>au loc \u00eent\u00e2lnirile clubului<\/small><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 4. ACTIVIT\u0102\u021aI \u2192 ABILIT\u0102\u021aI -->\r\n  <section class=\"ep-sec ep-soft\">\r\n    <div class=\"ep-wrap\">\r\n      <div class=\"ep-center\">\r\n        <span class=\"ep-eye\">Ce facem la club<\/span>\r\n        <h2>Fiecare experien\u021b\u0103, o abilitate c\u00e2\u0219tigat\u0103<\/h2>\r\n        <p class=\"ep-lead\">Alege o activitate \u0219i vezi ce abilit\u0103\u021bi \u00eei ajut\u0103 pe tineri s\u0103-\u0219i dezvolte.<\/p>\r\n      <\/div>\r\n      <div class=\"ep-map\">\r\n        <div class=\"ep-box\">\r\n          <h3>Activit\u0103\u021bi<\/h3>\r\n          <div class=\"ep-acts\" id=\"epActs\" role=\"tablist\" aria-label=\"Activit\u0103\u021bile clubului\"><\/div>\r\n        <\/div>\r\n        <div class=\"ep-box\">\r\n          <h3>Abilit\u0103\u021bi dezvoltate<\/h3>\r\n          <div class=\"ep-skills\" id=\"epSkills\"><\/div>\r\n          <div class=\"ep-desc\" id=\"epDesc\" aria-live=\"polite\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 5. PROIECTE DIGITALE -->\r\n  <section class=\"ep-sec\" id=\"ep-digital\">\r\n    <div class=\"ep-wrap\">\r\n      <div class=\"ep-center\">\r\n        <span class=\"ep-eye\">Educa\u021bie digital\u0103<\/span>\r\n        <h2>Siguri \u0219i \u00eencrez\u0103tori \u00een lumea online<\/h2>\r\n        <p class=\"ep-lead\">Prin proiecte dedicate, tinerii, copiii \u0219i mamele singure \u00eenva\u021b\u0103 s\u0103 foloseasc\u0103 tehnologia \u00een mod responsabil \u0219i \u00een siguran\u021b\u0103.<\/p>\r\n      <\/div>\r\n      <article class=\"ep-proj\">\r\n        <div class=\"img\"><img decoding=\"async\" src=\"https:\/\/www.touchedromania.davidhub.ro\/wp-content\/uploads\/2026\/09\/WhatsApp-Image-2026-09-28-at-16.50.39.jpeg\" alt=\"Educa\u021bie digital\u0103 cu tinerii \u0219i mamele\" loading=\"lazy\" onerror=\"this.parentNode.classList.add('noimg')\"><\/div>\r\n        <div class=\"body\">\r\n          <span class=\"with\">Cu sprijinul Funda\u021biei Orange<\/span>\r\n          <h3>CyberAware &amp; Play Everyday<\/h3>\r\n          <p>Ateliere interactive, dezbateri, grupuri de suport \u0219i sesiuni practice despre siguran\u021ba online, protec\u021bia datelor, dezinformare, cyberbullying \u0219i identitatea digital\u0103, pentru tineri, copii \u0219i mame singure.<\/p>\r\n          <div class=\"ep-ed\">\r\n            <div><b>164<\/b><strong>2024 \u00b7 CyberAware \u00een Jungla Digital\u0103<\/strong><span>femei, tineri \u0219i copii participan\u021bi<\/span><\/div>\r\n            <div><b>90+<\/b><strong>2025 \u00b7 Play Everyday<\/strong><span>tineri \u0219i p\u0103rin\u021bi din comunit\u0103\u021bi vulnerabile<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/article>\r\n      <p class=\"ep-thanks\">Mul\u021bumim <b>Funda\u021biei Orange<\/b> pentru sprijinul oferit ambelor proiecte.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 6. IMPLIC\u0102-TE -->\r\n  <section class=\"ep-sec ep-soft\">\r\n    <div class=\"ep-wrap\">\r\n      <div class=\"ep-center\">\r\n        <span class=\"ep-eye\">Implic\u0103-te<\/span>\r\n        <h2>Ofer\u0103-le o experien\u021b\u0103 nou\u0103<\/h2>\r\n        <p class=\"ep-lead\">Pentru mul\u021bi dintre ace\u0219ti tineri, o excursie, o tab\u0103r\u0103 sau un atelier sunt oportunit\u0103\u021bi pe care altfel nu le-ar avea.<\/p>\r\n      <\/div>\r\n      <div class=\"ep-grid3\">\r\n        <div class=\"ep-h\"><h3>\u021aine un atelier<\/h3><p>Ai o meserie, un hobby sau o poveste de \u00eemp\u0103rt\u0103\u0219it? Vino ca voluntar la o \u00eent\u00e2lnire a clubului.<\/p><a class=\"ep-more\" href=\"mailto:touchedromania@aol.com?subject=Voluntar%20-%20Clubul%20Adolescen%C8%9Bilor\">Scrie-ne &rarr;<\/a><\/div>\r\n        <div class=\"ep-h\"><h3>Sus\u021bine o excursie sau o tab\u0103r\u0103<\/h3><p>Ca firm\u0103 sau persoan\u0103 fizic\u0103, po\u021bi acoperi transportul, cazarea sau biletele pentru o experien\u021b\u0103 de neuitat.<\/p><a class=\"ep-more\" href=\"mailto:touchedromania@aol.com?subject=Sus%C8%9Bin%20o%20excursie%20sau%20tab%C4%83r%C4%83\">Hai s\u0103 vorbim &rarr;<\/a><\/div>\r\n        <div class=\"ep-h\"><h3>Doneaz\u0103<\/h3><p>Orice dona\u021bie ne ajut\u0103 s\u0103 organiz\u0103m mai multe activit\u0103\u021bi educa\u021bionale pentru copii \u0219i tineri.<\/p><a class=\"ep-more\" href=\"\/doneaza\/\">Doneaz\u0103 acum &rarr;<\/a><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- 7. CTA -->\r\n  <section class=\"ep-sec\">\r\n    <div class=\"ep-wrap\">\r\n      <div class=\"ep-cta\">\r\n        <h2>Ajut\u0103-i s\u0103-\u0219i construiasc\u0103 un viitor plin de oportunit\u0103\u021bi<\/h2>\r\n        <p>Prin sprijin constant \u0219i experien\u021be formative, \u00eei ajut\u0103m pe tineri s\u0103-\u0219i construiasc\u0103 un viitor mai stabil \u0219i mai sigur.<\/p>\r\n        <div class=\"ep-btns\">\r\n          <a class=\"ep-btn ep-btn-o\" href=\"\/doneaza\/\">Doneaz\u0103<\/a>\r\n          <a class=\"ep-btn ep-btn-l\" href=\"\/formular-230\/\">Redirec\u021bioneaz\u0103 3,5%<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  var root=document.querySelector('.tr-ep'); if(!root) return;\r\n\r\n  \/* poze lips\u0103: fundal colorat \u00een loc de imagine rupt\u0103 *\/\r\n  root.querySelectorAll('.ep-pic, .ep-proj .img').forEach(function(box){\r\n    var img=box.querySelector('img'); if(!img) return;\r\n    function fail(){box.classList.add('noimg')}\r\n    if(\/^LINK-\/.test(img.getAttribute('src'))){fail();return}\r\n    img.addEventListener('error',fail);\r\n    if(img.complete&&img.naturalWidth===0)fail();\r\n  });\r\n  var hb=root.querySelector('.ep-hero-bg');\r\n  if(hb){\r\n    function hide(){hb.style.display='none'}\r\n    if(\/^LINK-\/.test(hb.getAttribute('src')))hide();else hb.addEventListener('error',hide);\r\n  }\r\n\r\n  \/* activit\u0103\u021bi \u2192 abilit\u0103\u021bi *\/\r\n  var acts=document.getElementById('epActs'); if(!acts) return;\r\n  var SK=['\u00cencredere \u00een sine','Lucru \u00een echip\u0103','Comunicare','Responsabilitate','Exprimarea emo\u021biilor','Rela\u021bii cu ceilal\u021bi','Cet\u0103\u021benie activ\u0103','Descoperirea lumii'];\r\n  var I={\r\n    a:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10L12 5 2 10l10 5 10-5z\"\/><path d=\"M6 12v5c3 2 9 2 12 0v-5\"\/><\/svg>',\r\n    b:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3v4M12 17v4M3 12h4M17 12h4\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><\/svg>',\r\n    c:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z\"\/><\/svg>',\r\n    d:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M3 20l6-14 4 8 3-5 5 11z\"\/><\/svg>',\r\n    e:'<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 21V5a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v16l-8-4z\"\/><\/svg>'\r\n  };\r\n  var A=[\r\n    {ic:'a',t:'Educa\u021bie non-formal\u0103',s:[0,2,6],d:'<b>\u00cenv\u0103\u021bare f\u0103r\u0103 catalog.<\/b> Prin jocuri, exerci\u021bii \u0219i proiecte, tinerii descoper\u0103 ce \u00eenseamn\u0103 s\u0103 fie cet\u0103\u021beni activi, implica\u021bi \u0219i responsabili.'},\r\n    {ic:'b',t:'Ateliere de dezvoltare personal\u0103',s:[0,4,3],d:'<b>Mai mult\u0103 \u00eencredere.<\/b> Atelierele \u00eei ajut\u0103 pe tineri s\u0103 se cunoasc\u0103 mai bine \u0219i s\u0103-\u0219i descopere poten\u021bialul.'},\r\n    {ic:'c',t:'Discu\u021bii despre via\u021ba de zi cu zi',s:[2,4,5],d:'<b>Vocea lor conteaz\u0103.<\/b> Discut\u0103m teme importante pentru via\u021ba de zi cu zi, iar tinerii se simt asculta\u021bi, accepta\u021bi \u0219i \u00eencuraja\u021bi s\u0103-\u0219i exprime ideile \u0219i emo\u021biile.'},\r\n    {ic:'d',t:'Excursii \u0219i tabere',s:[1,3,7,5],d:'<b>Experien\u021be noi.<\/b> Excursiile \u0219i taberele le ofer\u0103 oportunit\u0103\u021bi pe care mul\u021bi nu le-ar avea altfel: descoper\u0103 lumea, lucreaz\u0103 \u00een echip\u0103 \u0219i \u00ee\u0219i asum\u0103 responsabilit\u0103\u021bi.'},\r\n    {ic:'e',t:'Evenimente culturale \u0219i socializare',s:[5,7,2,0],d:'<b>\u00cempreun\u0103.<\/b> Evenimentele culturale \u0219i activit\u0103\u021bile de socializare \u00eei ajut\u0103 s\u0103-\u0219i construiasc\u0103 rela\u021bii \u0219i \u00eencredere \u00een cei din jur.'}\r\n  ];\r\n  var sk=document.getElementById('epSkills'),desc=document.getElementById('epDesc'),bs=[],ss=[];\r\n  SK.forEach(function(t){var s=document.createElement('span');s.className='ep-skill';s.textContent=t;sk.appendChild(s);ss.push(s)});\r\n  A.forEach(function(a,i){\r\n    var b=document.createElement('button');b.type='button';b.className='ep-act';b.setAttribute('role','tab');\r\n    b.innerHTML='<span class=\"e\">'+I[a.ic]+'<\/span><span>'+a.t+'<\/span>';\r\n    b.addEventListener('click',function(){show(i)});acts.appendChild(b);bs.push(b);\r\n  });\r\n  function show(i){\r\n    bs.forEach(function(b,k){b.classList.toggle('on',k===i);b.setAttribute('aria-selected',k===i)});\r\n    ss.forEach(function(s,k){s.classList.toggle('on',A[i].s.indexOf(k)>-1)});\r\n    desc.innerHTML=A[i].d;\r\n  }\r\n  show(3);\r\n\r\n  \/* cifrele cresc la derulare *\/\r\n  if(!('IntersectionObserver' in window)) return;\r\n  var io=new IntersectionObserver(function(es){es.forEach(function(e){\r\n    if(!e.isIntersecting) return;io.unobserve(e.target);\r\n    var el=e.target,to=+el.getAttribute('data-to'),pre=el.getAttribute('data-pre')||'',suf=el.getAttribute('data-suf')||'',t0=null;\r\n    (function f(t){if(!t0)t0=t;var p=Math.min((t-t0)\/1400,1);el.textContent=pre+Math.round(to*(1-Math.pow(1-p,3)))+suf;if(p<1)requestAnimationFrame(f)})(performance.now());\r\n  })},{threshold:.5});\r\n  root.querySelectorAll('.ep-stat b[data-to]').forEach(function(n){io.observe(n)});\r\n})();\r\n<\/script>\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>Educa\u021bie pentru via\u021b\u0103, nu doar pentru note! Clubul Adolescen\u021bilor Proiecte digitale Educa\u021bie prin experien\u021b\u0103 Pentru adolescen\u021bi, copii \u0219i mame din comunit\u0103\u021bi vulnerabile, \u00eenv\u0103\u021barea \u00eenseamn\u0103 experien\u021be reale: ateliere, excursii, tabere \u0219i proiecte care \u00eei preg\u0103tesc pentru via\u021b\u0103. ~20adolescen\u021bi particip\u0103 constant la club 164participan\u021bi la CyberAware (2024) 90+tineri \u0219i p\u0103rin\u021bi \u00een Play Everyday (2025) 70copii \u00een activit\u0103\u021bi educa\u021bionale \u00een 2025 Clubul Adolescen\u021bilor Un loc unde tinerii se simt asculta\u021bi Clubul Adolescen\u021bilor este un spa\u021biu dedicat dezvolt\u0103rii personale, socializ\u0103rii \u0219i form\u0103rii tinerilor vulnerabili. \u00centr-un mediu sigur \u0219i prietenos, ei \u00eenva\u021b\u0103 \u00eempreun\u0103 ce \u00eenseamn\u0103 s\u0103 devin\u0103 cet\u0103\u021beni activi, implica\u021bi \u0219i responsabili. Clubul este mai mult dec\u00e2t un program educa\u021bional: este o comunitate \u00een care tinerii \u00eenva\u021b\u0103 c\u0103 au valoare, c\u0103 vocea lor conteaz\u0103 \u0219i c\u0103 pot contribui activ la societate. ~20adolescen\u021bi particip\u0103 constant La 2 s\u0103pt\u0103m\u00e2niau loc \u00eent\u00e2lnirile clubului Ce facem la club Fiecare experien\u021b\u0103, o abilitate c\u00e2\u0219tigat\u0103 Alege o activitate \u0219i vezi ce abilit\u0103\u021bi \u00eei ajut\u0103 pe tineri s\u0103-\u0219i dezvolte. Activit\u0103\u021bi Abilit\u0103\u021bi dezvoltate Educa\u021bie digital\u0103 Siguri \u0219i \u00eencrez\u0103tori \u00een lumea online Prin proiecte dedicate, tinerii, copiii \u0219i mamele singure \u00eenva\u021b\u0103 s\u0103 foloseasc\u0103 tehnologia \u00een mod responsabil \u0219i \u00een siguran\u021b\u0103. Cu sprijinul Funda\u021biei Orange CyberAware &amp; Play Everyday Ateliere interactive, dezbateri, grupuri de suport \u0219i sesiuni practice despre siguran\u021ba online, protec\u021bia datelor, dezinformare, cyberbullying \u0219i identitatea digital\u0103, pentru tineri, copii \u0219i mame singure. 1642024 \u00b7 CyberAware \u00een Jungla Digital\u0103femei, tineri \u0219i copii participan\u021bi 90+2025 \u00b7 Play Everydaytineri \u0219i p\u0103rin\u021bi din comunit\u0103\u021bi vulnerabile Mul\u021bumim Funda\u021biei Orange pentru sprijinul oferit ambelor proiecte. Implic\u0103-te Ofer\u0103-le o experien\u021b\u0103 nou\u0103 Pentru mul\u021bi dintre ace\u0219ti tineri, o excursie, o tab\u0103r\u0103 sau un atelier sunt oportunit\u0103\u021bi pe care altfel nu le-ar avea. \u021aine un atelier Ai o meserie, un hobby sau o poveste de \u00eemp\u0103rt\u0103\u0219it? Vino ca voluntar la o \u00eent\u00e2lnire a clubului. Scrie-ne &rarr; Sus\u021bine o excursie sau o tab\u0103r\u0103 Ca firm\u0103 sau persoan\u0103 fizic\u0103, po\u021bi acoperi transportul, cazarea sau biletele pentru o experien\u021b\u0103 de neuitat. Hai s\u0103 vorbim &rarr; Doneaz\u0103 Orice dona\u021bie ne ajut\u0103 s\u0103 organiz\u0103m mai multe activit\u0103\u021bi educa\u021bionale pentru copii \u0219i tineri. Doneaz\u0103 acum &rarr; Ajut\u0103-i s\u0103-\u0219i construiasc\u0103 un viitor plin de oportunit\u0103\u021bi Prin sprijin constant \u0219i experien\u021be formative, \u00eei ajut\u0103m pe tineri s\u0103-\u0219i construiasc\u0103 un viitor mai stabil \u0219i mai sigur. Doneaz\u0103 Redirec\u021bioneaz\u0103 3,5%<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-224","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.touchedromania.davidhub.ro\/en\/wp-json\/wp\/v2\/pages\/224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.touchedromania.davidhub.ro\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.touchedromania.davidhub.ro\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.touchedromania.davidhub.ro\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.touchedromania.davidhub.ro\/en\/wp-json\/wp\/v2\/comments?post=224"}],"version-history":[{"count":16,"href":"https:\/\/www.touchedromania.davidhub.ro\/en\/wp-json\/wp\/v2\/pages\/224\/revisions"}],"predecessor-version":[{"id":1986,"href":"https:\/\/www.touchedromania.davidhub.ro\/en\/wp-json\/wp\/v2\/pages\/224\/revisions\/1986"}],"wp:attachment":[{"href":"https:\/\/www.touchedromania.davidhub.ro\/en\/wp-json\/wp\/v2\/media?parent=224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}