Rom\u00e1niai Oktat\u00e1si Platformok List\u00e1ja – LIVRESQ<\/title>\n \n \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 \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 \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \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 \/* 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 <\/style>\n<\/head>\n<body class=\"font-sans text-slate-800 antialiased bg-slate-50 selection:bg-[#D91278] selection:text-white\">\n\n \n <main class=\"pt-0\">\n\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\/\" class=\"hero-breadcrumb-link text-slate-400 hover:!text-white transition-colors\">Home<\/a>\n <span>\/<\/span>\n <a href=\"https:\/\/livresq.com\/blog\/\" class=\"hero-breadcrumb-link text-slate-400 hover:!text-white transition-colors\">News<\/a>\n <span>\/<\/span>\n <span class=\"text-[#6fccf0]\">Rom\u00e1niai oktat\u00e1si platformok list\u00e1ja<\/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>\u00datmutat\u00f3 & EdTech Rom\u00e1nia C\u00edmt\u00e1r<\/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 Rom\u00e1niai oktat\u00e1si platformok list\u00e1ja\n <span class=\"block mt-2 text-transparent bg-clip-text bg-gradient-to-r from-[#D91278] via-[#f7529d] to-[#6fccf0]\">\n (folyamatosan b\u0151v\u00fcl\u0151)\n <\/span>\n <\/h1>\n\n <p class=\"text-lg sm:text-xl text-slate-300 leading-relaxed max-w-2xl mb-8\">\n A legfontosabb rom\u00e1niai digit\u00e1lis oktat\u00e1si megold\u00e1sok \u00e9s platformok: az \u00f3vod\u00e1t\u00f3l, az \u00e1ltal\u00e1nos \u00e9s k\u00f6z\u00e9piskol\u00e1t\u00f3l az egyetemi szintig \u00e9s a feln\u0151ttk\u00e9pz\u00e9sig.\n <\/p>\n\n \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\">T\u00e1rsalap\u00edt\u00f3 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>Friss\u00edtve 2026. szeptember<\/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 perc olvas\u00e1si id\u0151<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \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=\"Rom\u00e1niai oktat\u00e1si platformok list\u00e1ja\" 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\">List\u00e1zott Platform<\/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\">K\u00f6nyvt\u00e1r<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\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 \u00dczenet az Oktat\u00e1si K\u00f6z\u00f6ss\u00e9gnek\n <\/span>\n <h2 class=\"text-2xl sm:text-3xl font-heading font-black text-slate-900 tracking-tight mb-4\">\n Kedves pedag\u00f3gusok, sz\u00fcl\u0151k \u00e9s di\u00e1kok!\n <\/h2>\n <p class=\"text-base sm:text-lg text-slate-700 leading-relaxed font-medium\">\n A tan\u00e9v lend\u00fcletes kezd\u00e9s\u00e9hez \u00e9s a tan\u00f3r\u00e1k fenntarthat\u00f3 digitaliz\u00e1l\u00e1s\u00e1hoz \u00f6sszegezt\u00fck a legfontosabb rom\u00e1niai oktat\u00e1si platformokat. Ez a lista egy nyitott munkaeszk\u00f6z, amely k\u00f6zvetlen hozz\u00e1f\u00e9r\u00e9st biztos\u00edt a tan\u00edt\u00e1si-tanul\u00e1si folyamat minden szakasz\u00e1hoz illeszked\u0151 eszk\u00f6z\u00f6kh\u00f6z.\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]\">Lefedett Ter\u00fcletek<\/span>\n <h3 class=\"text-xl sm:text-2xl font-heading font-black text-slate-900 mt-1\">\n A lista minden l\u00e9nyeges oktat\u00e1si ig\u00e9nyt lefed:\n <\/h3>\n <\/div>\n <span class=\"text-xs font-bold text-slate-400\">V\u00e1lasszon pill\u00e9rt a gyors sz\u0171r\u00e9shez<\/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 \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\">Iskolavezet\u00e9s<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">Int\u00e9zm\u00e9nyi folyamatok kezel\u00e9se<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Elektronikus napl\u00f3k, digit\u00e1lis titk\u00e1rs\u00e1g, oszt\u00e1lymenedzsment, \u00f3rarendek, biztons\u00e1gos kommunik\u00e1ci\u00f3.<\/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>Platformok megtekint\u00e9se<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <\/div>\n\n \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\">Szerkeszt\u0151 & Szabv\u00e1nyok<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">SCORM tananyagok k\u00e9sz\u00edt\u00e9se & integr\u00e1ci\u00f3ja<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Ny\u00edlt Oktat\u00e1si Forr\u00e1sok (OER), fejlett interakt\u00edv SCORM szerkeszt\u0151k \u00e9s MI t\u00e1mogat\u00e1s.<\/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>Platformok megtekint\u00e9se<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <\/div>\n\n \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\">Inkluz\u00edv & Gy\u00f3gypedag\u00f3gia<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">Inkluz\u00edv oktat\u00e1s & logop\u00e9dia (SNI)<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Saj\u00e1tos nevel\u00e9si ig\u00e9ny\u0171 (SNI) di\u00e1kok integr\u00e1ci\u00f3ja (pl. REI.PLUS), miniszt\u00e9riumi logop\u00e9dia, digit\u00e1lis ter\u00e1pia.<\/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>Platformok megtekint\u00e9se<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <\/div>\n\n \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\">Terjeszt\u00e9s & K\u00f6nyvt\u00e1rak<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">Oktat\u00e1si anyagok disszemin\u00e1ci\u00f3ja<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Nemzeti tartalomt\u00e1rak, interakt\u00edv vide\u00f3leck\u00e9k, oktat\u00f3j\u00e1t\u00e9kok, felz\u00e1rk\u00f3ztat\u00f3 platformok.<\/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>Platformok megtekint\u00e9se<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <\/div>\n\n \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\">\u00c9rt\u00e9kel\u00e9s & Elemz\u00e9s<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">Eredm\u00e9nyjelent\u00e9sek, id\u0151m\u00e9r\u00e9s & pontsz\u00e1mok<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Szabv\u00e1nyos\u00edtott digit\u00e1lis tesztel\u00e9s, id\u0151m\u00e9r\u00e9s, el\u0151rehalad\u00e1si jelent\u00e9sek \u00e9s objekt\u00edv \u00e9rt\u00e9kel\u00e9s.<\/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>Platformok megtekint\u00e9se<\/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 <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 \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 K\u00f6zponti C\u00edmt\u00e1r\n <\/span>\n <span id=\"platform-count-text\" class=\"text-xs text-slate-500 font-semibold\">\n 25 \/ 25 megjelen\u00edtett platform\n <\/span>\n <\/div>\n <h2 class=\"text-2xl sm:text-3xl font-heading font-black text-slate-900 tracking-tight\">\n Rom\u00e1niai Oktat\u00e1si Platformok\n <\/h2>\n <\/div>\n\n \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=\"w-4 h-4 text-slate-400 absolute left-3.5 top-1\/2 -translate-y-1\/2 pointer-events-none\"><\/i>\n <input\n id=\"directory-search-input\"\n type=\"text\"\n placeholder=\"Sz\u0171r\u00e9s n\u00e9v, funkci\u00f3k szerint...\"\n class=\"w-full pl-10 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=\"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=\"flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all bg-[#1379D1] text-white shadow-sm\">\n <i data-lucide=\"layout-grid\" class=\"w-3.5 h-3.5\"><\/i>\n <span class=\"hidden sm:inline\">R\u00e1cs<\/span>\n <\/button>\n <button id=\"view-table-btn\" onclick=\"setViewMode('table')\" class=\"flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all text-slate-600 hover:text-slate-900 hover:bg-slate-100\">\n <i data-lucide=\"table\" class=\"w-3.5 h-3.5\"><\/i>\n <span class=\"hidden sm:inline\">T\u00e1bl\u00e1zat<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"category-pills-container\" class=\"flex items-center gap-2 overflow-x-auto pb-3 mb-8 no-scrollbar scroll-smooth\">\n \n <\/div>\n\n \n <div id=\"platforms-grid-view\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n <\/div>\n\n \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\">Ssz<\/th>\n <th class=\"py-4 px-5 font-bold w-48\">Platform<\/th>\n <th class=\"py-4 px-5 font-bold\">R\u00f6vid le\u00edr\u00e1s<\/th>\n <th class=\"py-4 px-5 font-bold w-44\">Hivatalos Hivatkoz\u00e1s<\/th>\n <th class=\"py-4 px-5 font-bold w-36 text-center\">K\u00f6z\u00f6ss\u00e9gi M\u00e9dia<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"platforms-table-body\" class=\"divide-y divide-slate-100\">\n \n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\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 Nyitott C\u00edmt\u00e1r & Folyamatosan Friss\u00fcl\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 Van olyan rom\u00e1niai oktat\u00e1si platformja, amely hi\u00e1nyzik?\n <\/h3>\n\n <p class=\"text-sm sm:text-base text-slate-300 leading-relaxed max-w-2xl mb-6\">\n T\u00e1mogatjuk a rom\u00e1niai oktat\u00e1si projektek digitaliz\u00e1l\u00e1s\u00e1t \u00e9s l\u00e1that\u00f3s\u00e1g\u00e1t. K\u00fcldje el platformja adatait, hogy beker\u00fclj\u00f6n ebbe a t\u00f6bb ezer pedag\u00f3gus \u00e1ltal haszn\u00e1lt jegyz\u00e9kbe.\n <\/p>\n\n <div class=\"flex flex-wrap items-center gap-4\">\n <a href=\"mailto:contact@livresq.com?subject=Educational%20platform%20proposal%20for%20LIVRESQ%20list\" 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\">E-mail k\u00fcld\u00e9se: 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 EdTech RO \u00d6kosziszt\u00e9ma\n <\/h4>\n <p class=\"text-xs text-slate-400 mb-4\">\n T\u00f6bb mint 194.754 interakt\u00edv lecke k\u00e9sz\u00fclt SCORM szabv\u00e1nyban.\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\">LIVRESQ Szerkeszt\u0151 megnyit\u00e1sa<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \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 C\u00edmk\u00e9k:\n <\/span>\n <a href=\"https:\/\/livresq.com\/\" 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\">#platformlista<\/a>\n <a href=\"https:\/\/livresq.com\/\" 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\">#digit\u00e1lis oktat\u00e1s<\/a>\n <a href=\"https:\/\/livresq.com\/\" 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\">#oktat\u00e1si forr\u00e1sok<\/a>\n <a href=\"https:\/\/livresq.com\/\" 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\/\" 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\/\" 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 <script>\n const PLATFORMS = [\n {\n \"id\": 1,\n \"name\": \"LIVRESQ\",\n \"url\": \"https:\/\/livresq.com\/ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/ascendia.livresq\",\n \"category\": \"authoring\",\n \"featured\": true,\n \"hasAI\": true,\n \"description\": \"Fejlett szerkeszt\u0151 ny\u00edlt oktat\u00e1si forr\u00e1sok \u00e9s online kurzusok k\u00e9sz\u00edt\u00e9s\u00e9hez a SCORM szabv\u00e1ny seg\u00edts\u00e9g\u00e9vel. A tananyagok let\u00f6lthet\u0151k \u00e9s b\u00e1rmely LMS-be import\u00e1lhat\u00f3k. Tartalmazza Rom\u00e1nia legnagyobb digit\u00e1lis oktat\u00e1si k\u00f6nyvt\u00e1r\u00e1t t\u00f6bb mint 194.754 leck\u00e9vel. Be\u00e9p\u00edtett MI asszisztens seg\u00edti a pedag\u00f3gusokat a gyors \u00e9s min\u0151s\u00e9gi anyaggy\u00e1rt\u00e1sban minden eszk\u00f6z\u00f6n.\",\n \"categoryLabel\": \"Szerkeszt\u0151 & SCORM \/ MI\",\n \"tags\": [\n \"SCORM\",\n \"Ny\u00edlt Forr\u00e1sok\",\n \"MI Asszisztens\",\n \"Biblioteca 194.754+\",\n \"Multi-eszk\u00f6z\"\n ]\n },\n {\n \"id\": 2,\n \"name\": \"Matejoaca\",\n \"url\": \"https:\/\/matejoaca.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/profile.php?id=61583401510996\",\n \"category\": \"math_science\",\n \"description\": \"A Matejoaca egy interakt\u00edv matematikai tanul\u00e1si platform, amely t\u00f6bb mint 214 j\u00e1t\u00e9kos leck\u00e9t k\u00edn\u00e1l a teljes nemzeti tantervet lefedve.\",\n \"categoryLabel\": \"Matematika & Term\u00e9szettudom\u00e1ny\",\n \"tags\": [\n \"Matematika\",\n \"214+ Lecke\",\n \"Tanterv\",\n \"Interakt\u00edv\"\n ]\n },\n {\n \"id\": 3,\n \"name\": \"Adservio\",\n \"url\": \"https:\/\/www.adservio.ro\/ro\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/adservio.ro\",\n \"category\": \"management\",\n \"featured\": true,\n \"description\": \"\u00c1tfog\u00f3 iskolavezet\u00e9si platform, amely \u00f6sszek\u00f6ti az igazgat\u00f3kat, pedag\u00f3gusokat, titk\u00e1rs\u00e1got, sz\u00fcl\u0151ket \u00e9s di\u00e1kokat elektronikus napl\u00f3val \u00e9s adminisztr\u00e1ci\u00f3s modulokkal.\",\n \"categoryLabel\": \"Iskolavezet\u00e9s\",\n \"tags\": [\n \"Elektronikus Napl\u00f3\",\n \"Titk\u00e1rs\u00e1g\",\n \"\u00dczenetek\",\n \"Igazgat\u00f3k\",\n \"Sz\u00fcl\u0151k & Di\u00e1kok\"\n ]\n },\n {\n \"id\": 4,\n \"name\": \"Proiectul CRED\",\n \"url\": \"https:\/\/digital.educred.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/ProiectulCRED\",\n \"category\": \"authoring\",\n \"isFree\": true,\n \"description\": \"A CRED projekt pedag\u00f3gusok \u00e1ltal fejlesztett Ny\u00edlt Oktat\u00e1si Forr\u00e1sokat (OER) k\u00edn\u00e1l, igazodva az \u00faj kompetenciaalap\u00fa \u00e1ltal\u00e1nos \u00e9s k\u00f6z\u00e9piskolai tantervhez.\",\n \"categoryLabel\": \"Ny\u00edlt Oktat\u00e1si Forr\u00e1sok\",\n \"tags\": [\n \"OER\",\n \"Nemzeti Tanterv\",\n \"\u00c1ltal\u00e1nos Iskola\",\n \"Ingyenes\"\n ]\n },\n {\n \"id\": 5,\n \"name\": \"Edus\",\n \"url\": \"https:\/\/edus.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/platformaEdus.ro\",\n \"category\": \"management\",\n \"description\": \"Online oktat\u00e1si menedzsment platform elektronikus napl\u00f3val, h\u00e1zi feladatokkal, online tesztel\u00e9ssel, biztons\u00e1gos \u00e9l\u0151 oktat\u00e1si rendszerekkel \u00e9s vide\u00f3konferenci\u00e1val.\",\n \"categoryLabel\": \"Iskolavezet\u00e9s\",\n \"tags\": [\n \"Elektronikus Napl\u00f3\",\n \"H\u00e1zi feladat & Tesztek\",\n \"Vide\u00f3konferencia\",\n \"K\u00f6nyvt\u00e1r\"\n ]\n },\n {\n \"id\": 6,\n \"name\": \"Kinderpedia\",\n \"url\": \"https:\/\/www.kinderpedia.co\/ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/kinderpedia\",\n \"category\": \"management\",\n \"featured\": true,\n \"description\": \"Intelligens menedzsment \u00e9s kommunik\u00e1ci\u00f3s platform iskol\u00e1knak \u00e9s \u00f3vod\u00e1knak: \u00f3rarendek, elektronikus napl\u00f3, sz\u00e1ml\u00e1z\u00e1s, fejl\u0151d\u00e9si jelent\u00e9sek \u00e9s \u00fczenetk\u00fcld\u00e9s.\",\n \"categoryLabel\": \"Iskola & \u00d3voda Menedzsment\",\n \"tags\": [\n \"\u00d3voda & Iskola\",\n \"P\u00e9nz\u00fcgyek\",\n \"\u00d3rarend & Napl\u00f3\",\n \"Fejl\u0151d\u00e9si Jelent\u00e9sek\"\n ]\n },\n {\n \"id\": 7,\n \"name\": \"MyKoolio\",\n \"url\": \"https:\/\/www.mykoolio.com\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/profesorulmykoolio\",\n \"category\": \"early_childhood\",\n \"description\": \"Interakt\u00edv oktat\u00e1si port\u00e1l j\u00e1t\u00e9kos leck\u00e9kkel \u00e9s iskolai folyamatkezel\u0151 eszk\u00f6z\u00f6kkel: virtu\u00e1lis napl\u00f3, oszt\u00e1lykezel\u00e9s, h\u00e1zi feladatok \u00e9s tev\u00e9kenys\u00e9gnapt\u00e1r.\",\n \"categoryLabel\": \"Interakt\u00edv Leck\u00e9k & Menedzsment\",\n \"tags\": [\n \"Interakt\u00edv Leck\u00e9k\",\n \"Virtu\u00e1lis Napl\u00f3\",\n \"Oszt\u00e1lyok & H\u00e1zi\",\n \"Napt\u00e1r\"\n ]\n },\n {\n \"id\": 8,\n \"name\": \"Dacobots\",\n \"url\": \"https:\/\/dacobots.com\/index_ro.html\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/dacobots\",\n \"category\": \"early_childhood\",\n \"isFree\": true,\n \"description\": \"Ingyenes oktat\u00e1si port\u00e1l interakt\u00edv leck\u00e9kkel \u00e9s anim\u00e1lt j\u00e1t\u00e9kokkal \u00f3vod\u00e1soknak \u00e9s kisiskol\u00e1soknak az EduTeca gy\u0171jtem\u00e9ny alapj\u00e1n.\",\n \"categoryLabel\": \"\u00d3voda & Kisiskol\u00e1sok\",\n \"tags\": [\n \"\u00d3voda\",\n \"EduTeca\",\n \"J\u00e1t\u00e9kok & Leck\u00e9k\",\n \"Ingyenes\"\n ]\n },\n {\n \"id\": 9,\n \"name\": \"CoffeeLMS\",\n \"url\": \"https:\/\/coffeelms.com\/\",\n \"category\": \"authoring\",\n \"description\": \"Modern tanul\u00e1sir\u00e1ny\u00edt\u00e1si rendszer (LMS), amelyet oktat\u00e1si int\u00e9zm\u00e9nyek, civil szervezetek \u00e9s c\u00e9gek haszn\u00e1lnak online k\u00e9pz\u00e9sek lebonyol\u00edt\u00e1s\u00e1ra.\",\n \"categoryLabel\": \"Learning Management System (LMS)\",\n \"tags\": [\n \"LMS\",\n \"Online Kurzusok\",\n \"Civil & V\u00e1llalati\",\n \"Pedag\u00f3gusk\u00e9pz\u00e9s\"\n ]\n },\n {\n \"id\": 10,\n \"name\": \"Digitaliada\",\n \"url\": \"https:\/\/www.digitaliada.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/Digitaliada\",\n \"category\": \"authoring\",\n \"description\": \"K\u00f6zponti oktat\u00e1si port\u00e1l digit\u00e1lis anyagokkal \u00e9s \u00e9ves digit\u00e1lis versennyel pedag\u00f3gusok sz\u00e1m\u00e1ra Rom\u00e1ni\u00e1ban. LIVRESQ kompatibilis.\",\n \"categoryLabel\": \"K\u00f6z\u00f6ss\u00e9g & Digit\u00e1lis Verseny\",\n \"tags\": [\n \"Digit\u00e1lis Anyagok\",\n \"Tan\u00e1ri Verseny\",\n \"K\u00f6z\u00f6ss\u00e9g\",\n \"LIVRESQ Kompatibilis\"\n ]\n },\n {\n \"id\": 11,\n \"name\": \"ASQ\",\n \"url\": \"https:\/\/asq.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/asq.romania\",\n \"category\": \"exams\",\n \"description\": \"Interakt\u00edv oktat\u00e1si port\u00e1l leck\u00e9kkel \u00e9s gyors tesztk\u00e9sz\u00edt\u0151 motorral a folyamatos format\u00edv \u00e9rt\u00e9kel\u00e9s t\u00e1mogat\u00e1s\u00e1ra.\",\n \"categoryLabel\": \"Leck\u00e9k & Gyors Tesztek\",\n \"tags\": [\n \"Gyors Tesztek\",\n \"Interakt\u00edv Leck\u00e9k\",\n \"\u00c9rt\u00e9kel\u00e9s\",\n \"Format\u00edv Tesztek\"\n ]\n },\n {\n \"id\": 12,\n \"name\": \"123edu\",\n \"url\": \"https:\/\/123edu.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/123edu.ro\",\n \"category\": \"early_childhood\",\n \"description\": \"Interakt\u00edv tanul\u00e1si port\u00e1l kifejezetten el\u0151k\u00e9sz\u00edt\u0151 oszt\u00e1lyok \u00e9s 1-4. oszt\u00e1lyos tanul\u00f3k sz\u00e1m\u00e1ra tantervhez igaz\u00edtott feladatokkal.\",\n \"categoryLabel\": \"Als\u00f3 Tagozatos Oktat\u00e1s\",\n \"tags\": [\n \"El\u0151k\u00e9sz\u00edt\u0151 Oszt\u00e1ly\",\n \"1-4. Oszt\u00e1ly\",\n \"Interakt\u00edv Leck\u00e9k\",\n \"Gyakorlatok\"\n ]\n },\n {\n \"id\": 13,\n \"name\": \"Kidibot\",\n \"url\": \"https:\/\/www.kidibot.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/kidibot\",\n \"category\": \"early_childhood\",\n \"description\": \"Gamifik\u00e1lt oktat\u00e1si platform, amely j\u00e1t\u00e9kos tud\u00e1spr\u00f3b\u00e1kkal \u00e9s jutalmakkal \u00f6szt\u00f6nzi a gyermekeket az olvas\u00e1sra \u00e9s a tanul\u00e1sra.\",\n \"categoryLabel\": \"Olvas\u00e1s & Gamifik\u00e1ci\u00f3\",\n \"tags\": [\n \"Gamifik\u00e1ci\u00f3\",\n \"Olvas\u00e1s Motiv\u00e1ci\u00f3\",\n \"Tud\u00e1scsat\u00e1k\",\n \"Kv\u00edzek\"\n ]\n },\n {\n \"id\": 14,\n \"name\": \"VreauLa\",\n \"url\": \"https:\/\/vreaula.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/vreaula\",\n \"category\": \"exams\",\n \"description\": \"C\u00e9lzott oktat\u00e1si platform, amely seg\u00edti a k\u00f6z\u00e9piskol\u00e1sokat az \u00e9retts\u00e9gi \u00e9s az egyetemi felv\u00e9teli vizsg\u00e1kra val\u00f3 hat\u00e9kony felk\u00e9sz\u00fcl\u00e9sben.\",\n \"categoryLabel\": \"\u00c9retts\u00e9gi & Egyetemi Felv\u00e9teli\",\n \"tags\": [\n \"\u00c9retts\u00e9gi\",\n \"Egyetemi Felv\u00e9teli\",\n \"Vizsgafelk\u00e9sz\u00fcl\u00e9s\",\n \"K\u00f6z\u00e9piskola\"\n ]\n },\n {\n \"id\": 15,\n \"name\": \"Brio.ro\",\n \"url\": \"https:\/\/brio.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/BrioRomania\",\n \"category\": \"exams\",\n \"featured\": true,\n \"description\": \"Szabv\u00e1nyos\u00edtott digit\u00e1lis tesztel\u00e9si platform, amely pszichometriai teljes\u00edtm\u00e9nydiagnosztik\u00e1t ny\u00fajt matematik\u00e1b\u00f3l \u00e9s rom\u00e1n nyelvb\u0151l 1-12. oszt\u00e1lyig.\",\n \"categoryLabel\": \"Szabv\u00e1nyos\u00edtott Tesztel\u00e9s\",\n \"tags\": [\n \"Szabv\u00e1nyos Tesztek\",\n \"1-12. Oszt\u00e1ly\",\n \"Pszichometriai Riportok\",\n \"Teljes\u00edtm\u00e9ny\"\n ]\n },\n {\n \"id\": 16,\n \"name\": \"\u0218coala Intuitext\",\n \"url\": \"https:\/\/www.scoalaintuitext.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/ScoalaINTUITEXT\",\n \"category\": \"early_childhood\",\n \"description\": \"Interakt\u00edv port\u00e1l \u00e1ltal\u00e1nos iskolai leck\u00e9kkel, oszt\u00e1lykezel\u00e9si funkci\u00f3kkal, automatiz\u00e1lt h\u00e1zi feladat kioszt\u00e1ssal \u00e9s halad\u00e1si jelent\u00e9sekkel.\",\n \"categoryLabel\": \"Leck\u00e9k & Oszt\u00e1lykezel\u00e9s\",\n \"tags\": [\n \"H\u00e1zi Feladat Kezel\u00e9s\",\n \"Jegyek & Riportok\",\n \"1-4. Oszt\u00e1ly\",\n \"Digit\u00e1lis Leck\u00e9k\"\n ]\n },\n {\n \"id\": 17,\n \"name\": \"Voxi Clinic\",\n \"url\": \"https:\/\/voxikids.com\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/VoxiKids\",\n \"category\": \"special_edu\",\n \"description\": \"Logop\u00e9di\u00e1t \u00e9s gy\u00f3gypedag\u00f3gi\u00e1t t\u00e1mogat\u00f3 platform interakt\u00edv t\u00f6bbj\u00e1t\u00e9kos gyakorlatokkal, \u00fcgyf\u00e9lkezel\u00e9ssel \u00e9s fejl\u0151d\u00e9si napl\u00f3val.\",\n \"categoryLabel\": \"Gy\u00f3gypedag\u00f3gia & Logop\u00e9dia\",\n \"tags\": [\n \"Logop\u00e9dia\",\n \"Saj\u00e1tos Nevel\u00e9si Ig\u00e9ny\",\n \"Online Ter\u00e1pia\",\n \"Id\u0151pontfoglal\u00e1s\"\n ]\n },\n {\n \"id\": 18,\n \"name\": \"Timlogo\",\n \"url\": \"https:\/\/timlogo.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/ascendia.timlogo\",\n \"category\": \"special_edu\",\n \"featured\": true,\n \"description\": \"Az Oktat\u00e1si Miniszt\u00e9rium \u00e1ltal hivatalosan j\u00f3v\u00e1hagyott logop\u00e9diai oktat\u00e1si platform besz\u00e9dhib\u00e1s \u00f3vod\u00e1s \u00e9s iskol\u00e1s gyermekek fejleszt\u00e9s\u00e9re.\",\n \"categoryLabel\": \"Miniszt\u00e9rium \u00e1ltal j\u00f3v\u00e1hagyva\",\n \"tags\": [\n \"Miniszt\u00e9riumi J\u00f3v\u00e1hagy\u00e1s\",\n \"Logop\u00e9dia\",\n \"Pszichopedag\u00f3gia\",\n \"Audio-Vide\u00f3 Gyakorlatok\"\n ]\n },\n {\n \"id\": 19,\n \"name\": \"Naradix\",\n \"url\": \"https:\/\/naradix.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/naradapentrueducatie\",\n \"category\": \"video_learning\",\n \"isFree\": true,\n \"description\": \"Felz\u00e1rk\u00f3ztat\u00f3 oktat\u00e1si platform ingyenes interakt\u00edv leck\u00e9kkel 0-8. oszt\u00e1lyosoknak az oktat\u00e1si egyenl\u0151tlens\u00e9gek cs\u00f6kkent\u00e9s\u00e9re.\",\n \"categoryLabel\": \"Felz\u00e1rk\u00f3ztat\u00f3 Oktat\u00e1s\",\n \"tags\": [\n \"Felz\u00e1rk\u00f3ztat\u00e1s\",\n \"0-8. Oszt\u00e1ly\",\n \"Ingyenes Leck\u00e9k\",\n \"T\u00e1rsadalmi Hat\u00e1s\"\n ]\n },\n {\n \"id\": 20,\n \"name\": \"Vboard\",\n \"url\": \"https:\/\/vboard.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/Virtual-Board-104068774768862\/\",\n \"category\": \"management\",\n \"description\": \"Val\u00f3s idej\u0171 kollaborat\u00edv interakt\u00edv t\u00e1bla \u00e9l\u0151 online tan\u00edt\u00e1shoz be\u00e9p\u00edtett hang\/vide\u00f3kapcsolattal \u00e9s egy\u00e9ni di\u00e1kt\u00e1bl\u00e1kkal.\",\n \"categoryLabel\": \"\u00c9l\u0151 Interakt\u00edv T\u00e1bla\",\n \"tags\": [\n \"Interakt\u00edv T\u00e1bla\",\n \"\u00c9l\u0151 Oktat\u00e1s\",\n \"Be\u00e9p\u00edtett Audi\u00f3-Vide\u00f3\",\n \"Egy\u00e9ni T\u00e1bl\u00e1k\"\n ]\n },\n {\n \"id\": 21,\n \"name\": \"Super\u0218coala\",\n \"url\": \"https:\/\/superscoala.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/superscoalaonline\",\n \"category\": \"video_learning\",\n \"description\": \"Vide\u00f3leck\u00e9ket k\u00edn\u00e1l\u00f3 platform a teljes tantervre kiterjed\u0151en, elhivatott tan\u00e1rokkal, interakt\u00edv feladatlapokkal \u00e9s gyakorl\u00f3 k\u00e9rd\u00e9sekkel.\",\n \"categoryLabel\": \"Vide\u00f3leck\u00e9k & Gyakorl\u00e1s\",\n \"tags\": [\n \"Vide\u00f3leck\u00e9k\",\n \"Elhivatott Tan\u00e1rok\",\n \"Munkalapok\",\n \"Interakt\u00edv J\u00e1t\u00e9kok\"\n ]\n },\n {\n \"id\": 22,\n \"name\": \"edu.sellification\",\n \"url\": \"https:\/\/edu.sellification.org\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/groups\/EducatoriSellification\",\n \"category\": \"video_learning\",\n \"description\": \"T\u00f6bb sz\u00e1z \u00f3r\u00e1nyi vide\u00f3k\u00e9pz\u00e9st \u00e9s pedag\u00f3giai szakk\u00f6nyveket k\u00edn\u00e1l\u00f3 platform a mag\u00e1val ragad\u00f3 \u00e9s akt\u00edv tanul\u00e1si m\u00f3dszertanokr\u00f3l.\",\n \"categoryLabel\": \"Akt\u00edv Tanul\u00e1si M\u00f3dszerek\",\n \"tags\": [\n \"Pedag\u00f3gus Tov\u00e1bbk\u00e9pz\u00e9s\",\n \"\u00c9lm\u00e9nyalap\u00fa Oktat\u00e1s\",\n \"Vide\u00f3k & K\u00f6nyvek\",\n \"Tan\u00e1ri K\u00f6z\u00f6ss\u00e9g\"\n ]\n },\n {\n \"id\": 23,\n \"name\": \"red-religie.ro\",\n \"url\": \"https:\/\/red-religie.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/redreligie\",\n \"category\": \"video_learning\",\n \"isFree\": true,\n \"description\": \"Online forr\u00e1splatform vall\u00e1stan\u00e1rok \u00e9s di\u00e1kok sz\u00e1m\u00e1ra digit\u00e1lis tananyagokkal, multim\u00e9di\u00e1s tartalmakkal \u00e9s \u00e9rt\u00e9kel\u00e9sekkel.\",\n \"categoryLabel\": \"Vall\u00e1soktat\u00e1si Forr\u00e1sok\",\n \"tags\": [\n \"Vall\u00e1soktat\u00e1s\",\n \"Didaktikai Forr\u00e1sok\",\n \"Audi\u00f3-Vide\u00f3\",\n \"Rom\u00e1nia & Diaszp\u00f3ra\"\n ]\n },\n {\n \"id\": 24,\n \"name\": \"Edu For Life\",\n \"url\": \"https:\/\/edu.forlife.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/ForLife.ro\",\n \"category\": \"exams\",\n \"isFree\": true,\n \"description\": \"K\u00f6z\u00f6ss\u00e9gi feladatbank \u00e9s forr\u00e1sk\u00f6zpont t\u00f6bb ezer tesztk\u00e9rd\u00e9ssel, PDF-ekkel \u00e9s vide\u00f3leck\u00e9kkel minden fontos tant\u00e1rgyhoz.\",\n \"categoryLabel\": \"Feladatbank & K\u00f6z\u00f6ss\u00e9g\",\n \"tags\": [\n \"Feladatbank\",\n \"Minden Tant\u00e1rgy\",\n \"PDF & Vide\u00f3\",\n \"FOR LIFE K\u00f6z\u00f6ss\u00e9g\"\n ]\n },\n {\n \"id\": 25,\n \"name\": \"REI.PLUS\",\n \"url\": \"https:\/\/www.rei.plus\/\",\n \"category\": \"special_edu\",\n \"isFree\": true,\n \"isNew\": true,\n \"description\": \"Inkluz\u00edv oktat\u00e1si projekt, amely adapt\u00e1lt tananyagokat, differenci\u00e1lt munkalapokat \u00e9s m\u00f3dszertani \u00fatmutat\u00f3kat biztos\u00edt SNI-s tanul\u00f3k integr\u00e1l\u00e1s\u00e1hoz.\",\n \"categoryLabel\": \"Inkluz\u00edv Oktat\u00e1s & SNI\",\n \"tags\": [\n \"Inkluz\u00edv Oktat\u00e1s\",\n \"SNI Tanul\u00f3k\",\n \"Adapt\u00e1lt Anyagok\",\n \"M\u00f3dszertani \u00datmutat\u00f3k\",\n \"Differenci\u00e1lt Munkalapok\"\n ]\n }\n];\n\n const CATEGORIES = [\n {\n \"id\": \"all\",\n \"label\": \"\u00d6sszes platform\"\n },\n {\n \"id\": \"authoring\",\n \"label\": \"Tananyagk\u00e9sz\u00edt\u00e9s & OER \/ Kurzusok\"\n },\n {\n \"id\": \"management\",\n \"label\": \"Iskolavezet\u00e9s & E-napl\u00f3k\"\n },\n {\n \"id\": \"math_science\",\n \"label\": \"Matematika & Term\u00e9szettudom\u00e1ny\"\n },\n {\n \"id\": \"early_childhood\",\n \"label\": \"\u00d3voda & Als\u00f3 tagozat\"\n },\n {\n \"id\": \"exams\",\n \"label\": \"Vizsgafelk\u00e9sz\u00edt\u00e9s & \u00c9rt\u00e9kel\u00e9s\"\n },\n {\n \"id\": \"special_edu\",\n \"label\": \"Gy\u00f3gypedag\u00f3gia & Inkl\u00fazi\u00f3\"\n },\n {\n \"id\": \"video_learning\",\n \"label\": \"Vide\u00f3leck\u00e9k & Tananyagok\"\n }\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 setTimeout(safeCreateIcons, 200);\n setTimeout(safeCreateIcons, 1000);\n \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(`Hivatkoz\u00e1s m\u00e1solva: ${url}`);\n }).catch(() => {\n prompt(\"Hivatkoz\u00e1s m\u00e1solva:\", url);\n });\n } else {\n prompt(\"Hivatkoz\u00e1s m\u00e1solva:\", 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 = CATEGORIES.map(cat => {\n const isActive = currentCategory === cat.id;\n return `\n <button\n onclick=\"setCategory('${cat.id}')\"\n class=\"px-4 py-2 rounded-full text-xs font-bold whitespace-nowrap transition-all duration-200 border cursor-pointer ${\n isActive\n ? 'bg-[#1379D1] text-white border-[#1379D1] shadow-md shadow-[#1379D1]\/20 scale-105'\n : 'bg-white text-slate-600 border-slate-200 hover:border-slate-300 hover:bg-slate-50'\n }\"\n >\n ${cat.label}\n <\/button>\n `;\n }).join('');\n }\n\n function setCategory(id) {\n currentCategory = id;\n renderPills();\n renderPlatforms();\n }\n\n function filterByPillar(catId) {\n setCategory(catId);\n const directoryEl = document.getElementById('directory');\n if (directoryEl) {\n directoryEl.scrollIntoView({ behavior: 'smooth' });\n }\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 gridBtn.className = 'flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all bg-[#1379D1] text-white shadow-sm';\n tableBtn.className = 'flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all text-slate-600 hover:text-slate-900 hover:bg-slate-100';\n gridView.classList.remove('hidden');\n tableView.classList.add('hidden');\n } else {\n tableBtn.className = 'flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all bg-[#1379D1] text-white shadow-sm';\n gridBtn.className = 'flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all text-slate-600 hover:text-slate-900 hover:bg-slate-100';\n gridView.classList.add('hidden');\n tableView.classList.remove('hidden');\n }\n safeCreateIcons();\n }\n\n function renderPlatforms() {\n const filtered = PLATFORMS.filter(item => {\n const matchesCategory = currentCategory === 'all' || item.category === currentCategory;\n const matchesSearch = 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 matchesCategory && matchesSearch;\n });\n\n const countEl = document.getElementById('platform-count-text');\n if (countEl) {\n countEl.textContent = `${filtered.length} \/ ${PLATFORMS.length} megjelen\u00edtett platform`;\n }\n\n \/\/ Render Grid\n const gridView = document.getElementById('platforms-grid-view');\n if (gridView) {\n if (filtered.length === 0) {\n gridView.innerHTML = `\n <div class=\"col-span-full py-16 text-center bg-white rounded-2xl border border-dashed border-slate-300\">\n <i data-lucide=\"search-x\" class=\"w-12 h-12 text-slate-300 mx-auto mb-3\"><\/i>\n <h4 class=\"text-base font-bold text-slate-700 font-heading\">No platforms found<\/h4>\n <p class=\"text-xs text-slate-400 mt-1\">Try another search or select a different category.<\/p>\n <\/div>\n `;\n } else {\n gridView.innerHTML = filtered.map(item => `\n <div class=\"group relative bg-white rounded-2xl border transition-all duration-300 flex flex-col justify-between overflow-hidden ${\n item.featured \n ? 'border-[#1379D1]\/40 hover:border-[#1379D1] shadow-md shadow-[#1379D1]\/5 hover:shadow-xl hover:-translate-y-1' \n : 'border-slate-200\/80 hover:border-[#1379D1]\/30 hover:shadow-lg hover:-translate-y-1'\n }\">\n ${item.featured ? `\n <div class=\"absolute top-0 right-0 w-24 h-24 overflow-hidden pointer-events-none z-10\">\n <div class=\"absolute transform rotate-45 bg-gradient-to-r from-[#1379D1] to-[#D91278] text-white font-black text-[9px] uppercase tracking-wider py-0.5 right-[-35px] top-[18px] w-[120px] text-center shadow-sm\">\n Top EdTech\n <\/div>\n <\/div>\n ` : ''}\n\n <div class=\"p-6\">\n <div class=\"flex items-center justify-between gap-3 mb-4\">\n <span class=\"inline-flex items-center gap-1 text-[11px] font-bold px-2.5 py-1 rounded-md border ${\n item.featured \n ? 'bg-blue-50 text-[#1379D1] border-blue-200' \n : 'bg-slate-50 text-slate-600 border-slate-200'\n }\">\n ${item.categoryLabel}\n <\/span>\n <span class=\"text-xs font-black text-slate-300 font-mono\">#${item.id < 10 ? '0' + item.id : item.id}<\/span>\n <\/div>\n\n <h3 class=\"text-xl font-heading font-black text-slate-900 group-hover:text-[#1379D1] transition-colors mb-3 flex items-center gap-2\">\n <span>${item.name}<\/span>\n ${item.isNew ? '<span class=\"inline-flex items-center gap-1 px-2 py-0.5 rounded text-[9px] font-black uppercase tracking-wider bg-gradient-to-r from-[#D91278] to-pink-500 text-white shadow-xs\"><span class=\"w-1.5 h-1.5 rounded-full bg-white animate-pulse\"><\/span> ' + (item.newBadge || 'NEW') + '<\/span>' : ''}\n ${item.hasAI ? '<span class=\"inline-flex items-center px-1.5 py-0.5 rounded text-[9px] font-extrabold bg-gradient-to-r from-purple-600 to-indigo-600 text-white\">AI<\/span>' : ''}\n ${item.isFree ? '<span class=\"inline-flex items-center px-1.5 py-0.5 rounded text-[9px] font-extrabold bg-emerald-100 text-emerald-800\">FREE<\/span>' : ''}\n <\/h3>\n\n <p class=\"text-xs sm:text-sm text-slate-600 leading-relaxed line-clamp-4 mb-5\">\n ${item.description}\n <\/p>\n\n <div class=\"flex flex-wrap gap-1.5 mb-2\">\n ${item.tags.map(tag => `\n <span class=\"text-[10px] font-medium bg-slate-100 text-slate-600 px-2 py-0.5 rounded border border-slate-200\/60\">\n ${tag}\n <\/span>\n `).join('')}\n <\/div>\n <\/div>\n\n <div class=\"px-6 py-4 bg-slate-50\/80 border-t border-slate-100 flex items-center justify-between gap-3\">\n <a\n href=\"${item.url}\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"card-action-btn ${item.name === 'LIVRESQ' ? 'card-action-btn-fucsia' : 'card-action-btn-blue'} flex-1 inline-flex items-center justify-center gap-2 px-4 py-2.5 rounded-lg text-xs font-bold transition-all !text-white hover:!text-white hover:-translate-y-0.5 active:translate-y-0 shadow-sm no-underline\"\n >\n <span class=\"!text-white font-bold\">Weboldal megnyit\u00e1sa<\/span>\n <i data-lucide=\"external-link\" class=\"w-3.5 h-3.5 !text-white\"><\/i>\n <\/a>\n\n <div class=\"flex items-center gap-1.5\">\n ${item.socialUrl ? `\n <a\n href=\"${item.socialUrl}\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n 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\"\n title=\"Facebook\"\n >\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=\"p-2.5 bg-white hover:bg-slate-100 text-slate-600 rounded-lg border border-slate-200 transition-colors flex items-center justify-center cursor-pointer\" title=\"Copy Link\">\n <i data-lucide=\"copy\" class=\"w-4 h-4\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n `).join('');\n }\n }\n\n \/\/ Render Table\n const tableBody = document.getElementById('platforms-table-body');\n if (tableBody) {\n tableBody.innerHTML = filtered.map(item => {\n const domain = item.url.replace('https:\/\/', '').replace('http:\/\/', '').replace('www.', '').replace('\/ro\/', '').replace('\/index_ro.html', '').replace('\/', '');\n return `\n <tr class=\"hover:bg-blue-50\/40 transition-colors\">\n <td class=\"py-3 px-4 font-mono font-bold text-slate-400 text-center\">\n ${item.id < 10 ? '0' + item.id : item.id}\n <\/td>\n <td class=\"py-3 px-5\">\n <div class=\"flex items-center gap-2\">\n <span class=\"font-bold text-slate-900 text-sm font-heading\">${item.name}<\/span>\n ${item.isNew ? '<span class=\"px-1.5 py-0.5 rounded text-[9px] font-black uppercase tracking-wider bg-gradient-to-r from-[#D91278] to-pink-500 text-white shadow-xs\">' + (item.newBadge || 'NEW') + '<\/span>' : ''}\n ${item.featured ? '<span class=\"px-1.5 py-0.5 rounded text-[9px] font-extrabold bg-blue-100 text-[#1379D1]\">TOP<\/span>' : ''}\n <\/div>\n <span class=\"text-[10px] text-slate-500 font-semibold block\">${item.categoryLabel}<\/span>\n <\/td>\n <td class=\"py-3 px-5 text-slate-600 text-xs leading-relaxed max-w-md\">\n ${item.description}\n <\/td>\n <td class=\"py-3 px-5\">\n <a\n href=\"${item.url}\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"inline-flex items-center gap-1.5 text-xs font-bold text-[#1379D1] hover:underline no-underline\"\n >\n <span>${domain}<\/span>\n <i data-lucide=\"external-link\" class=\"w-3.5 h-3.5\"><\/i>\n <\/a>\n <\/td>\n <td class=\"py-3 px-5 text-center\">\n ${item.socialUrl ? `\n <a\n href=\"${item.socialUrl}\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"inline-flex p-1.5 text-slate-400 hover:text-[#1877F2] transition-colors\"\n >\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\">-<\/span>'}\n <\/td>\n <\/tr>\n `;\n }).join('');\n }\n\n safeCreateIcons();\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initApp);\n } else {\n initApp();\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Ebben a list\u00e1ban megtal\u00e1lod a legfontosabb rom\u00e1niai platformokat, amelyek t\u00e1mogatj\u00e1k az oktat\u00e1st haz\u00e1nkban. Az \u00f3vod\u00e1t\u00f3l az egyetemi szintig \u00e9s azon t\u00fal.<\/p>","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":"\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\/hu\/hirek\/romaniai-oktatasi-platformok-listaja\/\" \/>\n<meta property=\"og:locale\" content=\"hu_HU\" \/>\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\/hu\/hirek\/romaniai-oktatasi-platformok-listaja\/\" \/>\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=\"Szerz\u0151:\" \/>\n\t<meta name=\"twitter:data1\" content=\"victoria\" \/>\n\t<meta name=\"twitter:label2\" content=\"Becs\u00fclt olvas\u00e1si id\u0151\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 perc\" \/>\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\":\"hu\"},{\"@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\":\"hu\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/livresq.com\\\/news\\\/lista-platforme-educationale-romanesti\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hu\",\"@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\":\"hu\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/livresq.com\\\/en\\\/#organization\",\"name\":\"LIVRESQ - Authoring Tool\",\"url\":\"https:\\\/\\\/livresq.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hu\",\"@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\":\"hu\",\"@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\\\/hu\\\/author\\\/victoria\\\/\"}]}<\/script>\n","yoast_head_json":{"title":"Rom\u00e1niai oktat\u00e1si platformok list\u00e1ja - LIVRESQ","description":"A legfontosabb rom\u00e1niai platformok, amelyek t\u00e1mogatj\u00e1k az oktat\u00e1st haz\u00e1nkban. Az \u00f3vod\u00e1t\u00f3l az egyetemi szintig \u00e9s azon t\u00fal.","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\/hu\/hirek\/romaniai-oktatasi-platformok-listaja\/","og_locale":"hu_HU","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\/hu\/hirek\/romaniai-oktatasi-platformok-listaja\/","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":{"Szerz\u0151:":"victoria","Becs\u00fclt olvas\u00e1si id\u0151":"15 perc"},"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":"hu"},{"@type":"WebPage","@id":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/","url":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/","name":"Rom\u00e1niai oktat\u00e1si platformok list\u00e1ja - 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":"A legfontosabb rom\u00e1niai platformok, amelyek t\u00e1mogatj\u00e1k az oktat\u00e1st haz\u00e1nkban. Az \u00f3vod\u00e1t\u00f3l az egyetemi szintig \u00e9s azon t\u00fal.","breadcrumb":{"@id":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/#breadcrumb"},"inLanguage":"hu","potentialAction":[{"@type":"ReadAction","target":["https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/"]}]},{"@type":"ImageObject","inLanguage":"hu","@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 szerz\u0151i eszk\u00f6z","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":"hu"},{"@type":"Organization","@id":"https:\/\/livresq.com\/en\/#organization","name":"LIVRESQ - Szerz\u0151i eszk\u00f6z","url":"https:\/\/livresq.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"hu","@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":"hu","@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\/hu\/author\/victoria\/"}]}},"_links":{"self":[{"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/posts\/272334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/comments?post=272334"}],"version-history":[{"count":42,"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/posts\/272334\/revisions"}],"predecessor-version":[{"id":493491,"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/posts\/272334\/revisions\/493491"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/media\/493463"}],"wp:attachment":[{"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/media?parent=272334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/categories?post=272334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/tags?post=272334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"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":"romaniai-oktatasi-platformok-listaja","status":"publish","type":"post","link":"https:\/\/livresq.com\/hu\/news\/lista-platforme-educationale-romanesti\/","title":{"rendered":"Rom\u00e1niai oktat\u00e1si platformok list\u00e1ja"},"content":{"rendered":"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n \n Rom\u00e1niai Oktat\u00e1si Platformok List\u00e1ja – LIVRESQ<\/title>\n \n \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 \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 \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n \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 \/* 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 <\/style>\n<\/head>\n<body class=\"font-sans text-slate-800 antialiased bg-slate-50 selection:bg-[#D91278] selection:text-white\">\n\n \n <main class=\"pt-0\">\n\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\/\" class=\"hero-breadcrumb-link text-slate-400 hover:!text-white transition-colors\">Home<\/a>\n <span>\/<\/span>\n <a href=\"https:\/\/livresq.com\/blog\/\" class=\"hero-breadcrumb-link text-slate-400 hover:!text-white transition-colors\">News<\/a>\n <span>\/<\/span>\n <span class=\"text-[#6fccf0]\">Rom\u00e1niai oktat\u00e1si platformok list\u00e1ja<\/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>\u00datmutat\u00f3 & EdTech Rom\u00e1nia C\u00edmt\u00e1r<\/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 Rom\u00e1niai oktat\u00e1si platformok list\u00e1ja\n <span class=\"block mt-2 text-transparent bg-clip-text bg-gradient-to-r from-[#D91278] via-[#f7529d] to-[#6fccf0]\">\n (folyamatosan b\u0151v\u00fcl\u0151)\n <\/span>\n <\/h1>\n\n <p class=\"text-lg sm:text-xl text-slate-300 leading-relaxed max-w-2xl mb-8\">\n A legfontosabb rom\u00e1niai digit\u00e1lis oktat\u00e1si megold\u00e1sok \u00e9s platformok: az \u00f3vod\u00e1t\u00f3l, az \u00e1ltal\u00e1nos \u00e9s k\u00f6z\u00e9piskol\u00e1t\u00f3l az egyetemi szintig \u00e9s a feln\u0151ttk\u00e9pz\u00e9sig.\n <\/p>\n\n \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\">T\u00e1rsalap\u00edt\u00f3 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>Friss\u00edtve 2026. szeptember<\/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 perc olvas\u00e1si id\u0151<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \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=\"Rom\u00e1niai oktat\u00e1si platformok list\u00e1ja\" 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\">List\u00e1zott Platform<\/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\">K\u00f6nyvt\u00e1r<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\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 \u00dczenet az Oktat\u00e1si K\u00f6z\u00f6ss\u00e9gnek\n <\/span>\n <h2 class=\"text-2xl sm:text-3xl font-heading font-black text-slate-900 tracking-tight mb-4\">\n Kedves pedag\u00f3gusok, sz\u00fcl\u0151k \u00e9s di\u00e1kok!\n <\/h2>\n <p class=\"text-base sm:text-lg text-slate-700 leading-relaxed font-medium\">\n A tan\u00e9v lend\u00fcletes kezd\u00e9s\u00e9hez \u00e9s a tan\u00f3r\u00e1k fenntarthat\u00f3 digitaliz\u00e1l\u00e1s\u00e1hoz \u00f6sszegezt\u00fck a legfontosabb rom\u00e1niai oktat\u00e1si platformokat. Ez a lista egy nyitott munkaeszk\u00f6z, amely k\u00f6zvetlen hozz\u00e1f\u00e9r\u00e9st biztos\u00edt a tan\u00edt\u00e1si-tanul\u00e1si folyamat minden szakasz\u00e1hoz illeszked\u0151 eszk\u00f6z\u00f6kh\u00f6z.\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]\">Lefedett Ter\u00fcletek<\/span>\n <h3 class=\"text-xl sm:text-2xl font-heading font-black text-slate-900 mt-1\">\n A lista minden l\u00e9nyeges oktat\u00e1si ig\u00e9nyt lefed:\n <\/h3>\n <\/div>\n <span class=\"text-xs font-bold text-slate-400\">V\u00e1lasszon pill\u00e9rt a gyors sz\u0171r\u00e9shez<\/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 \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\">Iskolavezet\u00e9s<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">Int\u00e9zm\u00e9nyi folyamatok kezel\u00e9se<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Elektronikus napl\u00f3k, digit\u00e1lis titk\u00e1rs\u00e1g, oszt\u00e1lymenedzsment, \u00f3rarendek, biztons\u00e1gos kommunik\u00e1ci\u00f3.<\/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>Platformok megtekint\u00e9se<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <\/div>\n\n \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\">Szerkeszt\u0151 & Szabv\u00e1nyok<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">SCORM tananyagok k\u00e9sz\u00edt\u00e9se & integr\u00e1ci\u00f3ja<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Ny\u00edlt Oktat\u00e1si Forr\u00e1sok (OER), fejlett interakt\u00edv SCORM szerkeszt\u0151k \u00e9s MI t\u00e1mogat\u00e1s.<\/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>Platformok megtekint\u00e9se<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <\/div>\n\n \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\">Inkluz\u00edv & Gy\u00f3gypedag\u00f3gia<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">Inkluz\u00edv oktat\u00e1s & logop\u00e9dia (SNI)<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Saj\u00e1tos nevel\u00e9si ig\u00e9ny\u0171 (SNI) di\u00e1kok integr\u00e1ci\u00f3ja (pl. REI.PLUS), miniszt\u00e9riumi logop\u00e9dia, digit\u00e1lis ter\u00e1pia.<\/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>Platformok megtekint\u00e9se<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <\/div>\n\n \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\">Terjeszt\u00e9s & K\u00f6nyvt\u00e1rak<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">Oktat\u00e1si anyagok disszemin\u00e1ci\u00f3ja<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Nemzeti tartalomt\u00e1rak, interakt\u00edv vide\u00f3leck\u00e9k, oktat\u00f3j\u00e1t\u00e9kok, felz\u00e1rk\u00f3ztat\u00f3 platformok.<\/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>Platformok megtekint\u00e9se<\/span>\n <i data-lucide=\"arrow-right\" class=\"w-3.5 h-3.5\"><\/i>\n <\/div>\n <\/div>\n\n \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\">\u00c9rt\u00e9kel\u00e9s & Elemz\u00e9s<\/span>\n <h4 class=\"text-sm font-bold text-slate-900 mb-2 font-heading group-hover:text-[#1379D1] transition-colors\">Eredm\u00e9nyjelent\u00e9sek, id\u0151m\u00e9r\u00e9s & pontsz\u00e1mok<\/h4>\n <p class=\"text-xs text-slate-600 leading-relaxed\">Szabv\u00e1nyos\u00edtott digit\u00e1lis tesztel\u00e9s, id\u0151m\u00e9r\u00e9s, el\u0151rehalad\u00e1si jelent\u00e9sek \u00e9s objekt\u00edv \u00e9rt\u00e9kel\u00e9s.<\/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>Platformok megtekint\u00e9se<\/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 <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 \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 K\u00f6zponti C\u00edmt\u00e1r\n <\/span>\n <span id=\"platform-count-text\" class=\"text-xs text-slate-500 font-semibold\">\n 25 \/ 25 megjelen\u00edtett platform\n <\/span>\n <\/div>\n <h2 class=\"text-2xl sm:text-3xl font-heading font-black text-slate-900 tracking-tight\">\n Rom\u00e1niai Oktat\u00e1si Platformok\n <\/h2>\n <\/div>\n\n \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=\"w-4 h-4 text-slate-400 absolute left-3.5 top-1\/2 -translate-y-1\/2 pointer-events-none\"><\/i>\n <input\n id=\"directory-search-input\"\n type=\"text\"\n placeholder=\"Sz\u0171r\u00e9s n\u00e9v, funkci\u00f3k szerint...\"\n class=\"w-full pl-10 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=\"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=\"flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all bg-[#1379D1] text-white shadow-sm\">\n <i data-lucide=\"layout-grid\" class=\"w-3.5 h-3.5\"><\/i>\n <span class=\"hidden sm:inline\">R\u00e1cs<\/span>\n <\/button>\n <button id=\"view-table-btn\" onclick=\"setViewMode('table')\" class=\"flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all text-slate-600 hover:text-slate-900 hover:bg-slate-100\">\n <i data-lucide=\"table\" class=\"w-3.5 h-3.5\"><\/i>\n <span class=\"hidden sm:inline\">T\u00e1bl\u00e1zat<\/span>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"category-pills-container\" class=\"flex items-center gap-2 overflow-x-auto pb-3 mb-8 no-scrollbar scroll-smooth\">\n \n <\/div>\n\n \n <div id=\"platforms-grid-view\" class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n \n <\/div>\n\n \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\">Ssz<\/th>\n <th class=\"py-4 px-5 font-bold w-48\">Platform<\/th>\n <th class=\"py-4 px-5 font-bold\">R\u00f6vid le\u00edr\u00e1s<\/th>\n <th class=\"py-4 px-5 font-bold w-44\">Hivatalos Hivatkoz\u00e1s<\/th>\n <th class=\"py-4 px-5 font-bold w-36 text-center\">K\u00f6z\u00f6ss\u00e9gi M\u00e9dia<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"platforms-table-body\" class=\"divide-y divide-slate-100\">\n \n <\/tbody>\n <\/table>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\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 Nyitott C\u00edmt\u00e1r & Folyamatosan Friss\u00fcl\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 Van olyan rom\u00e1niai oktat\u00e1si platformja, amely hi\u00e1nyzik?\n <\/h3>\n\n <p class=\"text-sm sm:text-base text-slate-300 leading-relaxed max-w-2xl mb-6\">\n T\u00e1mogatjuk a rom\u00e1niai oktat\u00e1si projektek digitaliz\u00e1l\u00e1s\u00e1t \u00e9s l\u00e1that\u00f3s\u00e1g\u00e1t. K\u00fcldje el platformja adatait, hogy beker\u00fclj\u00f6n ebbe a t\u00f6bb ezer pedag\u00f3gus \u00e1ltal haszn\u00e1lt jegyz\u00e9kbe.\n <\/p>\n\n <div class=\"flex flex-wrap items-center gap-4\">\n <a href=\"mailto:contact@livresq.com?subject=Educational%20platform%20proposal%20for%20LIVRESQ%20list\" 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\">E-mail k\u00fcld\u00e9se: 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 EdTech RO \u00d6kosziszt\u00e9ma\n <\/h4>\n <p class=\"text-xs text-slate-400 mb-4\">\n T\u00f6bb mint 194.754 interakt\u00edv lecke k\u00e9sz\u00fclt SCORM szabv\u00e1nyban.\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\">LIVRESQ Szerkeszt\u0151 megnyit\u00e1sa<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \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 C\u00edmk\u00e9k:\n <\/span>\n <a href=\"https:\/\/livresq.com\/\" 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\">#platformlista<\/a>\n <a href=\"https:\/\/livresq.com\/\" 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\">#digit\u00e1lis oktat\u00e1s<\/a>\n <a href=\"https:\/\/livresq.com\/\" 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\">#oktat\u00e1si forr\u00e1sok<\/a>\n <a href=\"https:\/\/livresq.com\/\" 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\/\" 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\/\" 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 <script>\n const PLATFORMS = [\n {\n \"id\": 1,\n \"name\": \"LIVRESQ\",\n \"url\": \"https:\/\/livresq.com\/ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/ascendia.livresq\",\n \"category\": \"authoring\",\n \"featured\": true,\n \"hasAI\": true,\n \"description\": \"Fejlett szerkeszt\u0151 ny\u00edlt oktat\u00e1si forr\u00e1sok \u00e9s online kurzusok k\u00e9sz\u00edt\u00e9s\u00e9hez a SCORM szabv\u00e1ny seg\u00edts\u00e9g\u00e9vel. A tananyagok let\u00f6lthet\u0151k \u00e9s b\u00e1rmely LMS-be import\u00e1lhat\u00f3k. Tartalmazza Rom\u00e1nia legnagyobb digit\u00e1lis oktat\u00e1si k\u00f6nyvt\u00e1r\u00e1t t\u00f6bb mint 194.754 leck\u00e9vel. Be\u00e9p\u00edtett MI asszisztens seg\u00edti a pedag\u00f3gusokat a gyors \u00e9s min\u0151s\u00e9gi anyaggy\u00e1rt\u00e1sban minden eszk\u00f6z\u00f6n.\",\n \"categoryLabel\": \"Szerkeszt\u0151 & SCORM \/ MI\",\n \"tags\": [\n \"SCORM\",\n \"Ny\u00edlt Forr\u00e1sok\",\n \"MI Asszisztens\",\n \"Biblioteca 194.754+\",\n \"Multi-eszk\u00f6z\"\n ]\n },\n {\n \"id\": 2,\n \"name\": \"Matejoaca\",\n \"url\": \"https:\/\/matejoaca.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/profile.php?id=61583401510996\",\n \"category\": \"math_science\",\n \"description\": \"A Matejoaca egy interakt\u00edv matematikai tanul\u00e1si platform, amely t\u00f6bb mint 214 j\u00e1t\u00e9kos leck\u00e9t k\u00edn\u00e1l a teljes nemzeti tantervet lefedve.\",\n \"categoryLabel\": \"Matematika & Term\u00e9szettudom\u00e1ny\",\n \"tags\": [\n \"Matematika\",\n \"214+ Lecke\",\n \"Tanterv\",\n \"Interakt\u00edv\"\n ]\n },\n {\n \"id\": 3,\n \"name\": \"Adservio\",\n \"url\": \"https:\/\/www.adservio.ro\/ro\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/adservio.ro\",\n \"category\": \"management\",\n \"featured\": true,\n \"description\": \"\u00c1tfog\u00f3 iskolavezet\u00e9si platform, amely \u00f6sszek\u00f6ti az igazgat\u00f3kat, pedag\u00f3gusokat, titk\u00e1rs\u00e1got, sz\u00fcl\u0151ket \u00e9s di\u00e1kokat elektronikus napl\u00f3val \u00e9s adminisztr\u00e1ci\u00f3s modulokkal.\",\n \"categoryLabel\": \"Iskolavezet\u00e9s\",\n \"tags\": [\n \"Elektronikus Napl\u00f3\",\n \"Titk\u00e1rs\u00e1g\",\n \"\u00dczenetek\",\n \"Igazgat\u00f3k\",\n \"Sz\u00fcl\u0151k & Di\u00e1kok\"\n ]\n },\n {\n \"id\": 4,\n \"name\": \"Proiectul CRED\",\n \"url\": \"https:\/\/digital.educred.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/ProiectulCRED\",\n \"category\": \"authoring\",\n \"isFree\": true,\n \"description\": \"A CRED projekt pedag\u00f3gusok \u00e1ltal fejlesztett Ny\u00edlt Oktat\u00e1si Forr\u00e1sokat (OER) k\u00edn\u00e1l, igazodva az \u00faj kompetenciaalap\u00fa \u00e1ltal\u00e1nos \u00e9s k\u00f6z\u00e9piskolai tantervhez.\",\n \"categoryLabel\": \"Ny\u00edlt Oktat\u00e1si Forr\u00e1sok\",\n \"tags\": [\n \"OER\",\n \"Nemzeti Tanterv\",\n \"\u00c1ltal\u00e1nos Iskola\",\n \"Ingyenes\"\n ]\n },\n {\n \"id\": 5,\n \"name\": \"Edus\",\n \"url\": \"https:\/\/edus.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/platformaEdus.ro\",\n \"category\": \"management\",\n \"description\": \"Online oktat\u00e1si menedzsment platform elektronikus napl\u00f3val, h\u00e1zi feladatokkal, online tesztel\u00e9ssel, biztons\u00e1gos \u00e9l\u0151 oktat\u00e1si rendszerekkel \u00e9s vide\u00f3konferenci\u00e1val.\",\n \"categoryLabel\": \"Iskolavezet\u00e9s\",\n \"tags\": [\n \"Elektronikus Napl\u00f3\",\n \"H\u00e1zi feladat & Tesztek\",\n \"Vide\u00f3konferencia\",\n \"K\u00f6nyvt\u00e1r\"\n ]\n },\n {\n \"id\": 6,\n \"name\": \"Kinderpedia\",\n \"url\": \"https:\/\/www.kinderpedia.co\/ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/kinderpedia\",\n \"category\": \"management\",\n \"featured\": true,\n \"description\": \"Intelligens menedzsment \u00e9s kommunik\u00e1ci\u00f3s platform iskol\u00e1knak \u00e9s \u00f3vod\u00e1knak: \u00f3rarendek, elektronikus napl\u00f3, sz\u00e1ml\u00e1z\u00e1s, fejl\u0151d\u00e9si jelent\u00e9sek \u00e9s \u00fczenetk\u00fcld\u00e9s.\",\n \"categoryLabel\": \"Iskola & \u00d3voda Menedzsment\",\n \"tags\": [\n \"\u00d3voda & Iskola\",\n \"P\u00e9nz\u00fcgyek\",\n \"\u00d3rarend & Napl\u00f3\",\n \"Fejl\u0151d\u00e9si Jelent\u00e9sek\"\n ]\n },\n {\n \"id\": 7,\n \"name\": \"MyKoolio\",\n \"url\": \"https:\/\/www.mykoolio.com\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/profesorulmykoolio\",\n \"category\": \"early_childhood\",\n \"description\": \"Interakt\u00edv oktat\u00e1si port\u00e1l j\u00e1t\u00e9kos leck\u00e9kkel \u00e9s iskolai folyamatkezel\u0151 eszk\u00f6z\u00f6kkel: virtu\u00e1lis napl\u00f3, oszt\u00e1lykezel\u00e9s, h\u00e1zi feladatok \u00e9s tev\u00e9kenys\u00e9gnapt\u00e1r.\",\n \"categoryLabel\": \"Interakt\u00edv Leck\u00e9k & Menedzsment\",\n \"tags\": [\n \"Interakt\u00edv Leck\u00e9k\",\n \"Virtu\u00e1lis Napl\u00f3\",\n \"Oszt\u00e1lyok & H\u00e1zi\",\n \"Napt\u00e1r\"\n ]\n },\n {\n \"id\": 8,\n \"name\": \"Dacobots\",\n \"url\": \"https:\/\/dacobots.com\/index_ro.html\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/dacobots\",\n \"category\": \"early_childhood\",\n \"isFree\": true,\n \"description\": \"Ingyenes oktat\u00e1si port\u00e1l interakt\u00edv leck\u00e9kkel \u00e9s anim\u00e1lt j\u00e1t\u00e9kokkal \u00f3vod\u00e1soknak \u00e9s kisiskol\u00e1soknak az EduTeca gy\u0171jtem\u00e9ny alapj\u00e1n.\",\n \"categoryLabel\": \"\u00d3voda & Kisiskol\u00e1sok\",\n \"tags\": [\n \"\u00d3voda\",\n \"EduTeca\",\n \"J\u00e1t\u00e9kok & Leck\u00e9k\",\n \"Ingyenes\"\n ]\n },\n {\n \"id\": 9,\n \"name\": \"CoffeeLMS\",\n \"url\": \"https:\/\/coffeelms.com\/\",\n \"category\": \"authoring\",\n \"description\": \"Modern tanul\u00e1sir\u00e1ny\u00edt\u00e1si rendszer (LMS), amelyet oktat\u00e1si int\u00e9zm\u00e9nyek, civil szervezetek \u00e9s c\u00e9gek haszn\u00e1lnak online k\u00e9pz\u00e9sek lebonyol\u00edt\u00e1s\u00e1ra.\",\n \"categoryLabel\": \"Learning Management System (LMS)\",\n \"tags\": [\n \"LMS\",\n \"Online Kurzusok\",\n \"Civil & V\u00e1llalati\",\n \"Pedag\u00f3gusk\u00e9pz\u00e9s\"\n ]\n },\n {\n \"id\": 10,\n \"name\": \"Digitaliada\",\n \"url\": \"https:\/\/www.digitaliada.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/Digitaliada\",\n \"category\": \"authoring\",\n \"description\": \"K\u00f6zponti oktat\u00e1si port\u00e1l digit\u00e1lis anyagokkal \u00e9s \u00e9ves digit\u00e1lis versennyel pedag\u00f3gusok sz\u00e1m\u00e1ra Rom\u00e1ni\u00e1ban. LIVRESQ kompatibilis.\",\n \"categoryLabel\": \"K\u00f6z\u00f6ss\u00e9g & Digit\u00e1lis Verseny\",\n \"tags\": [\n \"Digit\u00e1lis Anyagok\",\n \"Tan\u00e1ri Verseny\",\n \"K\u00f6z\u00f6ss\u00e9g\",\n \"LIVRESQ Kompatibilis\"\n ]\n },\n {\n \"id\": 11,\n \"name\": \"ASQ\",\n \"url\": \"https:\/\/asq.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/asq.romania\",\n \"category\": \"exams\",\n \"description\": \"Interakt\u00edv oktat\u00e1si port\u00e1l leck\u00e9kkel \u00e9s gyors tesztk\u00e9sz\u00edt\u0151 motorral a folyamatos format\u00edv \u00e9rt\u00e9kel\u00e9s t\u00e1mogat\u00e1s\u00e1ra.\",\n \"categoryLabel\": \"Leck\u00e9k & Gyors Tesztek\",\n \"tags\": [\n \"Gyors Tesztek\",\n \"Interakt\u00edv Leck\u00e9k\",\n \"\u00c9rt\u00e9kel\u00e9s\",\n \"Format\u00edv Tesztek\"\n ]\n },\n {\n \"id\": 12,\n \"name\": \"123edu\",\n \"url\": \"https:\/\/123edu.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/123edu.ro\",\n \"category\": \"early_childhood\",\n \"description\": \"Interakt\u00edv tanul\u00e1si port\u00e1l kifejezetten el\u0151k\u00e9sz\u00edt\u0151 oszt\u00e1lyok \u00e9s 1-4. oszt\u00e1lyos tanul\u00f3k sz\u00e1m\u00e1ra tantervhez igaz\u00edtott feladatokkal.\",\n \"categoryLabel\": \"Als\u00f3 Tagozatos Oktat\u00e1s\",\n \"tags\": [\n \"El\u0151k\u00e9sz\u00edt\u0151 Oszt\u00e1ly\",\n \"1-4. Oszt\u00e1ly\",\n \"Interakt\u00edv Leck\u00e9k\",\n \"Gyakorlatok\"\n ]\n },\n {\n \"id\": 13,\n \"name\": \"Kidibot\",\n \"url\": \"https:\/\/www.kidibot.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/kidibot\",\n \"category\": \"early_childhood\",\n \"description\": \"Gamifik\u00e1lt oktat\u00e1si platform, amely j\u00e1t\u00e9kos tud\u00e1spr\u00f3b\u00e1kkal \u00e9s jutalmakkal \u00f6szt\u00f6nzi a gyermekeket az olvas\u00e1sra \u00e9s a tanul\u00e1sra.\",\n \"categoryLabel\": \"Olvas\u00e1s & Gamifik\u00e1ci\u00f3\",\n \"tags\": [\n \"Gamifik\u00e1ci\u00f3\",\n \"Olvas\u00e1s Motiv\u00e1ci\u00f3\",\n \"Tud\u00e1scsat\u00e1k\",\n \"Kv\u00edzek\"\n ]\n },\n {\n \"id\": 14,\n \"name\": \"VreauLa\",\n \"url\": \"https:\/\/vreaula.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/vreaula\",\n \"category\": \"exams\",\n \"description\": \"C\u00e9lzott oktat\u00e1si platform, amely seg\u00edti a k\u00f6z\u00e9piskol\u00e1sokat az \u00e9retts\u00e9gi \u00e9s az egyetemi felv\u00e9teli vizsg\u00e1kra val\u00f3 hat\u00e9kony felk\u00e9sz\u00fcl\u00e9sben.\",\n \"categoryLabel\": \"\u00c9retts\u00e9gi & Egyetemi Felv\u00e9teli\",\n \"tags\": [\n \"\u00c9retts\u00e9gi\",\n \"Egyetemi Felv\u00e9teli\",\n \"Vizsgafelk\u00e9sz\u00fcl\u00e9s\",\n \"K\u00f6z\u00e9piskola\"\n ]\n },\n {\n \"id\": 15,\n \"name\": \"Brio.ro\",\n \"url\": \"https:\/\/brio.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/BrioRomania\",\n \"category\": \"exams\",\n \"featured\": true,\n \"description\": \"Szabv\u00e1nyos\u00edtott digit\u00e1lis tesztel\u00e9si platform, amely pszichometriai teljes\u00edtm\u00e9nydiagnosztik\u00e1t ny\u00fajt matematik\u00e1b\u00f3l \u00e9s rom\u00e1n nyelvb\u0151l 1-12. oszt\u00e1lyig.\",\n \"categoryLabel\": \"Szabv\u00e1nyos\u00edtott Tesztel\u00e9s\",\n \"tags\": [\n \"Szabv\u00e1nyos Tesztek\",\n \"1-12. Oszt\u00e1ly\",\n \"Pszichometriai Riportok\",\n \"Teljes\u00edtm\u00e9ny\"\n ]\n },\n {\n \"id\": 16,\n \"name\": \"\u0218coala Intuitext\",\n \"url\": \"https:\/\/www.scoalaintuitext.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/ScoalaINTUITEXT\",\n \"category\": \"early_childhood\",\n \"description\": \"Interakt\u00edv port\u00e1l \u00e1ltal\u00e1nos iskolai leck\u00e9kkel, oszt\u00e1lykezel\u00e9si funkci\u00f3kkal, automatiz\u00e1lt h\u00e1zi feladat kioszt\u00e1ssal \u00e9s halad\u00e1si jelent\u00e9sekkel.\",\n \"categoryLabel\": \"Leck\u00e9k & Oszt\u00e1lykezel\u00e9s\",\n \"tags\": [\n \"H\u00e1zi Feladat Kezel\u00e9s\",\n \"Jegyek & Riportok\",\n \"1-4. Oszt\u00e1ly\",\n \"Digit\u00e1lis Leck\u00e9k\"\n ]\n },\n {\n \"id\": 17,\n \"name\": \"Voxi Clinic\",\n \"url\": \"https:\/\/voxikids.com\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/VoxiKids\",\n \"category\": \"special_edu\",\n \"description\": \"Logop\u00e9di\u00e1t \u00e9s gy\u00f3gypedag\u00f3gi\u00e1t t\u00e1mogat\u00f3 platform interakt\u00edv t\u00f6bbj\u00e1t\u00e9kos gyakorlatokkal, \u00fcgyf\u00e9lkezel\u00e9ssel \u00e9s fejl\u0151d\u00e9si napl\u00f3val.\",\n \"categoryLabel\": \"Gy\u00f3gypedag\u00f3gia & Logop\u00e9dia\",\n \"tags\": [\n \"Logop\u00e9dia\",\n \"Saj\u00e1tos Nevel\u00e9si Ig\u00e9ny\",\n \"Online Ter\u00e1pia\",\n \"Id\u0151pontfoglal\u00e1s\"\n ]\n },\n {\n \"id\": 18,\n \"name\": \"Timlogo\",\n \"url\": \"https:\/\/timlogo.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/ascendia.timlogo\",\n \"category\": \"special_edu\",\n \"featured\": true,\n \"description\": \"Az Oktat\u00e1si Miniszt\u00e9rium \u00e1ltal hivatalosan j\u00f3v\u00e1hagyott logop\u00e9diai oktat\u00e1si platform besz\u00e9dhib\u00e1s \u00f3vod\u00e1s \u00e9s iskol\u00e1s gyermekek fejleszt\u00e9s\u00e9re.\",\n \"categoryLabel\": \"Miniszt\u00e9rium \u00e1ltal j\u00f3v\u00e1hagyva\",\n \"tags\": [\n \"Miniszt\u00e9riumi J\u00f3v\u00e1hagy\u00e1s\",\n \"Logop\u00e9dia\",\n \"Pszichopedag\u00f3gia\",\n \"Audio-Vide\u00f3 Gyakorlatok\"\n ]\n },\n {\n \"id\": 19,\n \"name\": \"Naradix\",\n \"url\": \"https:\/\/naradix.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/naradapentrueducatie\",\n \"category\": \"video_learning\",\n \"isFree\": true,\n \"description\": \"Felz\u00e1rk\u00f3ztat\u00f3 oktat\u00e1si platform ingyenes interakt\u00edv leck\u00e9kkel 0-8. oszt\u00e1lyosoknak az oktat\u00e1si egyenl\u0151tlens\u00e9gek cs\u00f6kkent\u00e9s\u00e9re.\",\n \"categoryLabel\": \"Felz\u00e1rk\u00f3ztat\u00f3 Oktat\u00e1s\",\n \"tags\": [\n \"Felz\u00e1rk\u00f3ztat\u00e1s\",\n \"0-8. Oszt\u00e1ly\",\n \"Ingyenes Leck\u00e9k\",\n \"T\u00e1rsadalmi Hat\u00e1s\"\n ]\n },\n {\n \"id\": 20,\n \"name\": \"Vboard\",\n \"url\": \"https:\/\/vboard.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/Virtual-Board-104068774768862\/\",\n \"category\": \"management\",\n \"description\": \"Val\u00f3s idej\u0171 kollaborat\u00edv interakt\u00edv t\u00e1bla \u00e9l\u0151 online tan\u00edt\u00e1shoz be\u00e9p\u00edtett hang\/vide\u00f3kapcsolattal \u00e9s egy\u00e9ni di\u00e1kt\u00e1bl\u00e1kkal.\",\n \"categoryLabel\": \"\u00c9l\u0151 Interakt\u00edv T\u00e1bla\",\n \"tags\": [\n \"Interakt\u00edv T\u00e1bla\",\n \"\u00c9l\u0151 Oktat\u00e1s\",\n \"Be\u00e9p\u00edtett Audi\u00f3-Vide\u00f3\",\n \"Egy\u00e9ni T\u00e1bl\u00e1k\"\n ]\n },\n {\n \"id\": 21,\n \"name\": \"Super\u0218coala\",\n \"url\": \"https:\/\/superscoala.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/superscoalaonline\",\n \"category\": \"video_learning\",\n \"description\": \"Vide\u00f3leck\u00e9ket k\u00edn\u00e1l\u00f3 platform a teljes tantervre kiterjed\u0151en, elhivatott tan\u00e1rokkal, interakt\u00edv feladatlapokkal \u00e9s gyakorl\u00f3 k\u00e9rd\u00e9sekkel.\",\n \"categoryLabel\": \"Vide\u00f3leck\u00e9k & Gyakorl\u00e1s\",\n \"tags\": [\n \"Vide\u00f3leck\u00e9k\",\n \"Elhivatott Tan\u00e1rok\",\n \"Munkalapok\",\n \"Interakt\u00edv J\u00e1t\u00e9kok\"\n ]\n },\n {\n \"id\": 22,\n \"name\": \"edu.sellification\",\n \"url\": \"https:\/\/edu.sellification.org\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/groups\/EducatoriSellification\",\n \"category\": \"video_learning\",\n \"description\": \"T\u00f6bb sz\u00e1z \u00f3r\u00e1nyi vide\u00f3k\u00e9pz\u00e9st \u00e9s pedag\u00f3giai szakk\u00f6nyveket k\u00edn\u00e1l\u00f3 platform a mag\u00e1val ragad\u00f3 \u00e9s akt\u00edv tanul\u00e1si m\u00f3dszertanokr\u00f3l.\",\n \"categoryLabel\": \"Akt\u00edv Tanul\u00e1si M\u00f3dszerek\",\n \"tags\": [\n \"Pedag\u00f3gus Tov\u00e1bbk\u00e9pz\u00e9s\",\n \"\u00c9lm\u00e9nyalap\u00fa Oktat\u00e1s\",\n \"Vide\u00f3k & K\u00f6nyvek\",\n \"Tan\u00e1ri K\u00f6z\u00f6ss\u00e9g\"\n ]\n },\n {\n \"id\": 23,\n \"name\": \"red-religie.ro\",\n \"url\": \"https:\/\/red-religie.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/redreligie\",\n \"category\": \"video_learning\",\n \"isFree\": true,\n \"description\": \"Online forr\u00e1splatform vall\u00e1stan\u00e1rok \u00e9s di\u00e1kok sz\u00e1m\u00e1ra digit\u00e1lis tananyagokkal, multim\u00e9di\u00e1s tartalmakkal \u00e9s \u00e9rt\u00e9kel\u00e9sekkel.\",\n \"categoryLabel\": \"Vall\u00e1soktat\u00e1si Forr\u00e1sok\",\n \"tags\": [\n \"Vall\u00e1soktat\u00e1s\",\n \"Didaktikai Forr\u00e1sok\",\n \"Audi\u00f3-Vide\u00f3\",\n \"Rom\u00e1nia & Diaszp\u00f3ra\"\n ]\n },\n {\n \"id\": 24,\n \"name\": \"Edu For Life\",\n \"url\": \"https:\/\/edu.forlife.ro\/\",\n \"socialUrl\": \"https:\/\/www.facebook.com\/ForLife.ro\",\n \"category\": \"exams\",\n \"isFree\": true,\n \"description\": \"K\u00f6z\u00f6ss\u00e9gi feladatbank \u00e9s forr\u00e1sk\u00f6zpont t\u00f6bb ezer tesztk\u00e9rd\u00e9ssel, PDF-ekkel \u00e9s vide\u00f3leck\u00e9kkel minden fontos tant\u00e1rgyhoz.\",\n \"categoryLabel\": \"Feladatbank & K\u00f6z\u00f6ss\u00e9g\",\n \"tags\": [\n \"Feladatbank\",\n \"Minden Tant\u00e1rgy\",\n \"PDF & Vide\u00f3\",\n \"FOR LIFE K\u00f6z\u00f6ss\u00e9g\"\n ]\n },\n {\n \"id\": 25,\n \"name\": \"REI.PLUS\",\n \"url\": \"https:\/\/www.rei.plus\/\",\n \"category\": \"special_edu\",\n \"isFree\": true,\n \"isNew\": true,\n \"description\": \"Inkluz\u00edv oktat\u00e1si projekt, amely adapt\u00e1lt tananyagokat, differenci\u00e1lt munkalapokat \u00e9s m\u00f3dszertani \u00fatmutat\u00f3kat biztos\u00edt SNI-s tanul\u00f3k integr\u00e1l\u00e1s\u00e1hoz.\",\n \"categoryLabel\": \"Inkluz\u00edv Oktat\u00e1s & SNI\",\n \"tags\": [\n \"Inkluz\u00edv Oktat\u00e1s\",\n \"SNI Tanul\u00f3k\",\n \"Adapt\u00e1lt Anyagok\",\n \"M\u00f3dszertani \u00datmutat\u00f3k\",\n \"Differenci\u00e1lt Munkalapok\"\n ]\n }\n];\n\n const CATEGORIES = [\n {\n \"id\": \"all\",\n \"label\": \"\u00d6sszes platform\"\n },\n {\n \"id\": \"authoring\",\n \"label\": \"Tananyagk\u00e9sz\u00edt\u00e9s & OER \/ Kurzusok\"\n },\n {\n \"id\": \"management\",\n \"label\": \"Iskolavezet\u00e9s & E-napl\u00f3k\"\n },\n {\n \"id\": \"math_science\",\n \"label\": \"Matematika & Term\u00e9szettudom\u00e1ny\"\n },\n {\n \"id\": \"early_childhood\",\n \"label\": \"\u00d3voda & Als\u00f3 tagozat\"\n },\n {\n \"id\": \"exams\",\n \"label\": \"Vizsgafelk\u00e9sz\u00edt\u00e9s & \u00c9rt\u00e9kel\u00e9s\"\n },\n {\n \"id\": \"special_edu\",\n \"label\": \"Gy\u00f3gypedag\u00f3gia & Inkl\u00fazi\u00f3\"\n },\n {\n \"id\": \"video_learning\",\n \"label\": \"Vide\u00f3leck\u00e9k & Tananyagok\"\n }\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 setTimeout(safeCreateIcons, 200);\n setTimeout(safeCreateIcons, 1000);\n \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(`Hivatkoz\u00e1s m\u00e1solva: ${url}`);\n }).catch(() => {\n prompt(\"Hivatkoz\u00e1s m\u00e1solva:\", url);\n });\n } else {\n prompt(\"Hivatkoz\u00e1s m\u00e1solva:\", 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 = CATEGORIES.map(cat => {\n const isActive = currentCategory === cat.id;\n return `\n <button\n onclick=\"setCategory('${cat.id}')\"\n class=\"px-4 py-2 rounded-full text-xs font-bold whitespace-nowrap transition-all duration-200 border cursor-pointer ${\n isActive\n ? 'bg-[#1379D1] text-white border-[#1379D1] shadow-md shadow-[#1379D1]\/20 scale-105'\n : 'bg-white text-slate-600 border-slate-200 hover:border-slate-300 hover:bg-slate-50'\n }\"\n >\n ${cat.label}\n <\/button>\n `;\n }).join('');\n }\n\n function setCategory(id) {\n currentCategory = id;\n renderPills();\n renderPlatforms();\n }\n\n function filterByPillar(catId) {\n setCategory(catId);\n const directoryEl = document.getElementById('directory');\n if (directoryEl) {\n directoryEl.scrollIntoView({ behavior: 'smooth' });\n }\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 gridBtn.className = 'flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all bg-[#1379D1] text-white shadow-sm';\n tableBtn.className = 'flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all text-slate-600 hover:text-slate-900 hover:bg-slate-100';\n gridView.classList.remove('hidden');\n tableView.classList.add('hidden');\n } else {\n tableBtn.className = 'flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all bg-[#1379D1] text-white shadow-sm';\n gridBtn.className = 'flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-bold transition-all text-slate-600 hover:text-slate-900 hover:bg-slate-100';\n gridView.classList.add('hidden');\n tableView.classList.remove('hidden');\n }\n safeCreateIcons();\n }\n\n function renderPlatforms() {\n const filtered = PLATFORMS.filter(item => {\n const matchesCategory = currentCategory === 'all' || item.category === currentCategory;\n const matchesSearch = 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 matchesCategory && matchesSearch;\n });\n\n const countEl = document.getElementById('platform-count-text');\n if (countEl) {\n countEl.textContent = `${filtered.length} \/ ${PLATFORMS.length} megjelen\u00edtett platform`;\n }\n\n \/\/ Render Grid\n const gridView = document.getElementById('platforms-grid-view');\n if (gridView) {\n if (filtered.length === 0) {\n gridView.innerHTML = `\n <div class=\"col-span-full py-16 text-center bg-white rounded-2xl border border-dashed border-slate-300\">\n <i data-lucide=\"search-x\" class=\"w-12 h-12 text-slate-300 mx-auto mb-3\"><\/i>\n <h4 class=\"text-base font-bold text-slate-700 font-heading\">No platforms found<\/h4>\n <p class=\"text-xs text-slate-400 mt-1\">Try another search or select a different category.<\/p>\n <\/div>\n `;\n } else {\n gridView.innerHTML = filtered.map(item => `\n <div class=\"group relative bg-white rounded-2xl border transition-all duration-300 flex flex-col justify-between overflow-hidden ${\n item.featured \n ? 'border-[#1379D1]\/40 hover:border-[#1379D1] shadow-md shadow-[#1379D1]\/5 hover:shadow-xl hover:-translate-y-1' \n : 'border-slate-200\/80 hover:border-[#1379D1]\/30 hover:shadow-lg hover:-translate-y-1'\n }\">\n ${item.featured ? `\n <div class=\"absolute top-0 right-0 w-24 h-24 overflow-hidden pointer-events-none z-10\">\n <div class=\"absolute transform rotate-45 bg-gradient-to-r from-[#1379D1] to-[#D91278] text-white font-black text-[9px] uppercase tracking-wider py-0.5 right-[-35px] top-[18px] w-[120px] text-center shadow-sm\">\n Top EdTech\n <\/div>\n <\/div>\n ` : ''}\n\n <div class=\"p-6\">\n <div class=\"flex items-center justify-between gap-3 mb-4\">\n <span class=\"inline-flex items-center gap-1 text-[11px] font-bold px-2.5 py-1 rounded-md border ${\n item.featured \n ? 'bg-blue-50 text-[#1379D1] border-blue-200' \n : 'bg-slate-50 text-slate-600 border-slate-200'\n }\">\n ${item.categoryLabel}\n <\/span>\n <span class=\"text-xs font-black text-slate-300 font-mono\">#${item.id < 10 ? '0' + item.id : item.id}<\/span>\n <\/div>\n\n <h3 class=\"text-xl font-heading font-black text-slate-900 group-hover:text-[#1379D1] transition-colors mb-3 flex items-center gap-2\">\n <span>${item.name}<\/span>\n ${item.isNew ? '<span class=\"inline-flex items-center gap-1 px-2 py-0.5 rounded text-[9px] font-black uppercase tracking-wider bg-gradient-to-r from-[#D91278] to-pink-500 text-white shadow-xs\"><span class=\"w-1.5 h-1.5 rounded-full bg-white animate-pulse\"><\/span> ' + (item.newBadge || 'NEW') + '<\/span>' : ''}\n ${item.hasAI ? '<span class=\"inline-flex items-center px-1.5 py-0.5 rounded text-[9px] font-extrabold bg-gradient-to-r from-purple-600 to-indigo-600 text-white\">AI<\/span>' : ''}\n ${item.isFree ? '<span class=\"inline-flex items-center px-1.5 py-0.5 rounded text-[9px] font-extrabold bg-emerald-100 text-emerald-800\">FREE<\/span>' : ''}\n <\/h3>\n\n <p class=\"text-xs sm:text-sm text-slate-600 leading-relaxed line-clamp-4 mb-5\">\n ${item.description}\n <\/p>\n\n <div class=\"flex flex-wrap gap-1.5 mb-2\">\n ${item.tags.map(tag => `\n <span class=\"text-[10px] font-medium bg-slate-100 text-slate-600 px-2 py-0.5 rounded border border-slate-200\/60\">\n ${tag}\n <\/span>\n `).join('')}\n <\/div>\n <\/div>\n\n <div class=\"px-6 py-4 bg-slate-50\/80 border-t border-slate-100 flex items-center justify-between gap-3\">\n <a\n href=\"${item.url}\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"card-action-btn ${item.name === 'LIVRESQ' ? 'card-action-btn-fucsia' : 'card-action-btn-blue'} flex-1 inline-flex items-center justify-center gap-2 px-4 py-2.5 rounded-lg text-xs font-bold transition-all !text-white hover:!text-white hover:-translate-y-0.5 active:translate-y-0 shadow-sm no-underline\"\n >\n <span class=\"!text-white font-bold\">Weboldal megnyit\u00e1sa<\/span>\n <i data-lucide=\"external-link\" class=\"w-3.5 h-3.5 !text-white\"><\/i>\n <\/a>\n\n <div class=\"flex items-center gap-1.5\">\n ${item.socialUrl ? `\n <a\n href=\"${item.socialUrl}\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n 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\"\n title=\"Facebook\"\n >\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=\"p-2.5 bg-white hover:bg-slate-100 text-slate-600 rounded-lg border border-slate-200 transition-colors flex items-center justify-center cursor-pointer\" title=\"Copy Link\">\n <i data-lucide=\"copy\" class=\"w-4 h-4\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n `).join('');\n }\n }\n\n \/\/ Render Table\n const tableBody = document.getElementById('platforms-table-body');\n if (tableBody) {\n tableBody.innerHTML = filtered.map(item => {\n const domain = item.url.replace('https:\/\/', '').replace('http:\/\/', '').replace('www.', '').replace('\/ro\/', '').replace('\/index_ro.html', '').replace('\/', '');\n return `\n <tr class=\"hover:bg-blue-50\/40 transition-colors\">\n <td class=\"py-3 px-4 font-mono font-bold text-slate-400 text-center\">\n ${item.id < 10 ? '0' + item.id : item.id}\n <\/td>\n <td class=\"py-3 px-5\">\n <div class=\"flex items-center gap-2\">\n <span class=\"font-bold text-slate-900 text-sm font-heading\">${item.name}<\/span>\n ${item.isNew ? '<span class=\"px-1.5 py-0.5 rounded text-[9px] font-black uppercase tracking-wider bg-gradient-to-r from-[#D91278] to-pink-500 text-white shadow-xs\">' + (item.newBadge || 'NEW') + '<\/span>' : ''}\n ${item.featured ? '<span class=\"px-1.5 py-0.5 rounded text-[9px] font-extrabold bg-blue-100 text-[#1379D1]\">TOP<\/span>' : ''}\n <\/div>\n <span class=\"text-[10px] text-slate-500 font-semibold block\">${item.categoryLabel}<\/span>\n <\/td>\n <td class=\"py-3 px-5 text-slate-600 text-xs leading-relaxed max-w-md\">\n ${item.description}\n <\/td>\n <td class=\"py-3 px-5\">\n <a\n href=\"${item.url}\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"inline-flex items-center gap-1.5 text-xs font-bold text-[#1379D1] hover:underline no-underline\"\n >\n <span>${domain}<\/span>\n <i data-lucide=\"external-link\" class=\"w-3.5 h-3.5\"><\/i>\n <\/a>\n <\/td>\n <td class=\"py-3 px-5 text-center\">\n ${item.socialUrl ? `\n <a\n href=\"${item.socialUrl}\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n class=\"inline-flex p-1.5 text-slate-400 hover:text-[#1877F2] transition-colors\"\n >\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\">-<\/span>'}\n <\/td>\n <\/tr>\n `;\n }).join('');\n }\n\n safeCreateIcons();\n }\n\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initApp);\n } else {\n initApp();\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Ebben a list\u00e1ban megtal\u00e1lod a legfontosabb rom\u00e1niai platformokat, amelyek t\u00e1mogatj\u00e1k az oktat\u00e1st haz\u00e1nkban. Az \u00f3vod\u00e1t\u00f3l az egyetemi szintig \u00e9s azon t\u00fal.<\/p>","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":"\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\/hu\/hirek\/romaniai-oktatasi-platformok-listaja\/\" \/>\n<meta property=\"og:locale\" content=\"hu_HU\" \/>\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\/hu\/hirek\/romaniai-oktatasi-platformok-listaja\/\" \/>\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=\"Szerz\u0151:\" \/>\n\t<meta name=\"twitter:data1\" content=\"victoria\" \/>\n\t<meta name=\"twitter:label2\" content=\"Becs\u00fclt olvas\u00e1si id\u0151\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 perc\" \/>\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\":\"hu\"},{\"@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\":\"hu\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/livresq.com\\\/news\\\/lista-platforme-educationale-romanesti\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"hu\",\"@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\":\"hu\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/livresq.com\\\/en\\\/#organization\",\"name\":\"LIVRESQ - Authoring Tool\",\"url\":\"https:\\\/\\\/livresq.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hu\",\"@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\":\"hu\",\"@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\\\/hu\\\/author\\\/victoria\\\/\"}]}<\/script>\n","yoast_head_json":{"title":"Rom\u00e1niai oktat\u00e1si platformok list\u00e1ja - LIVRESQ","description":"A legfontosabb rom\u00e1niai platformok, amelyek t\u00e1mogatj\u00e1k az oktat\u00e1st haz\u00e1nkban. Az \u00f3vod\u00e1t\u00f3l az egyetemi szintig \u00e9s azon t\u00fal.","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\/hu\/hirek\/romaniai-oktatasi-platformok-listaja\/","og_locale":"hu_HU","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\/hu\/hirek\/romaniai-oktatasi-platformok-listaja\/","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":{"Szerz\u0151:":"victoria","Becs\u00fclt olvas\u00e1si id\u0151":"15 perc"},"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":"hu"},{"@type":"WebPage","@id":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/","url":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/","name":"Rom\u00e1niai oktat\u00e1si platformok list\u00e1ja - 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":"A legfontosabb rom\u00e1niai platformok, amelyek t\u00e1mogatj\u00e1k az oktat\u00e1st haz\u00e1nkban. Az \u00f3vod\u00e1t\u00f3l az egyetemi szintig \u00e9s azon t\u00fal.","breadcrumb":{"@id":"https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/#breadcrumb"},"inLanguage":"hu","potentialAction":[{"@type":"ReadAction","target":["https:\/\/livresq.com\/news\/lista-platforme-educationale-romanesti\/"]}]},{"@type":"ImageObject","inLanguage":"hu","@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 szerz\u0151i eszk\u00f6z","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":"hu"},{"@type":"Organization","@id":"https:\/\/livresq.com\/en\/#organization","name":"LIVRESQ - Szerz\u0151i eszk\u00f6z","url":"https:\/\/livresq.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"hu","@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":"hu","@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\/hu\/author\/victoria\/"}]}},"_links":{"self":[{"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/posts\/272334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/comments?post=272334"}],"version-history":[{"count":42,"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/posts\/272334\/revisions"}],"predecessor-version":[{"id":493491,"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/posts\/272334\/revisions\/493491"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/media\/493463"}],"wp:attachment":[{"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/media?parent=272334"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/categories?post=272334"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/livresq.com\/hu\/wp-json\/wp\/v2\/tags?post=272334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}