{"id":272334,"date":"2022-08-09T17:57:07","date_gmt":"2022-08-09T14:57:07","guid":{"rendered":"https:\/\/livresq.com\/?p=272334"},"modified":"2026-09-03T11:17:07","modified_gmt":"2026-09-03T08:17:07","slug":"lista-platforme-educationale-romanesti","status":"publish","type":"post","link":"https:\/\/livresq.com\/ro\/news\/lista-platforme-educationale-romanesti\/","title":{"rendered":"List\u0103 platforme educa\u021bionale rom\u00e2ne\u0219ti"},"content":{"rendered":"\n\n\n\n \n \n List\u0103 platforme educa\u021bionale rom\u00e2ne\u0219ti – LIVRESQ<\/title>\n \n <!-- Google Fonts -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto:wght@400;500;700;900&display=swap\" rel=\"stylesheet\">\n \n <!-- Global Compatibility Safeguards for WordPress, Elementor & Custom HTML Embeds -->\n <script>\n window.React = window.React || {};\n window.ReactDOM = window.ReactDOM || {};\n window.tailwind = window.tailwind || {};\n window.tailwind.config = {\n theme: {\n extend: {\n colors: {\n midnight: '#0F1623',\n livresq: {\n fucsia: '#D91278', \/\/ Primary Action\n 'fucsia-dark': '#b00e60', \/\/ Hover State\n albastru: '#6fccf0', \/\/ Secondary \/ Light Blue\n blond: '#faed87', \/\/ Highlight \/ Yellow\n darkblue: '#2c3e50', \/\/ Text \/ Footer\n light: '#f8f9fa',\n text: '#333333'\n },\n slate: {\n 850: '#151e2e',\n 900: '#0F1623' \n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n heading: ['Roboto', 'sans-serif'],\n }\n }\n }\n };\n <\/script>\n \n <!-- Tailwind CSS (via CDN) -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <!-- Lucide Icons (via CDN) -->\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n\n <style>\n html { scroll-behavior: smooth; }\n \n \/* Grid Pattern *\/\n .bg-grid-overlay {\n background-size: 40px 40px;\n background-image: linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);\n }\n\n \/* NATIVE ANIMATIONS *\/\n @keyframes livresqFadeInUp {\n 0% { opacity: 0; transform: translateY(20px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n\n .livresq-animate-fade-in-up {\n animation: livresqFadeInUp 0.2s ease-out forwards;\n }\n\n \/* WordPress Admin Bar Compatibility *\/\n .admin-bar #navbar {\n top: 32px !important;\n }\n @media screen and (max-width: 782px) {\n .admin-bar #navbar {\n top: 46px !important;\n }\n }\n\n \/* Scrollbar hide utility *\/\n .no-scrollbar::-webkit-scrollbar {\n display: none;\n }\n .no-scrollbar {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n\n \/* Card & Section Action Button Hover Protection (prevents WordPress\/Elementor a:hover dark blue #002244 override) *\/\n a.card-action-btn,\n a.card-action-btn:hover,\n a.card-action-btn:focus,\n a.card-action-btn:active,\n a.card-action-btn *,\n button.card-action-btn,\n button.card-action-btn:hover,\n button.card-action-btn:focus,\n button.card-action-btn:active,\n button.card-action-btn * {\n color: #ffffff !important;\n text-decoration: none !important;\n }\n\n a.card-action-btn-blue,\n button.card-action-btn-blue {\n background-color: #1379D1 !important;\n color: #ffffff !important;\n }\n a.card-action-btn-blue:hover,\n button.card-action-btn-blue:hover {\n background-color: #0b5aa0 !important;\n color: #ffffff !important;\n box-shadow: 0 4px 14px rgba(19, 121, 209, 0.35) !important;\n transform: translateY(-1px);\n }\n\n a.card-action-btn-fucsia,\n button.card-action-btn-fucsia {\n background-color: #D91278 !important;\n color: #ffffff !important;\n }\n a.card-action-btn-fucsia:hover,\n button.card-action-btn-fucsia:hover {\n background-color: #b00e60 !important;\n color: #ffffff !important;\n box-shadow: 0 4px 14px rgba(217, 18, 120, 0.35) !important;\n transform: translateY(-1px);\n }\n\n \/* Hero & tags hover color protection *\/\n a.hero-breadcrumb-link:hover {\n color: #ffffff !important;\n }\n a.hero-author-link:hover {\n color: #6fccf0 !important;\n }\n a.article-tag:hover {\n color: #1379D1 !important;\n background-color: #e2e8f0 !important;\n }\n\n \/* Search Input Protection (prevents WordPress\/Elementor text overlap & square box) *\/\n input#directory-search-input,\n .directory-search-input,\n #directory input#directory-search-input {\n width: 100% !important;\n padding-left: 2.75rem !important; \/* 44px - ensures search icon never overlaps text *\/\n padding-right: 1rem !important;\n padding-top: 0.55rem !important;\n padding-bottom: 0.55rem !important;\n background-color: #ffffff !important;\n color: #0f172a !important;\n border: 1px solid #cbd5e1 !important;\n border-radius: 0.5rem !important; \/* 8px rounded *\/\n font-size: 0.8125rem !important;\n line-height: 1.25rem !important;\n height: 38px !important;\n min-height: 38px !important;\n box-sizing: border-box !important;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n outline: none !important;\n transition: border-color 0.2s, box-shadow 0.2s !important;\n }\n input#directory-search-input:focus,\n .directory-search-input:focus,\n #directory input#directory-search-input:focus {\n border-color: #1379D1 !important;\n box-shadow: 0 0 0 3px rgba(19, 121, 209, 0.18) !important;\n outline: none !important;\n }\n input#directory-search-input::placeholder,\n .directory-search-input::placeholder {\n color: #94a3b8 !important;\n opacity: 1 !important;\n }\n\n \/* Search Magnifying Glass Icon *\/\n .search-input-icon,\n #directory .search-input-icon {\n position: absolute !important;\n left: 0.875rem !important; \/* 14px *\/\n top: 50% !important;\n transform: translateY(-50%) !important;\n color: #94a3b8 !important;\n pointer-events: none !important;\n z-index: 10 !important;\n width: 1rem !important;\n height: 1rem !important;\n }\n\n \/* View Mode Switcher Container (Gril\u0103 \/ Tabel) *\/\n .view-mode-container,\n #directory .view-mode-container {\n display: inline-flex !important;\n align-items: center !important;\n background-color: #ffffff !important;\n border: 1px solid #cbd5e1 !important;\n border-radius: 0.5rem !important; \/* 8px *\/\n padding: 3px !important;\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;\n gap: 3px !important;\n box-sizing: border-box !important;\n height: 38px !important;\n }\n\n \/* View Mode Switcher Buttons (eliminates WordPress red\/pink borders & outlines) *\/\n button.view-mode-btn,\n #directory button.view-mode-btn,\n button#view-grid-btn,\n button#view-table-btn {\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 0.375rem !important;\n padding: 0.375rem 0.75rem !important;\n border-radius: 0.375rem !important; \/* 6px *\/\n font-size: 0.75rem !important; \/* 12px *\/\n font-weight: 700 !important;\n border: none !important;\n border-width: 0 !important;\n outline: none !important;\n cursor: pointer !important;\n transition: all 0.15s ease !important;\n line-height: 1 !important;\n box-shadow: none !important;\n height: 30px !important;\n box-sizing: border-box !important;\n background-color: transparent !important;\n color: #475569 !important;\n text-decoration: none !important;\n }\n\n button.view-mode-btn:hover,\n #directory button.view-mode-btn:hover,\n button#view-grid-btn:hover,\n button#view-table-btn:hover {\n background-color: #f1f5f9 !important;\n color: #0f172a !important;\n border: none !important;\n outline: none !important;\n }\n\n button.view-mode-btn.active,\n #directory button.view-mode-btn.active,\n button#view-grid-btn.active,\n button#view-table-btn.active {\n background-color: #1379D1 !important;\n color: #ffffff !important;\n border: none !important;\n box-shadow: 0 1px 2px rgba(19, 121, 209, 0.25) !important;\n }\n\n button.view-mode-btn.active *,\n #directory button.view-mode-btn.active *,\n button#view-grid-btn.active *,\n button#view-table-btn.active * {\n color: #ffffff !important;\n }\n\n button.view-mode-btn:not(.active) *,\n #directory button.view-mode-btn:not(.active) *,\n button#view-grid-btn:not(.active) *,\n button#view-table-btn:not(.active) * {\n color: inherit !important;\n }\n\n \/* Category Filter Pills (eliminates unwanted pink background on hover) *\/\n button.category-filter-pill,\n #directory button.category-filter-pill {\n display: inline-flex !important;\n align-items: center !important;\n gap: 0.375rem !important;\n padding: 0.375rem 0.875rem !important;\n border-radius: 9999px !important;\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n line-height: 1.25 !important;\n white-space: nowrap !important;\n cursor: pointer !important;\n transition: all 0.2s ease !important;\n outline: none !important;\n box-shadow: none !important;\n background-color: #ffffff !important;\n color: #334155 !important;\n border: 1px solid #e2e8f0 !important;\n text-decoration: none !important;\n }\n\n \/* INACTIVE PILL HOVER: Clean light-slate\/blue, NEVER PINK! *\/\n button.category-filter-pill:not(.active):hover,\n button.category-filter-pill:not(.active):focus,\n #directory button.category-filter-pill:not(.active):hover,\n #directory button.category-filter-pill:not(.active):focus {\n background-color: #f1f5f9 !important;\n color: #1379D1 !important;\n border-color: #cbd5e1 !important;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;\n transform: translateY(-1px) !important;\n }\n\n button.category-filter-pill:not(.active):hover *,\n #directory button.category-filter-pill:not(.active):hover * {\n color: #1379D1 !important;\n }\n\n \/* ACTIVE PILL: LIVRESQ Fuchsia *\/\n button.category-filter-pill.active,\n #directory button.category-filter-pill.active {\n background-color: #D91278 !important;\n color: #ffffff !important;\n border: 1px solid #D91278 !important;\n box-shadow: 0 2px 8px rgba(217, 18, 120, 0.25) !important;\n }\n\n button.category-filter-pill.active:hover,\n button.category-filter-pill.active:focus,\n #directory button.category-filter-pill.active:hover,\n #directory button.category-filter-pill.active:focus {\n background-color: #b00e60 !important;\n color: #ffffff !important;\n border: 1px solid #b00e60 !important;\n transform: translateY(-1px) !important;\n }\n\n button.category-filter-pill.active *,\n #directory button.category-filter-pill.active * {\n color: #ffffff !important;\n }\n\n \/* Pill Count Badges *\/\n .pill-badge {\n font-size: 10px !important;\n font-weight: 700 !important;\n padding: 0.1rem 0.45rem !important;\n border-radius: 9999px !important;\n display: inline-block !important;\n transition: all 0.15s ease !important;\n line-height: 1.2 !important;\n }\n\n button.category-filter-pill:not(.active) .pill-badge {\n background-color: #f1f5f9 !important;\n color: #64748b !important;\n }\n\n button.category-filter-pill:not(.active):hover .pill-badge {\n background-color: #e2e8f0 !important;\n color: #1379D1 !important;\n }\n\n button.category-filter-pill.active .pill-badge {\n background-color: rgba(255, 255, 255, 0.25) !important;\n color: #ffffff !important;\n }\n\n \/* Card Copy Link Button *\/\n button.card-copy-btn,\n #directory button.card-copy-btn {\n background-color: #ffffff !important;\n color: #475569 !important;\n border: 1px solid #e2e8f0 !important;\n border-radius: 0.5rem !important;\n padding: 0.625rem !important;\n outline: none !important;\n box-shadow: none !important;\n cursor: pointer !important;\n transition: all 0.15s ease !important;\n }\n button.card-copy-btn:hover,\n #directory button.card-copy-btn:hover {\n background-color: #f8fafc !important;\n color: #0f172a !important;\n border-color: #cbd5e1 !important;\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-800 antialiased bg-slate-50 selection:bg-[#D91278] selection:text-white\">\n\n <!-- MAIN CONTENT (No header\/navbar for clean WordPress embed) -->\n <main class=\"pt-0\">\n\n <!-- ==========================================\n 2. HERO SECTION\n =========================================== -->\n <section class=\"relative bg-gradient-to-b from-slate-900 via-[#0F1623] to-[#1379D1]\/10 text-white overflow-hidden pt-20 pb-16 lg:pt-28 lg:pb-20\">\n <div class=\"absolute top-0 right-0 w-[650px] h-[650px] bg-[#1379D1]\/20 rounded-full blur-[140px] pointer-events-none\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-[550px] h-[550px] bg-[#D91278]\/15 rounded-full blur-[130px] pointer-events-none\"><\/div>\n <div class=\"absolute inset-0 bg-grid-overlay opacity-30 pointer-events-none\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <nav class=\"flex items-center gap-2 text-xs font-semibold text-slate-400 mb-6 uppercase tracking-wider\">\n <a href=\"https:\/\/livresq.com\/ro\/\" class=\"hero-breadcrumb-link text-slate-400 hover:!text-white transition-colors\">Prima pagin\u0103<\/a>\n <span>\/<\/span>\n <a href=\"https:\/\/livresq.com\/ro\/blog\/\" class=\"hero-breadcrumb-link text-slate-400 hover:!text-white transition-colors\">News<\/a>\n <span>\/<\/span>\n <span class=\"text-[#6fccf0]\">List\u0103 platforme educa\u021bionale rom\u00e2ne\u0219ti<\/span>\n <\/nav>\n\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-10 items-center\">\n <div class=\"lg:col-span-8 flex flex-col items-start\">\n <div class=\"inline-flex items-center gap-2 py-1.5 px-3.5 rounded-full border border-[#6fccf0]\/30 bg-[#1379D1]\/20 text-[#6fccf0] text-xs font-bold uppercase tracking-widest mb-6 backdrop-blur-md\">\n <i data-lucide=\"sparkles\" class=\"w-3.5 h-3.5 text-[#faed87]\"><\/i>\n <span>Ghid & Director EdTech Rom\u00e2nia<\/span>\n <span class=\"w-1.5 h-1.5 rounded-full bg-emerald-400 animate-ping\"><\/span>\n <\/div>\n\n <h1 class=\"text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-heading font-black text-white leading-[1.15] tracking-tight mb-6\">\n List\u0103 platforme educa\u021bionale rom\u00e2ne\u0219ti\n <span class=\"block mt-2 text-transparent bg-clip-text bg-gradient-to-r from-[#D91278] via-[#f7529d] to-[#6fccf0]\">\n (\u00een continu\u0103 completare)\n <\/span>\n <\/h1>\n\n <p class=\"text-lg sm:text-xl text-slate-300 leading-relaxed max-w-2xl mb-8\">\n Cele mai importante solu\u021bii \u0219i platforme rom\u00e2ne\u0219ti ce sus\u021bin educa\u021bia digital\u0103: de la nivel pre\u0219colar, primar \u0219i gimnazial p\u00e2n\u0103 la liceu, nivel universitar \u0219i formare continu\u0103.\n <\/p>\n\n <!-- Author Box -->\n <div class=\"w-full max-w-2xl bg-slate-800\/60 backdrop-blur-md rounded-xl border border-slate-700\/60 p-4 sm:p-5 flex flex-wrap items-center justify-between gap-4 shadow-xl\">\n <div class=\"flex items-center gap-3.5\">\n <a href=\"https:\/\/www.linkedin.com\/in\/malureanu\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"relative group block\">\n <img decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2020\/05\/Alex.jpeg?fit=232%2C217&ssl=1\" alt=\"Alex Malureanu\" class=\"w-12 h-12 rounded-full object-cover border-2 border-[#D91278] group-hover:scale-105 transition-transform\">\n <\/a>\n <div>\n <a href=\"https:\/\/www.linkedin.com\/in\/malureanu\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hero-author-link text-white font-bold text-base hover:!text-[#6fccf0] transition-colors flex items-center gap-1.5\">\n Alex M\u0103lureanu\n <\/a>\n <p class=\"text-xs text-slate-400 font-medium\">Co-fondator Ascendia \/ LIVRESQ<\/p>\n <\/div>\n <\/div>\n\n <div class=\"flex items-center gap-4 text-xs font-semibold text-slate-300 border-t sm:border-t-0 sm:border-l border-slate-700 pt-2 sm:pt-0 sm:pl-4\">\n <div class=\"flex items-center gap-1.5\">\n <i data-lucide=\"calendar\" class=\"w-4 h-4 text-[#6fccf0]\"><\/i>\n <span>Actualizat Septembrie 2026<\/span>\n <\/div>\n <div class=\"flex items-center gap-1.5\">\n <i data-lucide=\"clock\" class=\"w-4 h-4 text-[#faed87]\"><\/i>\n <span>6 min de lectur\u0103<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Right Column: Visual Card -->\n <div class=\"lg:col-span-4 flex flex-col items-center justify-center\">\n <div class=\"relative group w-full max-w-sm\">\n <div class=\"absolute -inset-1 bg-gradient-to-r from-[#1379D1] via-[#D91278] to-[#6fccf0] rounded-2xl blur-lg opacity-40 group-hover:opacity-70 transition duration-500\"><\/div>\n <div class=\"relative bg-slate-900 border border-slate-700\/80 rounded-2xl p-5 shadow-2xl overflow-hidden\">\n <div class=\"relative overflow-hidden rounded-xl mb-4 aspect-[4\/5] bg-slate-800\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/09\/LISTA-24-PLATFORME-ROMANESTI-PENTRU-EDUCATIE-Postare-Instagram-Editabila-4.png?w=800&ssl=1\" alt=\"List\u0103 platforme rom\u00e2ne\u0219ti pentru educa\u021bie\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-500\">\n <\/div>\n <div class=\"grid grid-cols-2 gap-2 text-center pt-1\">\n <div class=\"bg-slate-800\/80 border border-slate-700\/50 p-2.5 rounded-lg\">\n <span class=\"text-xl font-black text-[#6fccf0] font-heading block\">25<\/span>\n <span class=\"text-[10px] uppercase font-bold text-slate-400\">Platforme Listate<\/span>\n <\/div>\n <div class=\"bg-slate-800\/80 border border-slate-700\/50 p-2.5 rounded-lg\">\n <span class=\"text-xl font-black text-[#faed87] font-heading block\">194.754+<\/span>\n <span class=\"text-[10px] uppercase font-bold text-slate-400\">Biblioteca<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ==========================================\n 3. EDITORIAL & 5 PILLARS SECTION\n =========================================== -->\n <section class=\"py-14 bg-white border-b border-slate-200 relative\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n \n <div class=\"bg-gradient-to-r from-slate-50 via-blue-50\/40 to-pink-50\/30 rounded-2xl border border-slate-200\/80 p-6 sm:p-8 mb-12 shadow-sm\">\n <span class=\"text-xs font-black uppercase tracking-widest text-[#D91278] block mb-2 font-heading\">\n Mesaj C\u0103tre Comunitatea Educa\u021bional\u0103\n <\/span>\n <h2 class=\"text-2xl sm:text-3xl font-heading font-black text-slate-900 tracking-tight mb-4\">\n Dragi cadre didactice, p\u0103rin\u021bi \u0219i elevi,\n <\/h2>\n <p class=\"text-base sm:text-lg text-slate-700 leading-relaxed font-medium\">\n Pentru un \u00eenceput de an \u0219colar \u00een for\u021b\u0103 \u0219i pentru o digitalizare sustenabil\u0103 a orelor de curs, am sintetizat cele mai importante platforme educa\u021bionale din Rom\u00e2nia. Aceast\u0103 list\u0103 este un instrument de lucru deschis, menit s\u0103 v\u0103 ofere acces direct la uneltele potrivite fiec\u0103rei etape a procesului de predare-\u00eenv\u0103\u021bare.\n <\/p>\n <\/div>\n\n <div class=\"mb-4\">\n <div class=\"flex flex-col sm:flex-row sm:items-end justify-between mb-6 gap-4\">\n <div>\n <span class=\"text-xs font-bold uppercase tracking-widest text-[#1379D1]\">Arii de Acoperire<\/span>\n <h3 class=\"text-xl sm:text-2xl font-heading font-black text-slate-900 mt-1\">\n Lista acoper\u0103 toate nevoile educa\u021bionale esen\u021biale:\n <\/h3>\n <\/div>\n <span class=\"text-xs font-bold text-slate-400\">Selecteaz\u0103 un pilon pentru filtrare rapid\u0103<\/span>\n <\/div>\n\n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-5\">\n \n <!-- Pillar 1 -->\n <div onclick=\"filterByPillar('management')\" class=\"group bg-slate-50\/70 hover:bg-white border border-slate-200 hover:border-[#1379D1]\/40 rounded-xl p-5 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 cursor-pointer flex flex-col justify-between\">\n <div>\n <div class=\"flex items-center justify-between mb-3\">\n <div class=\"p-2.5 bg-white rounded-lg shadow-sm border border-slate-200\/80 text-[#1379D1]\">\n <i data-lucide=\"building-2\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <span class=\"text-xs font-black text-slate-300 font-mono\">01<\/span>\n <\/div>\n <span class=\"inline-block text-[10px] font-bold px-2 py-0.5 rounded border mb-2.5 bg-blue-50 text-[#1379D1] border-blue-200\">Management \u0218colar<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">Gestionare de procese din institu\u021bii<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Cataloage electronice, secretariat digital, management de clas\u0103, orare \u0219colare, comunicare securizat\u0103.<\/p>\n <\/div>\n <div class=\"mt-4 pt-3 border-t border-slate-200\/60 flex items-center justify-between text-[11px] font-bold text-[#1379D1]\">\n <span>Vezi platformele<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Pillar 2 -->\n <div onclick=\"filterByPillar('authoring')\" class=\"group bg-slate-50\/70 hover:bg-white border border-slate-200 hover:border-[#1379D1]\/40 rounded-xl p-5 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 cursor-pointer flex flex-col justify-between\">\n <div>\n <div class=\"flex items-center justify-between mb-3\">\n <div class=\"p-2.5 bg-white rounded-lg shadow-sm border border-slate-200\/80 text-[#D91278]\">\n <i data-lucide=\"file-check-2\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <span class=\"text-xs font-black text-slate-300 font-mono\">02<\/span>\n <\/div>\n <span class=\"inline-block text-[10px] font-bold px-2 py-0.5 rounded border mb-2.5 bg-pink-50 text-[#D91278] border-pink-200\">Editor & Standarde<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">Creare & integrare de materiale SCORM<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Resurse Educa\u021bionale Deschise (R.E.D.), editoare avansate interactive conforme SCORM \u0219i asisten\u021b\u0103 AI.<\/p>\n <\/div>\n <div class=\"mt-4 pt-3 border-t border-slate-200\/60 flex items-center justify-between text-[11px] font-bold text-[#1379D1]\">\n <span>Vezi platformele<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Pillar 3: REI \/ Incluziv -->\n <div onclick=\"filterByPillar('special_edu')\" class=\"group bg-slate-50\/70 hover:bg-white border border-slate-200 hover:border-[#1379D1]\/40 rounded-xl p-5 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 cursor-pointer flex flex-col justify-between\">\n <div>\n <div class=\"flex items-center justify-between mb-3\">\n <div class=\"p-2.5 bg-white rounded-lg shadow-sm border border-slate-200\/80 text-amber-600\">\n <i data-lucide=\"heart-handshake\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <span class=\"text-xs font-black text-slate-300 font-mono\">03<\/span>\n <\/div>\n <span class=\"inline-block text-[10px] font-bold px-2 py-0.5 rounded border mb-2.5 bg-amber-50 text-amber-700 border-amber-200\">Educa\u021bie Incluziv\u0103 & Special\u0103<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">Educa\u021bie incluziv\u0103 & logopedie (CES)<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Integrarea elevilor cu CES (ex. REI.PLUS), logopedie avizat\u0103 de minister, terapie digital\u0103 \u0219i materiale adaptate.<\/p>\n <\/div>\n <div class=\"mt-4 pt-3 border-t border-slate-200\/60 flex items-center justify-between text-[11px] font-bold text-[#1379D1]\">\n <span>Vezi platformele<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Pillar 4 -->\n <div onclick=\"filterByPillar('video_learning')\" class=\"group bg-slate-50\/70 hover:bg-white border border-slate-200 hover:border-[#1379D1]\/40 rounded-xl p-5 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 cursor-pointer flex flex-col justify-between\">\n <div>\n <div class=\"flex items-center justify-between mb-3\">\n <div class=\"p-2.5 bg-white rounded-lg shadow-sm border border-slate-200\/80 text-emerald-600\">\n <i data-lucide=\"share-2\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <span class=\"text-xs font-black text-slate-300 font-mono\">04<\/span>\n <\/div>\n <span class=\"inline-block text-[10px] font-bold px-2 py-0.5 rounded border mb-2.5 bg-emerald-50 text-emerald-700 border-emerald-200\">Distribu\u021bie & Biblioteci<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">Diseminare de materiale educa\u021bionale<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Biblioteci na\u021bionale de con\u021binut, lec\u021bii video interactive, jocuri didactice, platforme remediale.<\/p>\n <\/div>\n <div class=\"mt-4 pt-3 border-t border-slate-200\/60 flex items-center justify-between text-[11px] font-bold text-[#1379D1]\">\n <span>Vezi platformele<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <\/div>\n\n <!-- Pillar 5 -->\n <div onclick=\"filterByPillar('exams')\" class=\"group bg-slate-50\/70 hover:bg-white border border-slate-200 hover:border-[#1379D1]\/40 rounded-xl p-5 transition-all duration-300 hover:shadow-lg hover:-translate-y-1 cursor-pointer flex flex-col justify-between\">\n <div>\n <div class=\"flex items-center justify-between mb-3\">\n <div class=\"p-2.5 bg-white rounded-lg shadow-sm border border-slate-200\/80 text-purple-600\">\n <i data-lucide=\"bar-chart-3\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <span class=\"text-xs font-black text-slate-300 font-mono\">05<\/span>\n <\/div>\n <span class=\"inline-block text-[10px] font-bold px-2 py-0.5 rounded border mb-2.5 bg-purple-50 text-purple-700 border-purple-200\">Evaluare & Analytics<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">Raportare rezultate, timp & scoruri<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Testare digital\u0103 standardizat\u0103, monitorizare timp de testare, rapoarte de progres \u0219i evaluare obiectiv\u0103.<\/p>\n <\/div>\n <div class=\"mt-4 pt-3 border-t border-slate-200\/60 flex items-center justify-between text-[11px] font-bold text-[#1379D1]\">\n <span>Vezi platformele<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <!-- ==========================================\n 4. PLATFORMS DIRECTORY (25 Platforms)\n =========================================== -->\n <section id=\"directory\" class=\"py-12 bg-slate-50 relative min-h-[600px]\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n \n <!-- Section Header -->\n <div class=\"flex flex-col lg:flex-row lg:items-end justify-between gap-6 mb-8\">\n <div>\n <div class=\"flex items-center gap-2 mb-2\">\n <span class=\"inline-flex items-center px-2.5 py-0.5 rounded text-xs font-bold bg-[#1379D1]\/10 text-[#1379D1] uppercase tracking-wider\">\n Director Centralizat\n <\/span>\n <span id=\"platform-count-text\" class=\"text-xs text-slate-500 font-semibold\">\n 25 din 25 platforme afi\u0219ate\n <\/span>\n <\/div>\n <h2 class=\"text-2xl sm:text-3xl font-heading font-black text-slate-900 tracking-tight\">\n Platforme Educa\u021bionale Rom\u00e2ne\u0219ti\n <\/h2>\n <\/div>\n\n <!-- Search & View Mode Switcher -->\n <div class=\"flex flex-wrap items-center gap-3\">\n <div class=\"relative min-w-[240px] sm:min-w-[280px]\">\n <i data-lucide=\"search\" class=\"search-input-icon w-4 h-4 text-slate-400 absolute left-3.5 top-1\/2 -translate-y-1\/2 pointer-events-none z-10\"><\/i>\n <input\n id=\"directory-search-input\"\n type=\"text\"\n placeholder=\"Filtreaz\u0103 dup\u0103 nume, func\u021bii...\"\n class=\"directory-search-input w-full pl-11 pr-4 py-2 bg-white text-slate-900 placeholder:text-slate-400 rounded-lg border border-slate-300 focus:border-[#1379D1] focus:ring-2 focus:ring-[#1379D1]\/20 transition-all text-xs font-medium outline-none shadow-sm\"\n >\n <\/div>\n\n <div class=\"view-mode-container flex items-center bg-white border border-slate-300 rounded-lg p-0.5 shadow-sm\">\n <button id=\"view-grid-btn\" onclick=\"setViewMode('grid')\" class=\"view-mode-btn active flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all\">\n <i data-lucide=\"layout-grid\" class=\"w-3.5 h-3.5\"><\/i>\n <span class=\"hidden sm:inline\">Gril\u0103<\/span>\n <\/button>\n <button id=\"view-table-btn\" onclick=\"setViewMode('table')\" class=\"view-mode-btn flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all\">\n <i data-lucide=\"table\" class=\"w-3.5 h-3.5\"><\/i>\n <span class=\"hidden sm:inline\">Tabel<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Category Filter Pills Bar -->\n <div id=\"category-pills-container\" class=\"flex items-center gap-2 overflow-x-auto pb-3 mb-8 no-scrollbar scroll-smooth\">\n <!-- Injected via JS -->\n <\/div>\n\n <!-- Platform Cards Grid Container -->\n <div id=\"platforms-grid-view\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n <!-- Injected via JS -->\n <\/div>\n\n <!-- Platform Table View Container -->\n <div id=\"platforms-table-view\" class=\"hidden bg-white rounded-2xl border border-slate-200 shadow-sm overflow-hidden\">\n <div class=\"overflow-x-auto\">\n <table class=\"w-full text-left border-collapse text-xs\">\n <thead>\n <tr class=\"bg-slate-900 text-white font-heading uppercase text-[11px] tracking-wider border-b border-slate-800\">\n <th class=\"py-4 px-4 font-bold text-center w-14\">Nr<\/th>\n <th class=\"py-4 px-5 font-bold w-48\">Platform\u0103<\/th>\n <th class=\"py-4 px-5 font-bold\">Descriere pe scurt<\/th>\n <th class=\"py-4 px-5 font-bold w-44\">Link Oficial<\/th>\n <th class=\"py-4 px-5 font-bold w-36 text-center\">Social Media<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"platforms-table-body\" class=\"divide-y divide-slate-100\">\n <!-- Injected via JS -->\n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n <!-- ==========================================\n 5. CALLOUT & TRIAL SECTION\n =========================================== -->\n <section class=\"py-14 bg-white border-t border-slate-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n \n <div class=\"relative rounded-3xl bg-gradient-to-r from-slate-900 via-[#0F1623] to-[#1379D1] text-white p-8 sm:p-12 overflow-hidden shadow-xl mb-12\">\n <div class=\"absolute top-0 right-0 w-96 h-96 bg-[#D91278]\/20 rounded-full blur-3xl pointer-events-none\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-80 h-80 bg-[#1379D1]\/30 rounded-full blur-3xl pointer-events-none\"><\/div>\n <div class=\"absolute inset-0 bg-grid-overlay opacity-20 pointer-events-none\"><\/div>\n\n <div class=\"relative z-10 grid grid-cols-1 lg:grid-cols-12 gap-8 items-center\">\n <div class=\"lg:col-span-8\">\n <span class=\"inline-flex items-center gap-1.5 py-1 px-3 rounded-md bg-white\/10 text-[#6fccf0] text-xs font-bold uppercase tracking-widest mb-4 backdrop-blur-sm border border-white\/10\">\n <i data-lucide=\"plus-circle\" class=\"w-3.5 h-3.5\"><\/i>\n Director Deschis & \u00cen Continu\u0103 Completare\n <\/span>\n\n <h3 class=\"text-2xl sm:text-3xl lg:text-4xl font-heading font-black tracking-tight text-white mb-4\">\n Ai o platform\u0103 rom\u00e2neasc\u0103 dedicat\u0103 educa\u021biei \u0219i nu e\u0219ti pe list\u0103?\n <\/h3>\n\n <p class=\"text-sm sm:text-base text-slate-300 leading-relaxed max-w-2xl mb-6\">\n Sus\u021binem digitalizarea \u0219i promovarea proiectelor educa\u021bionale din Rom\u00e2nia. Trimite-ne detaliile platformei tale pentru a fi inclus\u0103 \u00een aceast\u0103 resurs\u0103 na\u021bional\u0103 consultat\u0103 de mii de profesori.\n <\/p>\n\n <div class=\"flex flex-wrap items-center gap-4\">\n <a href=\"mailto:contact@livresq.com?subject=Propunere%20platforma%20educationala%20pentru%20lista%20LIVRESQ\" class=\"card-action-btn card-action-btn-fucsia inline-flex items-center justify-center gap-2 px-6 py-3 rounded-xl font-bold text-sm transition-all duration-200 border border-white\/10 no-underline shadow-lg hover:-translate-y-0.5 active:translate-y-0 !text-white hover:!text-white\">\n <i data-lucide=\"mail\" class=\"w-4 h-4 !text-white\"><\/i>\n <span class=\"!text-white font-bold\">Trimite email la contact@livresq.com<\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div class=\"lg:col-span-4 flex justify-center lg:justify-end\">\n <div class=\"bg-slate-800\/80 backdrop-blur-md border border-slate-700\/80 rounded-2xl p-6 text-center max-w-xs w-full shadow-2xl\">\n <div class=\"w-12 h-12 rounded-xl bg-gradient-to-tr from-[#1379D1] to-[#D91278] text-white flex items-center justify-center mx-auto mb-3 shadow-md\">\n <i data-lucide=\"award\" class=\"w-6 h-6\"><\/i>\n <\/div>\n <h4 class=\"text-base font-bold text-white mb-1 font-heading\">\n Ecosistemul EdTech RO\n <\/h4>\n <p class=\"text-xs text-slate-400 mb-4\">\n Peste 194.754 de lec\u021bii interactive create cu standardul SCORM.\n <\/p>\n <a href=\"https:\/\/author.livresq.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"card-action-btn card-action-btn-blue inline-flex items-center justify-center w-full py-2.5 rounded-lg text-xs font-bold transition-all duration-200 no-underline shadow-sm hover:-translate-y-0.5 active:translate-y-0 !text-white hover:!text-white\">\n <span class=\"!text-white font-bold\">Deschide Editorul LIVRESQ<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Tags list -->\n <div class=\"flex flex-wrap items-center gap-2 pt-4 border-t border-slate-100\">\n <span class=\"text-xs font-bold text-slate-500 flex items-center gap-1\">\n <i data-lucide=\"tag\" class=\"w-3.5 h-3.5 text-[#D91278]\"><\/i>\n Etichetat:\n <\/span>\n <a href=\"https:\/\/livresq.com\/ro\/tag\/lista-platforme\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"article-tag text-xs font-semibold text-slate-600 hover:!text-[#1379D1] bg-slate-100 hover:bg-slate-200\/80 px-2.5 py-1 rounded-md transition-colors no-underline\">#list\u0103 platforme<\/a>\n <a href=\"https:\/\/livresq.com\/ro\/tag\/lista-platforme\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"article-tag text-xs font-semibold text-slate-600 hover:!text-[#1379D1] bg-slate-100 hover:bg-slate-200\/80 px-2.5 py-1 rounded-md transition-colors no-underline\">#educa\u021bie digital\u0103<\/a>\n <a href=\"https:\/\/livresq.com\/ro\/tag\/lista-platforme\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"article-tag text-xs font-semibold text-slate-600 hover:!text-[#1379D1] bg-slate-100 hover:bg-slate-200\/80 px-2.5 py-1 rounded-md transition-colors no-underline\">#resurse educa\u021bionale<\/a>\n <a href=\"https:\/\/livresq.com\/ro\/tag\/lista-platforme\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"article-tag text-xs font-semibold text-slate-600 hover:!text-[#1379D1] bg-slate-100 hover:bg-slate-200\/80 px-2.5 py-1 rounded-md transition-colors no-underline\">#LIVRESQ<\/a>\n <a href=\"https:\/\/livresq.com\/ro\/tag\/lista-platforme\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"article-tag text-xs font-semibold text-slate-600 hover:!text-[#1379D1] bg-slate-100 hover:bg-slate-200\/80 px-2.5 py-1 rounded-md transition-colors no-underline\">#REI.PLUS<\/a>\n <a href=\"https:\/\/livresq.com\/ro\/tag\/lista-platforme\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"article-tag text-xs font-semibold text-slate-600 hover:!text-[#1379D1] bg-slate-100 hover:bg-slate-200\/80 px-2.5 py-1 rounded-md transition-colors no-underline\">#SCORM<\/a>\n <\/div>\n\n <\/div>\n <\/section>\n\n <\/main>\n\n <!-- ==========================================\n 7. JAVASCRIPT LOGIC & 25 PLATFORMS DATA\n =========================================== -->\n <script>\n const PLATFORMS = [\n {\n id: 1,\n name: \"LIVRESQ\",\n description: \"Este un editor de resurse educa\u021bionale deschise \u0219i cursuri online ce folose\u0219te standardul SCORM (Sharable Content Object Reference Model). Resursele pot fi desc\u0103rcate \u0219i apoi \u00eenc\u0103rcate \u00een alte platforme. Con\u021bine \u0219i cea mai mare Bibliotec\u0103 de resurse educa\u021bionale din Rom\u00e2nia. Sunt peste 194.754 de lec\u021bii disponibile \u00een Bibliotec\u0103, din care 47.123 publice. Platforma LIVRESQ integreaz\u0103 \u0219i inteligen\u021b\u0103 artificial\u0103 pentru a ajuta cadrele didactice s\u0103 creeze lec\u021bii \u0219i cursuri, mai bune \u0219i mai repede.\",\n url: \"https:\/\/livresq.com\/ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/ascendia.livresq\",\n category: \"authoring\",\n categoryLabel: \"Editor RED & SCORM \/ AI\",\n tags: [\"SCORM\", \"Resurse Deschise\", \"AI Assistant\", \"Biblioteca 194.754+\", \"Multi-device\"],\n featured: true,\n hasAI: true\n },\n {\n id: 2,\n name: \"Matejoaca\",\n description: \"Matejoaca este o platform\u0103 de \u00eenv\u0103\u021bare ce ofer\u0103 peste 214 lec\u021bii de matematic\u0103 interactive, ce acoper\u0103 integral programa \u0219colar\u0103.\",\n url: \"https:\/\/matejoaca.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/profile.php?id=61583401510996\",\n category: \"math_science\",\n categoryLabel: \"Matematic\u0103 & \u0218tiin\u021be\",\n tags: [\"Matematic\u0103\", \"214+ Lec\u021bii\", \"Program\u0103 \u0218colar\u0103\", \"Interactiv\"]\n },\n {\n id: 3,\n name: \"Adservio\",\n description: \"Adservio este o platform\u0103 de management a proceselor educa\u021bionale. Aduce beneficii directorilor, cadrelor didactice, personalului auxiliar, p\u0103rin\u021bilor \u0219i elevilor. Module integrate: catalog \u0219colar electronic, mesagerie, secretariat, directori, profesori.\",\n url: \"https:\/\/www.adservio.ro\/ro\",\n socialUrl: \"https:\/\/www.facebook.com\/adservio.ro\",\n category: \"management\",\n categoryLabel: \"Management \u0218colar\",\n tags: [\"Catalog Electronic\", \"Secretariat\", \"Mesagerie\", \"Directori\"],\n featured: true\n },\n {\n id: 4,\n name: \"Proiectul CRED\",\n description: \"Proiectul CRED (Curriculum relevant, educa\u021bie deschis\u0103 pentru to\u021bi) con\u021bine resurse educa\u021bionale deschise (R.E.D.) dezvoltate de cadre didactice, bazate pe noua program\u0103 \u0219colar\u0103 pe competen\u021be.\",\n url: \"https:\/\/digital.educred.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/ProiectulCRED\",\n category: \"authoring\",\n categoryLabel: \"Resurse Educa\u021bionale Deschise\",\n tags: [\"R.E.D.\", \"Curriculum Na\u021bional\", \"Primar & Gimnazial\", \"Gratuit\"],\n isFree: true\n },\n {\n id: 5,\n name: \"Edus\",\n description: \"Edus este o platform\u0103 online de management educa\u021bional: catalog \u0219colar electronic, teme \u0219i teste, sisteme de predare online sigure, libr\u0103rie de materiale, videoconferin\u021b\u0103.\",\n url: \"https:\/\/edus.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/platformaEdus.ro\",\n category: \"management\",\n categoryLabel: \"Management \u0218colar\",\n tags: [\"Catalog Electronic\", \"Teme & Teste\", \"Videoconferin\u021b\u0103\"]\n },\n {\n id: 6,\n name: \"Kinderpedia\",\n description: \"Kinderpedia este o platform\u0103 complet\u0103 de management al proceselor educa\u021bionale pentru \u0219coli \u0219i gr\u0103dini\u021be: Orar, Catalog electronic, Teme, Videoconferin\u021be, Progres, Financiar, Mesagerie.\",\n url: \"https:\/\/www.kinderpedia.co\/ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/kinderpedia\",\n category: \"management\",\n categoryLabel: \"Management \u0218coli & Gr\u0103dini\u021be\",\n tags: [\"Gr\u0103dini\u021be & \u0218coli\", \"Financiar\", \"Orar & Catalog\", \"Rapoarte\"],\n featured: true\n },\n {\n id: 7,\n name: \"MyKoolio\",\n description: \"Portal educa\u021bional cu lec\u021bii interactive \u0219i module pentru gestiunea proceselor dintr-o institu\u021bie educa\u021bional\u0103 (Catalog Virtual, gestionare clase, teme, calendar, mesagerie).\",\n url: \"https:\/\/www.mykoolio.com\/\",\n socialUrl: \"https:\/\/www.facebook.com\/profesorulmykoolio\",\n category: \"early_childhood\",\n categoryLabel: \"Lec\u021bii Interactive & Gestiune\",\n tags: [\"Lec\u021bii Interactive\", \"Catalog Virtual\", \"Clase & Teme\"]\n },\n {\n id: 8,\n name: \"Dacobots\",\n description: \"Portal educa\u021bional gratuit cu lec\u021bii interactive pentru pre\u0219colari, bazat pe celebra colec\u021bie EduTeca.\",\n url: \"https:\/\/dacobots.com\/index_ro.html\",\n socialUrl: \"https:\/\/www.facebook.com\/dacobots\",\n category: \"early_childhood\",\n categoryLabel: \"Pre\u0219colari & Gr\u0103dini\u021b\u0103\",\n tags: [\"Pre\u0219colari\", \"EduTeca\", \"Jocuri & Lec\u021bii\", \"Gratuit\"],\n isFree: true\n },\n {\n id: 9,\n name: \"CoffeeLMS\",\n description: \"Platform\u0103 de management a procesului de \u00eenv\u0103\u021bare (LMS) folosit\u0103 de institu\u021bii educa\u021bionale, ONG-uri \u0219i companii pentru diseminarea cursurilor online.\",\n url: \"https:\/\/coffeelms.com\/\",\n category: \"authoring\",\n categoryLabel: \"Learning Management System (LMS)\",\n tags: [\"LMS\", \"Cursuri Online\", \"ONG & Companii\"]\n },\n {\n id: 10,\n name: \"Digitaliada\",\n description: \"Platform\u0103 centralizatoare cu materiale dezvoltate \u00een platforme tip LIVRESQ \u0219i editoare de text, cu func\u021bionalit\u0103\u021bi pentru directori, profesori \u0219i concurs anual de materiale digitale.\",\n url: \"https:\/\/www.digitaliada.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/Digitaliada\",\n category: \"authoring\",\n categoryLabel: \"Comunitate & Concurs Digital\",\n tags: [\"Materiale Digitale\", \"Concurs Profesori\", \"Comunitate\"]\n },\n {\n id: 11,\n name: \"ASQ\",\n description: \"Portal educa\u021bional cu lec\u021bii interactive \u0219i func\u021bionalit\u0103\u021bi performante pentru crearea de teste rapide \u0219i evaluare continu\u0103.\",\n url: \"https:\/\/asq.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/asq.romania\",\n category: \"exams\",\n categoryLabel: \"Lec\u021bii & Teste Rapide\",\n tags: [\"Teste Rapide\", \"Lec\u021bii Interactive\", \"Evaluare\"]\n },\n {\n id: 12,\n name: \"123edu\",\n description: \"Portal educa\u021bional cu lec\u021bii interactive dedicate \u00eenv\u0103\u021b\u0103m\u00e2ntului primar: clasa preg\u0103titoare, clasa I, a II-a, a III-a \u0219i a IV-a.\",\n url: \"https:\/\/123edu.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/123edu.ro\",\n category: \"early_childhood\",\n categoryLabel: \"\u00cenv\u0103\u021b\u0103m\u00e2nt Primar\",\n tags: [\"Clasa Preg\u0103titoare\", \"Clasele I-IV\", \"Exerci\u021bii\"]\n },\n {\n id: 13,\n name: \"Kidibot\",\n description: \"Platform\u0103 educa\u021bional\u0103 ce motiveaz\u0103 copiii s\u0103 citeasc\u0103 \u0219i s\u0103 \u00eenve\u021be mai mult prin teste interactive \u0219i mecanisme avansate de gamificare.\",\n url: \"https:\/\/www.kidibot.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/kidibot\",\n category: \"early_childhood\",\n categoryLabel: \"Lectur\u0103 & Gamificare\",\n tags: [\"Gamificare\", \"Lectur\u0103 Copii\", \"B\u0103t\u0103lii Cuno\u0219tin\u021be\"]\n },\n {\n id: 14,\n name: \"VreauLa\",\n description: \"Platform\u0103 educa\u021bional\u0103 ce ajut\u0103 elevii de liceu s\u0103 se preg\u0103teasc\u0103 eficient pentru examenul de admitere la facultate \u0219i examenul de Bacalaureat.\",\n url: \"https:\/\/vreaula.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/vreaula\",\n category: \"exams\",\n categoryLabel: \"Bacalaureat & Admitere\",\n tags: [\"Bacalaureat\", \"Admitere Facultate\", \"Grile\"]\n },\n {\n id: 15,\n name: \"Brio.ro\",\n description: \"Teste digitale standardizate prin care elevii rom\u00e2ni din clasele I-XII \u00ee\u0219i evalueaz\u0103 obiectiv cuno\u0219tin\u021bele \u0219i \u00ee\u0219i \u00eembun\u0103t\u0103\u021besc performan\u021ba \u0219colar\u0103.\",\n url: \"https:\/\/brio.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/BrioRomania\",\n category: \"exams\",\n categoryLabel: \"Testare Standardizat\u0103\",\n tags: [\"Teste Standardizate\", \"Clasele I-XII\", \"Rapoarte\"],\n featured: true\n },\n {\n id: 16,\n name: \"\u0218coala Intuitext\",\n description: \"Portal educa\u021bional cu lec\u021bii interactive, managementul clasei (anun\u021buri, notific\u0103ri) \u0219i managementul temelor (alocare, notare, rapoarte).\",\n url: \"https:\/\/www.scoalaintuitext.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/ScoalaINTUITEXT\",\n category: \"early_childhood\",\n categoryLabel: \"Lec\u021bii & Gestiune Clase\",\n tags: [\"Management Teme\", \"Notare & Rapoarte\", \"Clasa I-IV\"]\n },\n {\n id: 17,\n name: \"Voxi Clinic\",\n description: \"Platform\u0103 dedicat\u0103 educa\u021biei speciale \u0219i logopezilor: management clien\u021bi, terapie online cu con\u021binut multiplayer, program\u0103ri \u0219i rapoarte progres.\",\n url: \"https:\/\/voxikids.com\/\",\n socialUrl: \"https:\/\/www.facebook.com\/VoxiKids\",\n category: \"special_edu\",\n categoryLabel: \"Educa\u021bie Special\u0103 & Logopedie\",\n tags: [\"Logopedie\", \"Educa\u021bie Special\u0103\", \"Terapie Multiplayer\"]\n },\n {\n id: 18,\n name: \"Timlogo\",\n description: \"Platform\u0103 rom\u00e2neasc\u0103 avizat\u0103 de Ministerul Educa\u021biei pentru deficien\u021bi de vorbire (pre\u0219colar\/primar\/gimnazial), util\u0103 logopezilor \u0219i profesorilor psihopedagogi.\",\n url: \"https:\/\/timlogo.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/ascendia.timlogo\",\n category: \"special_edu\",\n categoryLabel: \"Avizat Ministerul Educa\u021biei\",\n tags: [\"Avizat Minister\", \"Logopedie\", \"Psihopedagogie\"],\n featured: true\n },\n {\n id: 19,\n name: \"Naradix\",\n description: \"Platform\u0103 de educa\u021bie remedial\u0103 ce con\u021bine lec\u021bii interactive \u00eencep\u00e2nd cu clasa preg\u0103titoare \u0219i p\u00e2n\u0103 la clasa a VIII-a.\",\n url: \"https:\/\/naradix.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/naradapentrueducatie\",\n category: \"video_learning\",\n categoryLabel: \"Educa\u021bie Remedial\u0103\",\n tags: [\"Educa\u021bie Remedial\u0103\", \"Clasa 0 - VIII\", \"Gratuit\"],\n isFree: true\n },\n {\n id: 20,\n name: \"Vboard\",\n description: \"Tabl\u0103 interactiv\u0103 construit\u0103 special pentru predarea online \u00een timp real, cu audio\/video integrat \u0219i suport inovator pentru table individuale ale elevilor.\",\n url: \"https:\/\/vboard.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/Virtual-Board-104068774768862\/\",\n category: \"management\",\n categoryLabel: \"Tabl\u0103 Interactiv\u0103 Live\",\n tags: [\"Tabl\u0103 Interactiv\u0103\", \"Predare Live\", \"Monitorizare Elevi\"]\n },\n {\n id: 21,\n name: \"Super\u0218coala\",\n description: \"Platforma care ofer\u0103 materiile \u0219colare explicate \u00een lec\u021bii video de profesori dedica\u021bi, \u00eenso\u021bite de fi\u0219e de lucru \u0219i jocuri interactive de consolidare.\",\n url: \"https:\/\/superscoala.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/superscoalaonline\",\n category: \"video_learning\",\n categoryLabel: \"Lec\u021bii Video & Consolidare\",\n tags: [\"Lec\u021bii Video\", \"Profesori Dedica\u021bi\", \"Fi\u0219e de Lucru\"]\n },\n {\n id: 22,\n name: \"edu.sellification\",\n description: \"Platform\u0103 unde dasc\u0103lii \u0219i trainerii g\u0103sesc c\u0103r\u021bi \u0219i sute de ore de con\u021binut video dedicate metodelor de educa\u021bie captivant\u0103 \u0219i \u00eenv\u0103\u021bare activ\u0103.\",\n url: \"https:\/\/edu.sellification.org\/\",\n socialUrl: \"https:\/\/www.facebook.com\/groups\/EducatoriSellification\",\n category: \"video_learning\",\n categoryLabel: \"Metode de \u00cenv\u0103\u021bare Activ\u0103\",\n tags: [\"Training Profesori\", \"Educa\u021bie Captivant\u0103\", \"Video & C\u0103r\u021bi\"]\n },\n {\n id: 23,\n name: \"red-religie.ro\",\n description: \"Platform\u0103 online dedicat\u0103 disciplinei Religie, cu resurse didactice de predare, consolidare, evaluare \u0219i materiale audio-video pentru Rom\u00e2nia \u0219i diaspora.\",\n url: \"https:\/\/red-religie.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/redreligie\",\n category: \"video_learning\",\n categoryLabel: \"Resurse Religie\",\n tags: [\"Disciplina Religie\", \"Resurse Didactice\", \"Audio-Video\"],\n isFree: true\n },\n {\n id: 24,\n name: \"Edu For Life\",\n description: \"Aplica\u021bie a comunit\u0103\u021bii FOR LIFE ce reune\u0219te con\u021binuturi PDF, video \u0219i o bogat\u0103 banc\u0103 de itemi propu\u0219i de profesori la toate materiile \u0219colare.\",\n url: \"https:\/\/edu.forlife.ro\/\",\n socialUrl: \"https:\/\/www.facebook.com\/ForLife.ro\",\n category: \"exams\",\n categoryLabel: \"Banc\u0103 de Itemi & Comunitate\",\n tags: [\"Banc\u0103 de Itemi\", \"Toate Materiile\", \"PDF & Video\"],\n isFree: true\n },\n {\n id: 25,\n name: \"REI.PLUS\",\n description: \"R.E.I (Resurse pentru Educa\u021bia Incluziv\u0103) este un proiect dedicat integr\u0103rii elevilor cu CES (Cerin\u021be Educa\u021bionale Speciale) \u00een \u00eenv\u0103\u021b\u0103m\u00e2ntul de mas\u0103, sintetiz\u00e2nd peste 14 ani de experien\u021b\u0103 practic\u0103. Pune la dispozi\u021bie materiale didactice adaptate, fi\u0219e de lucru diferen\u021biate, instrumente de evaluare \u0219i ghiduri metodologice pentru o \u0219coal\u0103 cu adev\u0103rat incluziv\u0103.\",\n url: \"https:\/\/www.rei.plus\/\",\n category: \"special_edu\",\n categoryLabel: \"Educa\u021bie Incluziv\u0103 & CES\",\n tags: [\"Educa\u021bie Incluziv\u0103\", \"Elevi cu CES\", \"Materiale Adaptate\", \"Ghiduri Didactice\", \"Fi\u0219e Diferen\u021biate\"],\n isFree: true,\n isNew: true\n }\n ];\n\n const CATEGORIES = [\n { id: 'all', label: 'Toate platformele' },\n { id: 'authoring', label: 'Creare & RED \/ Cursuri' },\n { id: 'management', label: 'Management \u0218colar & Cataloage' },\n { id: 'math_science', label: 'Matematic\u0103 & \u0218tiin\u021be' },\n { id: 'early_childhood', label: 'Pre\u0219colar & Clase Primare' },\n { id: 'exams', label: 'Preg\u0103tire Examene & Evaluare' },\n { id: 'special_edu', label: 'Educa\u021bie Special\u0103 & Incluziv\u0103' },\n { id: 'video_learning', label: 'Lec\u021bii Video & Resurse' }\n ];\n\n let currentCategory = 'all';\n let currentSearch = '';\n let currentView = 'grid';\n\n function safeCreateIcons() {\n if (window.lucide && typeof window.lucide.createIcons === 'function') {\n window.lucide.createIcons();\n }\n }\n\n function initApp() {\n renderPills();\n renderPlatforms();\n safeCreateIcons();\n \n \/\/ Retry lucide in case CDN script finished loading after DOM ready\n setTimeout(safeCreateIcons, 200);\n setTimeout(safeCreateIcons, 1000);\n \n \/\/ Search listener\n const searchInput = document.getElementById('directory-search-input');\n if(searchInput) {\n searchInput.addEventListener('input', (e) => {\n currentSearch = e.target.value.toLowerCase().trim();\n renderPlatforms();\n });\n }\n }\n\n function copyLink(url) {\n if (navigator.clipboard && navigator.clipboard.writeText) {\n navigator.clipboard.writeText(url).then(() => {\n showToast(`Link copiat: ${url}`);\n }).catch(() => {\n prompt(\"Copiaz\u0103 link-ul:\", url);\n });\n } else {\n prompt(\"Copiaz\u0103 link-ul:\", url);\n }\n }\n\n function showToast(msg) {\n let toast = document.getElementById('livresq-toast');\n if (!toast) {\n toast = document.createElement('div');\n toast.id = 'livresq-toast';\n toast.className = 'fixed bottom-6 right-6 z-[100000] bg-slate-900 text-white text-xs font-bold px-4 py-3 rounded-xl shadow-2xl border border-slate-700 flex items-center gap-2 transition-all duration-300 opacity-0 translate-y-2 pointer-events-none';\n document.body.appendChild(toast);\n }\n toast.textContent = msg;\n toast.classList.remove('opacity-0', 'translate-y-2', 'pointer-events-none');\n toast.classList.add('opacity-100', 'translate-y-0');\n setTimeout(() => {\n toast.classList.remove('opacity-100', 'translate-y-0');\n toast.classList.add('opacity-0', 'translate-y-2', 'pointer-events-none');\n }, 2500);\n }\n\n function renderPills() {\n const container = document.getElementById('category-pills-container');\n if(!container) return;\n container.innerHTML = '';\n\n CATEGORIES.forEach(cat => {\n const isSelected = currentCategory === cat.id;\n const count = cat.id === 'all' \n ? PLATFORMS.length \n : PLATFORMS.filter(p => p.category === cat.id).length;\n\n const btn = document.createElement('button');\n btn.className = `category-filter-pill ${isSelected ? 'active' : ''}`;\n btn.innerHTML = `\n <span>${cat.label}<\/span>\n <span class=\"pill-badge\">${count}<\/span>\n `;\n btn.onclick = () => {\n currentCategory = cat.id;\n renderPills();\n renderPlatforms();\n };\n container.appendChild(btn);\n });\n }\n\n function filterByPillar(catId) {\n currentCategory = catId;\n renderPills();\n renderPlatforms();\n const dirEl = document.getElementById('directory');\n if(dirEl) dirEl.scrollIntoView({ behavior: 'smooth' });\n }\n\n function setViewMode(mode) {\n currentView = mode;\n const gridBtn = document.getElementById('view-grid-btn');\n const tableBtn = document.getElementById('view-table-btn');\n const gridView = document.getElementById('platforms-grid-view');\n const tableView = document.getElementById('platforms-table-view');\n\n if (mode === 'grid') {\n if (gridBtn) gridBtn.className = 'view-mode-btn active flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all';\n if (tableBtn) tableBtn.className = 'view-mode-btn flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all';\n if (gridView) gridView.classList.remove('hidden');\n if (tableView) tableView.classList.add('hidden');\n } else {\n if (tableBtn) tableBtn.className = 'view-mode-btn active flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all';\n if (gridBtn) gridBtn.className = 'view-mode-btn flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all';\n if (gridView) gridView.classList.add('hidden');\n if (tableView) tableView.classList.remove('hidden');\n }\n if (window.lucide) lucide.createIcons();\n }\n\n function getFilteredList() {\n return PLATFORMS.filter(item => {\n const matchesCat = currentCategory === 'all' || item.category === currentCategory;\n if(!currentSearch) return matchesCat;\n const matchesQuery = \n item.name.toLowerCase().includes(currentSearch) ||\n item.description.toLowerCase().includes(currentSearch) ||\n item.categoryLabel.toLowerCase().includes(currentSearch) ||\n item.tags.some(t => t.toLowerCase().includes(currentSearch));\n return matchesCat && matchesQuery;\n });\n }\n\n function renderPlatforms() {\n const list = getFilteredList();\n const countText = document.getElementById('platform-count-text');\n if(countText) countText.textContent = `${list.length} din ${PLATFORMS.length} platforme afi\u0219ate`;\n\n \/\/ Render Grid\n const gridView = document.getElementById('platforms-grid-view');\n if(gridView) {\n if(list.length === 0) {\n gridView.innerHTML = `\n <div class=\"col-span-full bg-white rounded-2xl border border-slate-200 p-12 text-center max-w-md mx-auto my-8\">\n <h3 class=\"text-lg font-bold text-slate-900 mb-2\">Nicio platform\u0103 g\u0103sit\u0103<\/h3>\n <p class=\"text-xs text-slate-600 mb-4\">Nu am g\u0103sit rezultate pentru criteriul c\u0103utat.<\/p>\n <button onclick=\"currentSearch=''; currentCategory='all'; renderPills(); renderPlatforms();\" class=\"card-action-btn card-action-btn-blue px-4 py-2 rounded-lg text-xs font-bold transition-all shadow-sm\">\n <span class=\"!text-white font-bold\">Reseteaz\u0103 filtrele<\/span>\n <\/button>\n <\/div>\n `;\n } else {\n gridView.innerHTML = list.map(item => {\n const isLivresq = item.name === 'LIVRESQ';\n return `\n <div class=\"relative rounded-2xl transition-all duration-300 flex flex-col justify-between overflow-hidden bg-white ${isLivresq ? 'border-2 border-[#D91278] shadow-lg ring-4 ring-[#D91278]\/10' : 'border border-slate-200 hover:border-slate-300 hover:shadow-md'}\">\n <div class=\"h-1.5 w-full ${isLivresq ? 'bg-gradient-to-r from-[#D91278] via-[#1379D1] to-[#6fccf0]' : 'bg-slate-200'}\"><\/div>\n <div class=\"p-6 flex-1 flex flex-col\">\n <div class=\"flex items-center justify-between gap-2 mb-4\">\n <div class=\"flex items-center gap-2\">\n <span class=\"w-7 h-7 rounded-lg bg-slate-100 text-slate-700 font-mono font-bold text-xs flex items-center justify-center border border-slate-200\">#${item.id}<\/span>\n <span class=\"text-[11px] font-bold text-slate-500 uppercase tracking-wider bg-slate-50 px-2 py-0.5 rounded border border-slate-200\/60\">${item.categoryLabel}<\/span>\n <\/div>\n <div class=\"flex items-center gap-1.5 flex-wrap justify-end\">\n ${item.isNew ? '<span class=\"inline-flex items-center gap-1 text-[10px] font-black uppercase tracking-wider bg-gradient-to-r from-[#D91278] to-pink-500 text-white px-2.5 py-0.5 rounded-full shadow-xs ring-2 ring-pink-500\/20\"><span class=\"w-1.5 h-1.5 rounded-full bg-white animate-pulse\"><\/span> NOU<\/span>' : ''}\n ${item.hasAI ? '<span class=\"text-[10px] font-black uppercase tracking-wider bg-gradient-to-r from-pink-500 to-rose-600 text-white px-2 py-0.5 rounded-full\">AI Engine<\/span>' : ''}\n ${item.isFree ? '<span class=\"text-[10px] font-bold uppercase tracking-wider bg-emerald-100 text-emerald-800 px-2 py-0.5 rounded-full border border-emerald-200\">Gratuit<\/span>' : ''}\n <\/div>\n <\/div>\n <div class=\"mb-3\">\n <h3 class=\"text-xl font-heading font-black tracking-tight ${isLivresq ? 'text-[#D91278]' : 'text-slate-900'}\">${item.name}<\/h3>\n <\/div>\n <p class=\"text-xs sm:text-sm text-slate-600 leading-relaxed mb-6 flex-1\">${item.description}<\/p>\n <div class=\"flex flex-wrap gap-1.5 mb-6\">\n ${item.tags.map(t => `<span class=\"text-[10px] font-semibold text-slate-600 bg-slate-100\/80 px-2 py-0.5 rounded border border-slate-200\/60\">${t}<\/span>`).join('')}\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50\/80 border-t border-slate-100 flex items-center justify-between gap-3\">\n <a href=\"${item.url}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"card-action-btn ${isLivresq ? 'card-action-btn-fucsia' : 'card-action-btn-blue'} flex-1 inline-flex items-center justify-center gap-1.5 px-4 py-2.5 rounded-lg font-bold text-xs transition-all no-underline !text-white hover:!text-white hover:-translate-y-0.5 active:translate-y-0 shadow-sm\">\n <span class=\"!text-white font-bold\">Acceseaz\u0103 Website<\/span>\n <i data-lucide=\"external-link\" class=\"w-3.5 h-3.5 ml-0.5 !text-white\"><\/i>\n <\/a>\n ${item.socialUrl ? `\n <a href=\"${item.socialUrl}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"p-2.5 bg-white hover:bg-blue-50 text-slate-600 hover:text-[#1877F2] rounded-lg border border-slate-200 transition-colors flex items-center justify-center no-underline\" title=\"Facebook\">\n <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg>\n <\/a>\n ` : ''}\n <button onclick=\"copyLink('${item.url}')\" class=\"card-copy-btn p-2.5 bg-white text-slate-600 rounded-lg border border-slate-200 transition-colors flex items-center justify-center cursor-pointer\" title=\"Copiaz\u0103 Link\">\n <i data-lucide=\"copy\" class=\"w-4 h-4\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n `;\n }).join('');\n }\n }\n\n \/\/ Render Table\n const tableBody = document.getElementById('platforms-table-body');\n if(tableBody) {\n tableBody.innerHTML = list.map((item, idx) => {\n const isLivresq = item.name === 'LIVRESQ';\n return `\n <tr class=\"transition-colors hover:bg-blue-50\/40 ${isLivresq ? 'bg-pink-50\/40 font-medium' : idx % 2 === 0 ? 'bg-white' : 'bg-slate-50\/50'}\">\n <td class=\"py-4 px-4 text-center font-mono font-bold text-slate-500\">${item.id}<\/td>\n <td class=\"py-4 px-5\">\n <div class=\"flex flex-col gap-1\">\n <div class=\"flex items-center gap-1.5 flex-wrap\">\n <span class=\"font-bold text-sm font-heading ${isLivresq ? 'text-[#D91278]' : 'text-slate-900'}\">${item.name}<\/span>\n ${item.isNew ? '<span class=\"text-[9px] font-black uppercase tracking-wider bg-gradient-to-r from-[#D91278] to-pink-500 text-white px-1.5 py-0.5 rounded shadow-xs\">NOU<\/span>' : ''}\n <\/div>\n <span class=\"text-[10px] text-slate-500 font-semibold\">${item.categoryLabel}<\/span>\n <\/div>\n <\/td>\n <td class=\"py-4 px-5 text-slate-700 leading-relaxed\">\n <p class=\"line-clamp-4\">${item.description}<\/p>\n <\/td>\n <td class=\"py-4 px-5\">\n <a href=\"${item.url}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center gap-1.5 text-[#1379D1] hover:text-[#D91278] font-bold transition-colors underline\">\n <span>${item.url.replace(\/^https?:\\\/\\\/\/, '')}<\/span>\n <i data-lucide=\"external-link\" class=\"w-3 h-3\"><\/i>\n <\/a>\n <\/td>\n <td class=\"py-4 px-5 text-center\">\n ${item.socialUrl ? `\n <a href=\"${item.socialUrl}\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center justify-center p-2 rounded-lg bg-slate-100 hover:bg-[#1877F2] text-slate-700 hover:text-white transition-all shadow-xs\">\n <svg class=\"w-4 h-4\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"><\/path><\/svg>\n <\/a>\n ` : '<span class=\"text-slate-300 font-mono text-xs\">\u2014<\/span>'}\n <\/td>\n <\/tr>\n `;\n }).join('');\n }\n\n safeCreateIcons();\n }\n\n \/\/ Safe Initialize on load or immediate\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initApp);\n } else {\n initApp();\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u00cen aceast\u0103 list\u0103 ve\u021bi g\u0103si cele mai importante platforme rom\u00e2ne\u0219ti ce sus\u021bin educa\u021bia din \u021bara noastr\u0103. De la nivel prescolar p\u00e2n\u0103 la nivel universitar \u0219i mai departe.<\/p>\n","protected":false},"author":2,"featured_media":493463,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[80],"class_list":["post-272334","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-lista-platforme"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>List\u0103 platforme educa\u021bionale rom\u00e2ne\u0219ti - LIVRESQ<\/title>\n<meta name=\"description\" content=\"Cele mai importante platforme rom\u00e2ne\u0219ti ce sus\u021bin educa\u021bia din \u021bara noastr\u0103. De la nivel prescolar p\u00e2n\u0103 la nivel universitar \u0219i mai departe.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/livresq.com\/ro\/news\/lista-platforme-educationale-romanesti\/\" \/>\n<meta property=\"og:locale\" content=\"ro_RO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"List\u0103 platfome educa\u021bionale rom\u00e2ne\u0219ti pentru educa\u021bie\" \/>\n<meta property=\"og:description\" content=\"\u00cen aceast\u0103 list\u0103 ve\u021bi g\u0103si cele mai importante platforme rom\u00e2ne\u0219ti ce sus\u021bin educa\u021bia din \u021bara noastr\u0103. De la nivel prescolar p\u00e2n\u0103 la nivel universitar \u0219i mai departe.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/livresq.com\/ro\/news\/lista-platforme-educationale-romanesti\/\" \/>\n<meta property=\"og:site_name\" content=\"LIVRESQ\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-09T14:57:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-03T08:17:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/livresq.com\/wp-content\/uploads\/2022\/08\/Romanesti_livresq.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"848\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"victoria\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scris de\" \/>\n\t<meta name=\"twitter:data1\" content=\"victoria\" \/>\n\t<meta name=\"twitter:label2\" content=\"Timp estimat pentru citire\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/livresq.com\\\/news\\\/lista-platforme-educationale-romanesti\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/livresq.com\\\/news\\\/lista-platforme-educationale-romanesti\\\/\"},\"author\":{\"name\":\"victoria\",\"@id\":\"https:\\\/\\\/livresq.com\\\/en\\\/#\\\/schema\\\/person\\\/34f3e270f74ce1f3628f20c1273e3cc6\"},\"headline\":\"List\u0103 platforme educa\u021bionale rom\u00e2ne\u0219ti\",\"datePublished\":\"2022-08-09T14:57:07+00:00\",\"dateModified\":\"2026-09-03T08:17:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/livresq.com\\\/news\\\/lista-platforme-educationale-romanesti\\\/\"},\"wordCount\":2654,\"publisher\":{\"@id\":\"https:\\\/\\\/livresq.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/livresq.com\\\/news\\\/lista-platforme-educationale-romanesti\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/livresq.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/LISTA-24-PLATFORME-ROMANESTI-PENTRU-EDUCATIE-Postare-Instagram-Editabila-4.png?fit=1080%2C1350&ssl=1\",\"keywords\":[\"lista platforme\"],\"articleSection\":[\"News\"],\"inLanguage\":\"ro-RO\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/livresq.com\\\/news\\\/lista-platforme-educationale-romanesti\\\/\",\"url\":\"https:\\\/\\\/livresq.com\\\/news\\\/lista-platforme-educationale-romanesti\\\/\",\"name\":\"List\u0103 platforme educa\u021bionale rom\u00e2ne\u0219ti - LIVRESQ\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/livresq.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/livresq.com\\\/news\\\/lista-platforme-educationale-romanesti\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/livresq.com\\\/news\\\/lista-platforme-educationale-romanesti\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i0.wp.com\\\/livresq.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/LISTA-24-PLATFORME-ROMANESTI-PENTRU-EDUCATIE-Postare-Instagram-Editabila-4.png?fit=1080%2C1350&ssl=1\",\"datePublished\":\"2022-08-09T14:57:07+00:00\",\"dateModified\":\"2026-09-03T08:17:07+00:00\",\"description\":\"Cele mai importante platforme rom\u00e2ne\u0219ti ce sus\u021bin educa\u021bia din \u021bara noastr\u0103. De la nivel prescolar p\u00e2n\u0103 la nivel universitar \u0219i mai departe.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/livresq.com\\\/news\\\/lista-platforme-educationale-romanesti\\\/#breadcrumb\"},\"inLanguage\":\"ro-RO\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/livresq.com\\\/news\\\/lista-platforme-educationale-romanesti\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@id\":\"https:\\\/\\\/livresq.com\\\/news\\\/lista-platforme-educationale-romanesti\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/livresq.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/LISTA-24-PLATFORME-ROMANESTI-PENTRU-EDUCATIE-Postare-Instagram-Editabila-4.png?fit=1080%2C1350&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/livresq.com\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/LISTA-24-PLATFORME-ROMANESTI-PENTRU-EDUCATIE-Postare-Instagram-Editabila-4.png?fit=1080%2C1350&ssl=1\",\"width\":1080,\"height\":1350},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/livresq.com\\\/news\\\/lista-platforme-educationale-romanesti\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Prima pagin\u0103\",\"item\":\"https:\\\/\\\/livresq.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"List\u0103 platforme educa\u021bionale rom\u00e2ne\u0219ti\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/livresq.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/livresq.com\\\/en\\\/\",\"name\":\"LIVRESQ\",\"description\":\"eLearning Authoring Tool\",\"publisher\":{\"@id\":\"https:\\\/\\\/livresq.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/livresq.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ro-RO\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/livresq.com\\\/en\\\/#organization\",\"name\":\"LIVRESQ - Authoring Tool\",\"url\":\"https:\\\/\\\/livresq.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@id\":\"https:\\\/\\\/livresq.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/livresq.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/cropped-Logo.png?fit=1054%2C575&ssl=1\",\"contentUrl\":\"https:\\\/\\\/i0.wp.com\\\/livresq.com\\\/wp-content\\\/uploads\\\/2019\\\/07\\\/cropped-Logo.png?fit=1054%2C575&ssl=1\",\"width\":1054,\"height\":575,\"caption\":\"LIVRESQ - Authoring Tool\"},\"image\":{\"@id\":\"https:\\\/\\\/livresq.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/livresq.com\\\/en\\\/#\\\/schema\\\/person\\\/34f3e270f74ce1f3628f20c1273e3cc6\",\"name\":\"victoria\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ro-RO\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3fd1a698d101c872b6cac55bda151cf5eb7b64254e07c8792ce8dffbe9003763?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3fd1a698d101c872b6cac55bda151cf5eb7b64254e07c8792ce8dffbe9003763?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3fd1a698d101c872b6cac55bda151cf5eb7b64254e07c8792ce8dffbe9003763?s=96&d=mm&r=g\",\"caption\":\"victoria\"},\"url\":\"https:\\\/\\\/livresq.com\\\/ro\\\/author\\\/victoria\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"List\u0103 platforme educa\u021bionale rom\u00e2ne\u0219ti - LIVRESQ","description":"Cele mai importante platforme rom\u00e2ne\u0219ti ce sus\u021bin educa\u021bia din \u021bara noastr\u0103. De la nivel prescolar p\u00e2n\u0103 la nivel universitar \u0219i mai departe.","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:\/\/livresq.com\/ro\/news\/lista-platforme-educationale-romanesti\/","og_locale":"ro_RO","og_type":"article","og_title":"List\u0103 platfome educa\u021bionale rom\u00e2ne\u0219ti pentru educa\u021bie","og_description":"\u00cen aceast\u0103 list\u0103 ve\u021bi g\u0103si cele mai importante platforme rom\u00e2ne\u0219ti ce sus\u021bin educa\u021bia din \u021bara noastr\u0103. De la nivel prescolar p\u00e2n\u0103 la nivel universitar \u0219i mai departe.","og_url":"https:\/\/livresq.com\/ro\/news\/lista-platforme-educationale-romanesti\/","og_site_name":"LIVRESQ","article_published_time":"2022-08-09T14:57:07+00:00","article_modified_time":"2026-09-03T08:17:07+00:00","og_image":[{"width":1200,"height":848,"url":"https:\/\/livresq.com\/wp-content\/uploads\/2022\/08\/Romanesti_livresq.jpg","type":"image\/jpeg"}],"author":"victoria","twitter_card":"summary_large_image","twitter_misc":{"Scris de":"victoria","Timp estimat pentru citire":"15 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/#article","isPartOf":{"@id":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/"},"author":{"name":"victoria","@id":"https:\/\/livresq.com\/en\/#\/schema\/person\/34f3e270f74ce1f3628f20c1273e3cc6"},"headline":"List\u0103 platforme educa\u021bionale rom\u00e2ne\u0219ti","datePublished":"2022-08-09T14:57:07+00:00","dateModified":"2026-09-03T08:17:07+00:00","mainEntityOfPage":{"@id":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/"},"wordCount":2654,"publisher":{"@id":"https:\/\/livresq.com\/en\/#organization"},"image":{"@id":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/09\/LISTA-24-PLATFORME-ROMANESTI-PENTRU-EDUCATIE-Postare-Instagram-Editabila-4.png?fit=1080%2C1350&ssl=1","keywords":["lista platforme"],"articleSection":["News"],"inLanguage":"ro-RO"},{"@type":"WebPage","@id":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/","url":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/","name":"List\u0103 platforme educa\u021bionale rom\u00e2ne\u0219ti - LIVRESQ","isPartOf":{"@id":"https:\/\/livresq.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/#primaryimage"},"image":{"@id":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/#primaryimage"},"thumbnailUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/09\/LISTA-24-PLATFORME-ROMANESTI-PENTRU-EDUCATIE-Postare-Instagram-Editabila-4.png?fit=1080%2C1350&ssl=1","datePublished":"2022-08-09T14:57:07+00:00","dateModified":"2026-09-03T08:17:07+00:00","description":"Cele mai importante platforme rom\u00e2ne\u0219ti ce sus\u021bin educa\u021bia din \u021bara noastr\u0103. De la nivel prescolar p\u00e2n\u0103 la nivel universitar \u0219i mai departe.","breadcrumb":{"@id":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/#breadcrumb"},"inLanguage":"ro-RO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/"]}]},{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/#primaryimage","url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/09\/LISTA-24-PLATFORME-ROMANESTI-PENTRU-EDUCATIE-Postare-Instagram-Editabila-4.png?fit=1080%2C1350&ssl=1","contentUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2026\/09\/LISTA-24-PLATFORME-ROMANESTI-PENTRU-EDUCATIE-Postare-Instagram-Editabila-4.png?fit=1080%2C1350&ssl=1","width":1080,"height":1350},{"@type":"BreadcrumbList","@id":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Prima pagin\u0103","item":"https:\/\/livresq.com\/"},{"@type":"ListItem","position":2,"name":"List\u0103 platforme educa\u021bionale rom\u00e2ne\u0219ti"}]},{"@type":"WebSite","@id":"https:\/\/livresq.com\/en\/#website","url":"https:\/\/livresq.com\/en\/","name":"LIVRESQ","description":"eLearning Authoring Tool","publisher":{"@id":"https:\/\/livresq.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/livresq.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ro-RO"},{"@type":"Organization","@id":"https:\/\/livresq.com\/en\/#organization","name":"LIVRESQ - Authoring Tool","url":"https:\/\/livresq.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1","contentUrl":"https:\/\/i0.wp.com\/livresq.com\/wp-content\/uploads\/2019\/07\/cropped-Logo.png?fit=1054%2C575&ssl=1","width":1054,"height":575,"caption":"LIVRESQ - Authoring Tool"},"image":{"@id":"https:\/\/livresq.com\/en\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/livresq.com\/en\/#\/schema\/person\/34f3e270f74ce1f3628f20c1273e3cc6","name":"victoria","image":{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/secure.gravatar.com\/avatar\/3fd1a698d101c872b6cac55bda151cf5eb7b64254e07c8792ce8dffbe9003763?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3fd1a698d101c872b6cac55bda151cf5eb7b64254e07c8792ce8dffbe9003763?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3fd1a698d101c872b6cac55bda151cf5eb7b64254e07c8792ce8dffbe9003763?s=96&d=mm&r=g","caption":"victoria"},"url":"https:\/\/livresq.com\/ro\/author\/victoria\/"}]}},"_links":{"self":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/posts\/272334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/comments?post=272334"}],"version-history":[{"count":42,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/posts\/272334\/revisions"}],"predecessor-version":[{"id":493491,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/posts\/272334\/revisions\/493491"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/media\/493463"}],"wp:attachment":[{"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/media?parent=272334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/categories?post=272334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/livresq.com\/ro\/wp-json\/wp\/v2\/tags?post=272334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}