\u00c0lbum de Records de la Promoci\u00f3<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Plus Jakarta Sans', sans-serif;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800 min-h-screen flex flex-col\">\n\n \n <div id=\"pany-seguretat\" class=\"flex items-center justify-center p-4 py-8 sm:py-12\">\n <div class=\"bg-white rounded-2xl max-w-md w-full p-8 shadow-xl border border-slate-200 text-center\">\n <div class=\"bg-amber-50 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-6 border-2 border-amber-500 text-amber-500\">\n <i class=\"fa-solid fa-lock text-2xl\"><\/i>\n <\/div>\n <h2 class=\"text-2xl font-bold text-slate-900 mb-2\">Espai Privat Protegit<\/h2>\n <p class=\"text-sm text-slate-500 leading-relaxed mb-6\">\n Introdu\u00efu la contrasenya del llibret de graduaci\u00f3 de 6\u00e8 per poder veure els records, fotos i el v\u00eddeo del curs.\n <\/p>\n \n <div class=\"max-w-xs mx-auto\">\n <input type=\"password\" id=\"clau-entrada\" placeholder=\"Escriviu la contrasenya...\" \n class=\"w-full padding px-4 py-3 border border-slate-300 rounded-xl text-center text-sm mb-3 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition duration-150\"\n onkeypress=\"comprovarTecla(event)\">\n \n <button onclick=\"verificarClau()\" \n class=\"w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-3 px-4 rounded-xl text-sm shadow-md transition duration-150 transform hover:-translate-y-0.5\">\n Validar contrasenya\n <\/button>\n \n <p id=\"missatge-error\" class=\"text-red-500 text-xs mt-3 hidden font-semibold\">\n Contrasenya incorrecta. Torneu-ho a provar.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"contingut-privat\" class=\"hidden flex-grow flex flex-col\">\n \n <header class=\"bg-gradient-to-r from-blue-600 via-indigo-600 to-violet-600 text-white shadow-lg\">\n <div class=\"max-w-6xl mx-auto px-4 py-8 sm:py-12 text-center\">\n <div class=\"inline-flex items-center justify-center space-x-3 bg-white\/10 backdrop-blur-md px-4 py-1.5 rounded-full mb-4 text-sm font-semibold tracking-wide uppercase\">\n <span class=\"flex h-2 w-2 rounded-full bg-emerald-400 animate-pulse\"><\/span>\n <span>Portal de Graduaci\u00f3 i Records<\/span>\n <\/div>\n <h1 class=\"text-3xl sm:text-5xl font-extrabold tracking-tight mb-3\">\n Els Nostres Records de l’Escola\n <\/h1>\n <p class=\"text-blue-100 text-base sm:text-lg max-w-2xl mx-auto font-medium\">\n Un viatge inoblidable des de P3 fins a 6\u00e8 de Prim\u00e0ria. Reviu els millors moments d’aquesta promoci\u00f3.\n <\/p>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto px-4 py-10 flex-grow w-full\">\n\n \n <section class=\"mb-12\">\n <div class=\"bg-white rounded-2xl shadow-md border border-slate-100 overflow-hidden max-w-4xl mx-auto\">\n <div class=\"p-6 sm:p-8 flex flex-col md:flex-row items-center justify-between gap-6\">\n <div class=\"flex items-start space-x-4\">\n <div class=\"p-4 bg-red-50 text-red-500 rounded-2xl shrink-0\">\n <i class=\"fa-solid fa-circle-play text-3xl\"><\/i>\n <\/div>\n <div>\n <span class=\"text-xs font-bold text-red-500 uppercase tracking-widest\">Estrena Oficial<\/span>\n <h2 class=\"text-xl sm:text-2xl font-bold text-slate-900 mt-1\">V\u00eddeo Resum del nostre Pas per l’Escola<\/h2>\n <p class=\"text-slate-500 text-sm mt-1\">\n Gaudeix del v\u00eddeo de records i resum del pas de la promoci\u00f3 per l’escola a pantalla completa i amb m\u00e0xima qualitat directament des de Google Drive.\n <\/p>\n <\/div>\n <\/div>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1a4idM-pSMFBV_9FyKCm_7W_NVHgnruRA\/view?usp=drive_link\" \n target=\"_blank\" \n class=\"w-full md:w-auto inline-flex items-center justify-center space-x-2 bg-red-600 hover:bg-red-700 text-white font-semibold px-6 py-3.5 rounded-xl transition duration-200 shadow-md hover:shadow-lg hover:-translate-y-0.5 transform\">\n <span>Veure V\u00eddeo<\/span>\n <i class=\"fa-solid fa-arrow-up-right-from-square text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"flex items-center justify-between mb-8 border-b border-slate-200 pb-4\">\n <div>\n <h2 class=\"text-2xl font-bold text-slate-950\">\u00c0lbums de Fotos<\/h2>\n <p class=\"text-slate-500 text-sm mt-0.5\">Fes clic a qualsevol curs per accedir a la seva carpeta oficial de fotografies.<\/p>\n <\/div>\n <div class=\"hidden sm:flex items-center space-x-2 text-xs font-semibold text-slate-400 uppercase tracking-wider\">\n <i class=\"fa-solid fa-images\"><\/i>\n <span>9 Carpetes Totals<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n \n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2018-2019<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-amber-600 bg-amber-50 border border-amber-200 rounded-full uppercase tracking-wider\">Ed. Infantil<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-slate-100 text-slate-400 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-minus text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">P3<\/h3>\n <p class=\"text-xs text-slate-400\">Educaci\u00f3 Infantil<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <button onclick=\"obrirModalP3()\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-slate-200 hover:bg-slate-300 text-slate-700 font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm\">\n <span>No disponible<\/span>\n <i class=\"fa-solid fa-circle-info\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2019-2020<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-sky-600 bg-sky-50 border border-sky-100 rounded-full uppercase tracking-wider\">Ed. Infantil<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-sky-50 text-sky-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">P4<\/h3>\n <p class=\"text-xs text-slate-400\">Educaci\u00f3 Infantil<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1_DruKKWAggxlWgIGbwpC9vFSIQrrvVGe?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-sky-600 hover:bg-sky-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2020-2021<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-sky-600 bg-sky-50 border border-sky-100 rounded-full uppercase tracking-wider\">Ed. Infantil<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-sky-50 text-sky-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">P5<\/h3>\n <p class=\"text-xs text-slate-400\">Educaci\u00f3 Infantil<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1vaU2-KnE7KNOZOxeYyr5zNhEEAOYX-UB?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-sky-600 hover:bg-sky-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2021-2022<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-emerald-600 bg-emerald-50 border border-emerald-100 rounded-full uppercase tracking-wider\">Cicle Inicial<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-emerald-50 text-emerald-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">1r de Prim\u00e0ria<\/h3>\n <p class=\"text-xs text-slate-400\">Cicle Inicial<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1OJvlB4j_HUjWKRfJtW5YZS8uRwxTwf8N?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-emerald-600 hover:bg-emerald-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2022-2023<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-indigo-600 bg-indigo-50 border border-indigo-100 rounded-full uppercase tracking-wider\">Primer Cicle<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-indigo-50 text-indigo-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">2n de Prim\u00e0ria<\/h3>\n <p class=\"text-xs text-slate-400\">Primer Cicle<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/12qkmSSpHx7_Rr0B1PyYGOESbqECqpHc9?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2023-2024<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-purple-600 bg-purple-50 border border-purple-100 rounded-full uppercase tracking-wider\">Segon Cicle<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-purple-50 text-purple-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">3r de Prim\u00e0ria<\/h3>\n <p class=\"text-xs text-slate-400\">Segon Cicle<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1A2NsZkWthfiWPtV6YIW8tW2MGQzMw3gV?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-purple-600 hover:bg-purple-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2024-2025<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-purple-600 bg-purple-50 border border-purple-100 rounded-full uppercase tracking-wider\">Segon Cicle<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-purple-50 text-purple-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">4t de Prim\u00e0ria<\/h3>\n <p class=\"text-xs text-slate-400\">Segon Cicle<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1vZc4RkLZxw95UIb2xbgeKE5cbeDuE_H7?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-purple-600 hover:bg-purple-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2025-2026<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-pink-600 bg-pink-50 border border-pink-100 rounded-full uppercase tracking-wider\">Tercer Cicle<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-pink-50 text-pink-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">5\u00e8 de Prim\u00e0ria<\/h3>\n <p class=\"text-xs text-slate-400\">Tercer Cicle<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1MUjKh0COS0_Xq3SjS840MRlhHOs1hQY9?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-pink-600 hover:bg-pink-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2026-2027<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-pink-600 bg-pink-50 border border-pink-100 rounded-full uppercase tracking-wider\">Tercer Cicle<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-pink-50 text-pink-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">6\u00e8 de Prim\u00e0ria<\/h3>\n <p class=\"text-xs text-slate-400\">Tercer Cicle<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1QvxBwlGVE1g1GvUTp4rxsR5PSshNRVQW?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-pink-600 hover:bg-pink-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/main>\n\n \n <footer class=\"bg-slate-900 text-slate-400 py-8 border-t border-slate-800 text-center text-sm\">\n <p>© 2026 Escola. Tots els drets reservats.<\/p>\n <p class=\"mt-1 text-xs text-slate-500\">Desenvolupat exclusivament per a les fam\u00edlies de la promoci\u00f3.<\/p>\n <\/footer>\n\n \n <div id=\"modalP3\" class=\"fixed inset-0 bg-slate-950\/60 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden opacity-0 transition-opacity duration-300\">\n <div class=\"bg-white rounded-2xl max-w-md w-full p-6 shadow-2xl border border-slate-100 transform scale-95 transition-transform duration-300\" id=\"modalContainer\">\n <div class=\"text-center\">\n \n <div class=\"mx-auto flex items-center justify-center h-14 w-14 rounded-full bg-amber-50 text-amber-500 mb-4 border border-amber-200\">\n <i class=\"fa-solid fa-triangle-exclamation text-2xl animate-pulse\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-950 mb-2\">Fotos de P3 no disponibles<\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed mb-6\">\n Benvolgudes fam\u00edlies, us informem que a causa d’un problema t\u00e8cnic insalvable amb el dispositiu d’emmagatzematge d’aquell curs acad\u00e8mic (2018-2019), malauradament no s’han pogut recuperar els records d’aquesta etapa. Lamentem molt les mol\u00e8sties.\n <\/p>\n <button onclick=\"tancarModalP3()\" class=\"w-full bg-slate-900 hover:bg-slate-950 text-white font-semibold py-3 px-4 rounded-xl transition duration-150 text-sm shadow-sm\">\n D’acord, ho entenc\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <script>\n const contrasenyaCorrecta = \"Estanys2026!\";\n\n function verificarClau() {\n const intent = document.getElementById('clau-entrada').value;\n const errorBox = document.getElementById('missatge-error');\n const pany = document.getElementById('pany-seguretat');\n const contingut = document.getElementById('contingut-privat');\n\n if (intent === contrasenyaCorrecta) {\n pany.classList.add('hidden');\n contingut.classList.remove('hidden');\n errorBox.classList.add('hidden');\n } else {\n errorBox.classList.remove('hidden');\n document.getElementById('clau-entrada').value = '';\n document.getElementById('clau-entrada').focus();\n }\n }\n\n function comprovarTecla(event) {\n if (event.key === \"Enter\") {\n verificarClau();\n }\n }\n\n \/\/ Funci\u00f3 pel modal de P3\n function obrirModalP3() {\n const modal = document.getElementById('modalP3');\n const container = document.getElementById('modalContainer');\n modal.classList.remove('hidden');\n setTimeout(() => {\n modal.classList.add('opacity-100');\n container.classList.remove('scale-95');\n container.classList.add('scale-100');\n }, 10);\n }\n\n function tancarModalP3() {\n const modal = document.getElementById('modalP3');\n const container = document.getElementById('modalContainer');\n modal.classList.remove('opacity-100');\n container.classList.remove('scale-100');\n container.classList.add('scale-95');\n setTimeout(() => {\n modal.classList.add('hidden');\n }, 300);\n }\n\n \/\/ Tancar en clicar fora del di\u00e0leg\n window.onclick = function(event) {\n const modal = document.getElementById('modalP3');\n if (event.target === modal) {\n tancarModalP3();\n }\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c0lbum de Records de la Promoci\u00f3 Espai Privat Protegit Introdu\u00efu la contrasenya del llibret de graduaci\u00f3 de 6\u00e8 per poder veure els records, fotos i el v\u00eddeo del curs. Validar contrasenya Contrasenya incorrecta. Torneu-ho a provar. Portal de Graduaci\u00f3 i Records Els Nostres Records de l’Escola Un viatge inoblidable des de P3 fins a 6\u00e8 […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":27991,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-27969","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/pages\/27969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/comments?post=27969"}],"version-history":[{"count":6,"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/pages\/27969\/revisions"}],"predecessor-version":[{"id":28011,"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/pages\/27969\/revisions\/28011"}],"up":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/pages\/27991"}],"wp:attachment":[{"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/media?parent=27969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":27969,"date":"2026-06-18T13:18:29","date_gmt":"2026-06-18T11:18:29","guid":{"rendered":"https:\/\/agora.xtec.cat\/escola-elsestanys\/?page_id=27969"},"modified":"2026-06-19T18:00:02","modified_gmt":"2026-06-19T16:00:02","slug":"graduacio-de-6e-promocio-2017-2026","status":"publish","type":"page","link":"https:\/\/agora.xtec.cat\/escola-elsestanys\/graduacions\/graduacio-de-6e-promocio-2017-2026\/","title":{"rendered":"Graduaci\u00f3 de 6\u00e8 – Promoci\u00f3 2017-2026"},"content":{"rendered":"\n\n\n\n \n \n \u00c0lbum de Records de la Promoci\u00f3<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Plus Jakarta Sans', sans-serif;\n }\n <\/style>\n<\/head>\n<body class=\"bg-slate-50 text-slate-800 min-h-screen flex flex-col\">\n\n \n <div id=\"pany-seguretat\" class=\"flex items-center justify-center p-4 py-8 sm:py-12\">\n <div class=\"bg-white rounded-2xl max-w-md w-full p-8 shadow-xl border border-slate-200 text-center\">\n <div class=\"bg-amber-50 w-16 h-16 rounded-full flex items-center justify-center mx-auto mb-6 border-2 border-amber-500 text-amber-500\">\n <i class=\"fa-solid fa-lock text-2xl\"><\/i>\n <\/div>\n <h2 class=\"text-2xl font-bold text-slate-900 mb-2\">Espai Privat Protegit<\/h2>\n <p class=\"text-sm text-slate-500 leading-relaxed mb-6\">\n Introdu\u00efu la contrasenya del llibret de graduaci\u00f3 de 6\u00e8 per poder veure els records, fotos i el v\u00eddeo del curs.\n <\/p>\n \n <div class=\"max-w-xs mx-auto\">\n <input type=\"password\" id=\"clau-entrada\" placeholder=\"Escriviu la contrasenya...\" \n class=\"w-full padding px-4 py-3 border border-slate-300 rounded-xl text-center text-sm mb-3 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 transition duration-150\"\n onkeypress=\"comprovarTecla(event)\">\n \n <button onclick=\"verificarClau()\" \n class=\"w-full bg-indigo-600 hover:bg-indigo-700 text-white font-semibold py-3 px-4 rounded-xl text-sm shadow-md transition duration-150 transform hover:-translate-y-0.5\">\n Validar contrasenya\n <\/button>\n \n <p id=\"missatge-error\" class=\"text-red-500 text-xs mt-3 hidden font-semibold\">\n Contrasenya incorrecta. Torneu-ho a provar.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"contingut-privat\" class=\"hidden flex-grow flex flex-col\">\n \n <header class=\"bg-gradient-to-r from-blue-600 via-indigo-600 to-violet-600 text-white shadow-lg\">\n <div class=\"max-w-6xl mx-auto px-4 py-8 sm:py-12 text-center\">\n <div class=\"inline-flex items-center justify-center space-x-3 bg-white\/10 backdrop-blur-md px-4 py-1.5 rounded-full mb-4 text-sm font-semibold tracking-wide uppercase\">\n <span class=\"flex h-2 w-2 rounded-full bg-emerald-400 animate-pulse\"><\/span>\n <span>Portal de Graduaci\u00f3 i Records<\/span>\n <\/div>\n <h1 class=\"text-3xl sm:text-5xl font-extrabold tracking-tight mb-3\">\n Els Nostres Records de l’Escola\n <\/h1>\n <p class=\"text-blue-100 text-base sm:text-lg max-w-2xl mx-auto font-medium\">\n Un viatge inoblidable des de P3 fins a 6\u00e8 de Prim\u00e0ria. Reviu els millors moments d’aquesta promoci\u00f3.\n <\/p>\n <\/div>\n <\/header>\n\n <main class=\"max-w-6xl mx-auto px-4 py-10 flex-grow w-full\">\n\n \n <section class=\"mb-12\">\n <div class=\"bg-white rounded-2xl shadow-md border border-slate-100 overflow-hidden max-w-4xl mx-auto\">\n <div class=\"p-6 sm:p-8 flex flex-col md:flex-row items-center justify-between gap-6\">\n <div class=\"flex items-start space-x-4\">\n <div class=\"p-4 bg-red-50 text-red-500 rounded-2xl shrink-0\">\n <i class=\"fa-solid fa-circle-play text-3xl\"><\/i>\n <\/div>\n <div>\n <span class=\"text-xs font-bold text-red-500 uppercase tracking-widest\">Estrena Oficial<\/span>\n <h2 class=\"text-xl sm:text-2xl font-bold text-slate-900 mt-1\">V\u00eddeo Resum del nostre Pas per l’Escola<\/h2>\n <p class=\"text-slate-500 text-sm mt-1\">\n Gaudeix del v\u00eddeo de records i resum del pas de la promoci\u00f3 per l’escola a pantalla completa i amb m\u00e0xima qualitat directament des de Google Drive.\n <\/p>\n <\/div>\n <\/div>\n <a href=\"https:\/\/drive.google.com\/file\/d\/1a4idM-pSMFBV_9FyKCm_7W_NVHgnruRA\/view?usp=drive_link\" \n target=\"_blank\" \n class=\"w-full md:w-auto inline-flex items-center justify-center space-x-2 bg-red-600 hover:bg-red-700 text-white font-semibold px-6 py-3.5 rounded-xl transition duration-200 shadow-md hover:shadow-lg hover:-translate-y-0.5 transform\">\n <span>Veure V\u00eddeo<\/span>\n <i class=\"fa-solid fa-arrow-up-right-from-square text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"flex items-center justify-between mb-8 border-b border-slate-200 pb-4\">\n <div>\n <h2 class=\"text-2xl font-bold text-slate-950\">\u00c0lbums de Fotos<\/h2>\n <p class=\"text-slate-500 text-sm mt-0.5\">Fes clic a qualsevol curs per accedir a la seva carpeta oficial de fotografies.<\/p>\n <\/div>\n <div class=\"hidden sm:flex items-center space-x-2 text-xs font-semibold text-slate-400 uppercase tracking-wider\">\n <i class=\"fa-solid fa-images\"><\/i>\n <span>9 Carpetes Totals<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6\">\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n \n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2018-2019<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-amber-600 bg-amber-50 border border-amber-200 rounded-full uppercase tracking-wider\">Ed. Infantil<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-slate-100 text-slate-400 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-minus text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">P3<\/h3>\n <p class=\"text-xs text-slate-400\">Educaci\u00f3 Infantil<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <button onclick=\"obrirModalP3()\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-slate-200 hover:bg-slate-300 text-slate-700 font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm\">\n <span>No disponible<\/span>\n <i class=\"fa-solid fa-circle-info\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2019-2020<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-sky-600 bg-sky-50 border border-sky-100 rounded-full uppercase tracking-wider\">Ed. Infantil<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-sky-50 text-sky-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">P4<\/h3>\n <p class=\"text-xs text-slate-400\">Educaci\u00f3 Infantil<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1_DruKKWAggxlWgIGbwpC9vFSIQrrvVGe?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-sky-600 hover:bg-sky-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2020-2021<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-sky-600 bg-sky-50 border border-sky-100 rounded-full uppercase tracking-wider\">Ed. Infantil<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-sky-50 text-sky-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">P5<\/h3>\n <p class=\"text-xs text-slate-400\">Educaci\u00f3 Infantil<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1vaU2-KnE7KNOZOxeYyr5zNhEEAOYX-UB?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-sky-600 hover:bg-sky-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2021-2022<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-emerald-600 bg-emerald-50 border border-emerald-100 rounded-full uppercase tracking-wider\">Cicle Inicial<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-emerald-50 text-emerald-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">1r de Prim\u00e0ria<\/h3>\n <p class=\"text-xs text-slate-400\">Cicle Inicial<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1OJvlB4j_HUjWKRfJtW5YZS8uRwxTwf8N?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-emerald-600 hover:bg-emerald-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2022-2023<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-indigo-600 bg-indigo-50 border border-indigo-100 rounded-full uppercase tracking-wider\">Primer Cicle<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-indigo-50 text-indigo-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">2n de Prim\u00e0ria<\/h3>\n <p class=\"text-xs text-slate-400\">Primer Cicle<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/12qkmSSpHx7_Rr0B1PyYGOESbqECqpHc9?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-indigo-600 hover:bg-indigo-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2023-2024<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-purple-600 bg-purple-50 border border-purple-100 rounded-full uppercase tracking-wider\">Segon Cicle<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-purple-50 text-purple-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">3r de Prim\u00e0ria<\/h3>\n <p class=\"text-xs text-slate-400\">Segon Cicle<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1A2NsZkWthfiWPtV6YIW8tW2MGQzMw3gV?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-purple-600 hover:bg-purple-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2024-2025<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-purple-600 bg-purple-50 border border-purple-100 rounded-full uppercase tracking-wider\">Segon Cicle<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-purple-50 text-purple-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">4t de Prim\u00e0ria<\/h3>\n <p class=\"text-xs text-slate-400\">Segon Cicle<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1vZc4RkLZxw95UIb2xbgeKE5cbeDuE_H7?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-purple-600 hover:bg-purple-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2025-2026<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-pink-600 bg-pink-50 border border-pink-100 rounded-full uppercase tracking-wider\">Tercer Cicle<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-pink-50 text-pink-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">5\u00e8 de Prim\u00e0ria<\/h3>\n <p class=\"text-xs text-slate-400\">Tercer Cicle<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1MUjKh0COS0_Xq3SjS840MRlhHOs1hQY9?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-pink-600 hover:bg-pink-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"bg-white rounded-2xl border border-slate-200 shadow-sm hover:shadow-md transition duration-200 flex flex-col overflow-hidden group\">\n <div class=\"p-5 flex-grow\">\n <div class=\"flex justify-between items-center mb-4\">\n <span class=\"px-2.5 py-1 text-xs font-bold text-slate-600 bg-slate-100 rounded-full\">2026-2027<\/span>\n <span class=\"px-2.5 py-1 text-[10px] font-bold text-pink-600 bg-pink-50 border border-pink-100 rounded-full uppercase tracking-wider\">Tercer Cicle<\/span>\n <\/div>\n <div class=\"flex items-center space-x-3 mb-3\">\n <div class=\"p-3 bg-pink-50 text-pink-500 rounded-xl group-hover:scale-105 transition duration-200\">\n <i class=\"fa-solid fa-folder-open text-xl\"><\/i>\n <\/div>\n <div>\n <h3 class=\"text-xl font-bold text-slate-900\">6\u00e8 de Prim\u00e0ria<\/h3>\n <p class=\"text-xs text-slate-400\">Tercer Cicle<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"p-4 bg-slate-50 border-t border-slate-100\">\n <a href=\"https:\/\/drive.google.com\/drive\/folders\/1QvxBwlGVE1g1GvUTp4rxsR5PSshNRVQW?usp=drive_link\" target=\"_blank\" class=\"w-full inline-flex items-center justify-center space-x-2 bg-pink-600 hover:bg-pink-700 text-white font-semibold px-4 py-2.5 rounded-xl transition duration-150 text-sm shadow-sm\">\n <span>Veure fotos<\/span>\n <i class=\"fa-solid fa-chevron-right text-xs\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n\n <\/div>\n <\/main>\n\n \n <footer class=\"bg-slate-900 text-slate-400 py-8 border-t border-slate-800 text-center text-sm\">\n <p>© 2026 Escola. Tots els drets reservats.<\/p>\n <p class=\"mt-1 text-xs text-slate-500\">Desenvolupat exclusivament per a les fam\u00edlies de la promoci\u00f3.<\/p>\n <\/footer>\n\n \n <div id=\"modalP3\" class=\"fixed inset-0 bg-slate-950\/60 backdrop-blur-sm z-50 flex items-center justify-center p-4 hidden opacity-0 transition-opacity duration-300\">\n <div class=\"bg-white rounded-2xl max-w-md w-full p-6 shadow-2xl border border-slate-100 transform scale-95 transition-transform duration-300\" id=\"modalContainer\">\n <div class=\"text-center\">\n \n <div class=\"mx-auto flex items-center justify-center h-14 w-14 rounded-full bg-amber-50 text-amber-500 mb-4 border border-amber-200\">\n <i class=\"fa-solid fa-triangle-exclamation text-2xl animate-pulse\"><\/i>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-950 mb-2\">Fotos de P3 no disponibles<\/h3>\n <p class=\"text-sm text-slate-600 leading-relaxed mb-6\">\n Benvolgudes fam\u00edlies, us informem que a causa d’un problema t\u00e8cnic insalvable amb el dispositiu d’emmagatzematge d’aquell curs acad\u00e8mic (2018-2019), malauradament no s’han pogut recuperar els records d’aquesta etapa. Lamentem molt les mol\u00e8sties.\n <\/p>\n <button onclick=\"tancarModalP3()\" class=\"w-full bg-slate-900 hover:bg-slate-950 text-white font-semibold py-3 px-4 rounded-xl transition duration-150 text-sm shadow-sm\">\n D’acord, ho entenc\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <script>\n const contrasenyaCorrecta = \"Estanys2026!\";\n\n function verificarClau() {\n const intent = document.getElementById('clau-entrada').value;\n const errorBox = document.getElementById('missatge-error');\n const pany = document.getElementById('pany-seguretat');\n const contingut = document.getElementById('contingut-privat');\n\n if (intent === contrasenyaCorrecta) {\n pany.classList.add('hidden');\n contingut.classList.remove('hidden');\n errorBox.classList.add('hidden');\n } else {\n errorBox.classList.remove('hidden');\n document.getElementById('clau-entrada').value = '';\n document.getElementById('clau-entrada').focus();\n }\n }\n\n function comprovarTecla(event) {\n if (event.key === \"Enter\") {\n verificarClau();\n }\n }\n\n \/\/ Funci\u00f3 pel modal de P3\n function obrirModalP3() {\n const modal = document.getElementById('modalP3');\n const container = document.getElementById('modalContainer');\n modal.classList.remove('hidden');\n setTimeout(() => {\n modal.classList.add('opacity-100');\n container.classList.remove('scale-95');\n container.classList.add('scale-100');\n }, 10);\n }\n\n function tancarModalP3() {\n const modal = document.getElementById('modalP3');\n const container = document.getElementById('modalContainer');\n modal.classList.remove('opacity-100');\n container.classList.remove('scale-100');\n container.classList.add('scale-95');\n setTimeout(() => {\n modal.classList.add('hidden');\n }, 300);\n }\n\n \/\/ Tancar en clicar fora del di\u00e0leg\n window.onclick = function(event) {\n const modal = document.getElementById('modalP3');\n if (event.target === modal) {\n tancarModalP3();\n }\n }\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00c0lbum de Records de la Promoci\u00f3 Espai Privat Protegit Introdu\u00efu la contrasenya del llibret de graduaci\u00f3 de 6\u00e8 per poder veure els records, fotos i el v\u00eddeo del curs. Validar contrasenya Contrasenya incorrecta. Torneu-ho a provar. Portal de Graduaci\u00f3 i Records Els Nostres Records de l’Escola Un viatge inoblidable des de P3 fins a 6\u00e8 […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":27991,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-27969","page","type-page","status-publish","hentry"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/pages\/27969","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/comments?post=27969"}],"version-history":[{"count":6,"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/pages\/27969\/revisions"}],"predecessor-version":[{"id":28011,"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/pages\/27969\/revisions\/28011"}],"up":[{"embeddable":true,"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/pages\/27991"}],"wp:attachment":[{"href":"https:\/\/agora.xtec.cat\/escola-elsestanys\/wp-json\/wp\/v2\/media?parent=27969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}