PageSourceSearch

http://bylinedu.org/quienes-somos/

html bylinedu.org collected 2026-10-01 14:49:38 UTC 31,418 bytes, 44 lines download raw bytes

1<!DOCTYPE html><html lang="es"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Conoce la historia, misión y valores de la asociación ByLinedu."><meta name="generator" content="Astro v6.1.5"><title>Quiénes Somos | ByLinedu</title><link rel="icon" type="image/png" href="/images/logo_bylinedu.png"><link rel="apple-touch-icon" href="/images/logo_bylinedu.png"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,[email protected],400;9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/Layout.CmU_Tg9F.css">
2<style>.about-hero[data-astro-cid-uno4qjei]{min-height:40rem}@media(max-width:1023px){.about-hero[data-astro-cid-uno4qjei]{min-height:34rem;background-position:center 58%!important}}
3</style></head> <body class="font-sans min-h-screen flex flex-col antialiased"> <header class="sticky top-0 z-50 px-3 pt-3"> <nav class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 rounded-2xl border border-white/60 bg-white/88 backdrop-blur shadow-lg shadow-slate-900/6 overflow-visible"> <div class="flex justify-between items-center h-16"> <a href="/" class="flex items-center gap-3"> <img src="/images/logo_bylinedu.png" alt="ByLinedu" class="h-10 w-auto"> <div class="leading-tight"> <span class="block text-[11px] uppercase tracking-[0.18em] text-slate-500 font-semibold">Asociación</span> <span class="block text-sm sm:text-base font-semibold tracking-tight text-slate-900">ByLinedu</span> </div> </a> <!-- Navegación escritorio --> <div class="hidden lg:flex items-center space-x-1"> <a href="/" class="px-3 py-2 rounded-lg text-sm font-medium transition-colors text-gray-600 hover:text-slate-900 hover:bg-slate-100"> Inicio </a><a href="/quienes-somos" class="px-3 py-2 rounded-lg text-sm font-medium transition-colors bg-slate-900 text-white"> Quiénes Somos </a><a href="/proyectos" class="px-3 py-2 rounded-lg text-sm font-medium transition-colors text-gray-600 hover:text-slate-900 hover:bg-slate-100"> Proyectos </a><a href="/noticias" class="px-3 py-2 rounded-lg text-sm font-medium transition-colors text-gray-600 hover:text-slate-900 hover:bg-slate-100"> Noticias </a><a href="/agenda" class="px-3 py-2 rounded-lg text-sm font-medium transition-colors text-gray-600 hover:text-slate-900 hover:bg-slate-100"> Agenda </a><a href="/colabora" class="px-3 py-2 rounded-lg text-sm font-medium transition-colors text-gray-600 hover:text-slate-900 hover:bg-slate-100"> Colabora </a><a href="/contacto" class="px-3 py-2 rounded-lg text-sm font-medium transition-colors text-gray-600 hover:text-slate-900 hover:bg-slate-100"> Contacto </a> </div> <!-- Selector de idioma escritorio --> <div class="hidden lg:flex items-center gap-2 ml-2"> <div class="relative"> <button id="lang-toggle" class="lang-icon-btn" aria-label="Cambiar idioma" aria-expanded="false" aria-controls="lang-popover"> <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9 9 0 100-18 9 9 0 000 18z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M3.6 9h16.8M3.6 15h16.8M12 3a15.3 15.3 0 014 9 15.3 15.3 0 01-4 9 15.3 15.3 0 01-4-9 15.3 15.3 0 014-9z"></path> </svg> </button> <div id="lang-popover" class="translate-popover hidden" role="dialog" aria-label="Selector de idioma"> <p class="translate-popover__title">Idioma</p> <div id="google_translate_element" class="translate-widget"></div> </div> </div> <div class="flex items-center gap-2 border-l border-slate-200 pl-2"> <a href="https://whatsapp.com/channel/0029VaC7f8uDJ6H9RSgQqG0J" aria-label="WhatsApp" title="WhatsApp" target="_blank" rel="noopener noreferrer" class="inline-flex h-9 w-9 items-center justify-center rounded-full border border-slate-200 bg-white text-slate-600 transition-colors hover:border-slate-300 hover:text-slate-900 hover:bg-slate-50">
3 <svg class="h-4.5 w-4.5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M19.05 4.91A9.82 9.82 0 0012.03 2a9.93 9.93 0 00-8.6 14.9L2 22l5.25-1.37A9.94 9.94 0 0012.03 22c5.48 0 9.94-4.43 9.97-9.9a9.86 9.86 0 00-2.95-7.19zm-7.02 15.42a8.3 8.3 0 01-4.23-1.16l-.3-.18-3.12.82.83-3.04-.2-.31a8.28 8.28 0 1114.99-4.36 8.33 8.33 0 01-7.97 8.23zm4.56-6.2c-.25-.13-1.47-.72-1.7-.8-.23-.08-.4-.13-.57.13-.17.25-.65.8-.8.96-.15.17-.29.19-.54.07-.25-.13-1.06-.39-2.02-1.24-.74-.66-1.24-1.47-1.39-1.72-.15-.25-.02-.38.11-.51.11-.11.25-.29.38-.44.13-.15.17-.25.25-.42.08-.17.04-.31-.02-.44-.06-.13-.57-1.37-.78-1.88-.21-.5-.43-.42-.57-.43h-.49c-.17 0-.44.06-.67.31-.23.25-.88.86-.88 2.1 0 1.24.9 2.45 1.03 2.62.13.17 1.76 2.68 4.26 3.76.6.26 1.07.42 1.43.54.6.19 1.14.16 1.56.1.48-.07 1.47-.6 1.68-1.17.21-.57.21-1.07.15-1.17-.06-.1-.23-.17-.48-.29z"></path> </svg>    </a><a href="https://instagram.com/byl_inedu" aria-label="Instagram" title="Instagram" target="_blank" rel="noopener noreferrer" class="inline-flex h-9 w-9 items-center justify-center rounded-full border border-slate-200 bg-white text-slate-600 transition-colors hover:border-slate-300 hover:text-slate-900 hover:bg-slate-50">  <svg class="h-4.5 w-4.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"> <rect x="3.5" y="3.5" width="17" height="17" rx="4.5"></rect> <circle cx="12" cy="12" r="4"></circle> <circle cx="17.5" cy="6.5" r="1"></circle> </svg>   </a><a href="https://t.me/bylinedu" aria-label="Telegram" title="Telegram" target="_blank" rel="noopener noreferrer" class="inline-flex h-9 w-9 items-center justify-center rounded-full border border-slate-200 bg-white text-slate-600 transition-colors hover:border-slate-300 hover:text-slate-900 hover:bg-slate-50">   <svg class="h-4.5 w-4.5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M21.94 4.66a1.5 1.5 0 00-1.63-.24L3.2 11.4a1.5 1.5 0 00.13 2.81l4.38 1.45 1.68 5.1a1.5 1.5 0 002.65.38l2.55-3.32 4.43 3.22a1.5 1.5 0 002.35-.9l2.51-14.02a1.5 1.5 0 00-.54-1.46zM9.02 14.96l-.79-2.39 8.84-5.41-8.05 7.8zm1.46 4.06l-.95-2.87 1.92 1.4-.97 1.47zm9.06-.76l-9.42-6.84 11.35-6.94-1.93 13.78z"></path> </svg>  </a><a href="https://www.tiktok.com/@bylinedu" aria-label="TikTok" title="TikTok" target="_blank" rel="noopener noreferrer" class="inline-flex h-9 w-9 items-center justify-center rounded-full border border-slate-200 bg-white text-slate-600 transition-colors hover:border-slate-300 hover:text-slate-900 hover:bg-slate-50">    <svg class="h-4.5 w-4.5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M16.5 3c.38 1.97 1.67 3.26 3.5 3.5v2.82a6.5 6.5 0 01-3.47-1.04l-.03 6.1a5.39 5.39 0 11-5.39-5.39c.32 0 .63.03.93.09v2.9a2.8 2.8 0 00-.93-.16 2.56 2.56 0 102.56 2.56V3h2.83z"></path> </svg> </a> </div> </div> <!-- Botón menú móvil --> <button id="menu-toggle" class="lg:hidden p-2 rounded-lg text-gray-600 hover:text-slate-900 hover:bg-slate-100 transition-colors" aria-label="Abrir menú de navegación" aria-expanded="false"> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> <div class="hidden lg:flex items-center justify-end gap-3 absolute inset-x-4 top-full z-10 rounded-b-2xl border-t border-slate-200/80 bg-white/94 px-6 py-2 backdrop-blur"> <span class="text-[11px] font-semibold uppercase tracking-[0.18em] text-slate-400">Proyectos relevantes</span> <a href="/coderdojovalencia" class="inline-flex items-center rounded-full px-3 py-1.5 text-sm font-semibold transition-colors bg-slate-900 text-white hover:bg-slate-800"> CoderDojo Valencia </a><a href="https://studio.bylinedu.org/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center rounded-full px-3 py-1.5 text-sm font-semibold transition-colors bg-slate-100 text-slate-700 hover:bg-slate-200 hover:text-slate-900"> ByLinedu Studio </a> </div> <!-- Menú móvil --> <div id="mobile-menu" class="hidden lg:hidden border-t border-gray-100 py-3"> <div class="px-4 pb-3 flex items-center gap-2"> <a href="https://whatsapp.com/channel/0029VaC7f8uDJ6H9RSgQqG0J" aria-label="WhatsApp" title="WhatsApp" target="_blank" rel="noopener noreferrer" class="inline-flex h-9 w-9 items-center justify-center rounded-full border border-slate-200 bg-white text-slate-600">
3 <svg class="h-4.5 w-4.5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M19.05 4.91A9.82 9.82 0 0012.03 2a9.93 9.93 0 00-8.6 14.9L2 22l5.25-1.37A9.94 9.94 0 0012.03 22c5.48 0 9.94-4.43 9.97-9.9a9.86 9.86 0 00-2.95-7.19zm-7.02 15.42a8.3 8.3 0 01-4.23-1.16l-.3-.18-3.12.82.83-3.04-.2-.31a8.28 8.28 0 1114.99-4.36 8.33 8.33 0 01-7.97 8.23zm4.56-6.2c-.25-.13-1.47-.72-1.7-.8-.23-.08-.4-.13-.57.13-.17.25-.65.8-.8.96-.15.17-.29.19-.54.07-.25-.13-1.06-.39-2.02-1.24-.74-.66-1.24-1.47-1.39-1.72-.15-.25-.02-.38.11-.51.11-.11.25-.29.38-.44.13-.15.17-.25.25-.42.08-.17.04-.31-.02-.44-.06-.13-.57-1.37-.78-1.88-.21-.5-.43-.42-.57-.43h-.49c-.17 0-.44.06-.67.31-.23.25-.88.86-.88 2.1 0 1.24.9 2.45 1.03 2.62.13.17 1.76 2.68 4.26 3.76.6.26 1.07.42 1.43.54.6.19 1.14.16 1.56.1.48-.07 1.47-.6 1.68-1.17.21-.57.21-1.07.15-1.17-.06-.1-.23-.17-.48-.29z"></path> </svg>    </a><a href="https://instagram.com/byl_inedu" aria-label="Instagram" title="Instagram" target="_blank" rel="noopener noreferrer" class="inline-flex h-9 w-9 items-center justify-center rounded-full border border-slate-200 bg-white text-slate-600">  <svg class="h-4.5 w-4.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" aria-hidden="true"> <rect x="3.5" y="3.5" width="17" height="17" rx="4.5"></rect> <circle cx="12" cy="12" r="4"></circle> <circle cx="17.5" cy="6.5" r="1"></circle> </svg>   </a><a href="https://t.me/bylinedu" aria-label="Telegram" title="Telegram" target="_blank" rel="noopener noreferrer" class="inline-flex h-9 w-9 items-center justify-center rounded-full border border-slate-200 bg-white text-slate-600">   <svg class="h-4.5 w-4.5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M21.94 4.66a1.5 1.5 0 00-1.63-.24L3.2 11.4a1.5 1.5 0 00.13 2.81l4.38 1.45 1.68 5.1a1.5 1.5 0 002.65.38l2.55-3.32 4.43 3.22a1.5 1.5 0 002.35-.9l2.51-14.02a1.5 1.5 0 00-.54-1.46zM9.02 14.96l-.79-2.39 8.84-5.41-8.05 7.8zm1.46 4.06l-.95-2.87 1.92 1.4-.97 1.47zm9.06-.76l-9.42-6.84 11.35-6.94-1.93 13.78z"></path> </svg>  </a><a href="https://www.tiktok.com/@bylinedu" aria-label="TikTok" title="TikTok" target="_blank" rel="noopener noreferrer" class="inline-flex h-9 w-9 items-center justify-center rounded-full border border-slate-200 bg-white text-slate-600">    <svg class="h-4.5 w-4.5" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"> <path d="M16.5 3c.38 1.97 1.67 3.26 3.5 3.5v2.82a6.5 6.5 0 01-3.47-1.04l-.03 6.1a5.39 5.39 0 11-5.39-5.39c.32 0 .63.03.93.09v2.9a2.8 2.8 0 00-.93-.16 2.56 2.56 0 102.56 2.56V3h2.83z"></path> </svg> </a> </div> <div class="px-4 pb-3"> <div class="translate-inline" aria-label="Selector de idioma móvil"> <svg class="h-4 w-4 text-slate-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9 9 0 100-18 9 9 0 000 18z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M3.6 9h16.8M3.6 15h16.8M12 3a15.3 15.3 0 014 9 15.3 15.3 0 01-4 9 15.3 15.3 0 01-4-9 15.3 15.3 0 014-9z"></path> </svg> <span class="translate-inline__label">Idioma</span> <div id="google_translate_element_mobile" class="translate-widget"></div> </div> </div> <div class="px-4 pb-3 flex flex-wrap gap-2"> <a href="/coderdojovalencia" class="inline-flex items-center rounded-full px-3 py-2 text-sm font-semibold bg-slate-900 text-white"> CoderDojo Valencia </a><a href="https://studio.bylinedu.org/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center rounded-full px-3 py-2 text-sm font-semibold border border-slate-200 bg-slate-50 text-slate-700"> ByLinedu Studio </a> </div> <a href="/" class="block px-4 py-2 rounded-lg text-sm font-medium transition-colors my-0.5 text-gray-600 hover:text-slate-900 hover:bg-slate-100"> Inicio </a><a href="/quienes-somos" class="block px-4 py-2 rounded-lg text-sm font-medium transition-colors my-0.5 bg-slate-900 text-white"> Quiénes Somos </a><a href="/proyectos" class="block px-4 py-2 rounded-lg text-sm font-medium transition-colors my-0.5 text-gray-600 hover:text-slate-900 hover:bg-slate-100"> Proyectos </a><a href="/noticias" class="block px-4 py-2 rounded-lg text-sm font-medium transition-colors my-0.5 text-gray-600 hover:text-slate-900 hover:bg-slate-100"> Noticias </a><a href="/agenda" class="block px-4 py-2 rounded-lg text-sm font-medium transition-colors my-0.5 text-gray-600 hover:text-slate-900 hover:bg-slate-100"> Agenda </a><a href="/colabora" class="block px-4 py-2 rounded-lg text-sm font-medium transition-colors my-0.5 text-gray-600 hover:text-slate-900 hover:bg-slate-100"> Colabora </a><a href="/contacto" class="block px-4 py-2 rounded-lg text-sm font-medium transition-colors my-0.5 text-gray-600 hover:text-slate-900 hover:bg-slate-100"> Contacto </a> </div> </nav> </header> 
3<script type="module">const s=document.getElementById("menu-toggle"),i=document.getElementById("mobile-menu"),t=document.getElementById("lang-toggle"),n=document.getElementById("lang-popover");s?.addEventListener("click",()=>{const e=!i?.classList.contains("hidden");i?.classList.toggle("hidden",e),s.setAttribute("aria-expanded",String(!e))});t?.addEventListener("click",()=>{const e=!n?.classList.contains("hidden");n?.classList.toggle("hidden",e),t.setAttribute("aria-expanded",String(!e))});document.addEventListener("click",e=>{if(!t||!n)return;const d=e.target;d instanceof Node&&!t.contains(d)&&!n.contains(d)&&(n.classList.add("hidden"),t.setAttribute("aria-expanded","false"))});document.addEventListener("keydown",e=>{e.key==="Escape"&&(n?.classList.add("hidden"),t?.setAttribute("aria-expanded","false"))});</script>
3 <main class="flex-1">  <section class="page-hero about-hero px-4" style="background-image: linear-gradient(108deg, rgb(15 23 42 / 0.82) 0%, rgb(15 23 42 / 0.7) 38%, rgb(15 23 42 / 0.42) 72%, rgb(15 23 42 / 0.28) 100%), url('/images/banner/QuienesSomos.jpg'); background-size: cover; background-position: center 62%;" data-astro-cid-uno4qjei> <div class="page-wrap relative z-10 grid lg:grid-cols-[1.05fr_24rem] gap-8 items-start" data-astro-cid-uno4qjei> <div data-astro-cid-uno4qjei> <p class="uppercase text-xs tracking-[0.24em] text-white/80 font-bold" data-astro-cid-uno4qjei>Nuestra asociación</p> <h1 class="mt-3 text-4xl md:text-6xl font-semibold text-white" data-astro-cid-uno4qjei>Quiénes somos y por qué existimos</h1> <p class="mt-4 text-lg text-white/90 max-w-3xl" data-astro-cid-uno4qjei> ByLinedu es una asociación cívica sin ánimo de lucro formada por profesionales, docentes y estudiantes voluntarios comprometidos con el valor social de la educación y la tecnología. </p> <div class="mt-6 flex flex-wrap gap-3" data-astro-cid-uno4qjei> <a href="/transparencia" class="btn-soft" data-astro-cid-uno4qjei>Ver transparencia</a> <a href="/memorias" class="btn-soft" data-astro-cid-uno4qjei>Consultar memorias</a> </div> </div> <article class="hero-card lg:mt-6" data-astro-cid-uno4qjei> <p class="text-xs uppercase tracking-[0.16em] text-slate-500 font-semibold" data-astro-cid-uno4qjei>En un vistazo</p> <div class="mt-4 grid grid-cols-2 gap-3" data-astro-cid-uno4qjei> <div class="rounded-xl border border-slate-200 bg-white p-3" data-astro-cid-uno4qjei> <p class="text-2xl font-semibold text-slate-900" data-astro-cid-uno4qjei>2012</p> <p class="text-xs text-slate-500 uppercase tracking-wide" data-astro-cid-uno4qjei>inicio de actividad</p> </div><div class="rounded-xl border border-slate-200 bg-white p-3" data-astro-cid-uno4qjei> <p class="text-2xl font-semibold text-slate-900" data-astro-cid-uno4qjei>8+</p> <p class="text-xs text-slate-500 uppercase tracking-wide" data-astro-cid-uno4qjei>líneas de proyecto históricas</p> </div><div class="rounded-xl border border-slate-200 bg-white p-3" data-astro-cid-uno4qjei> <p class="text-2xl font-semibold text-slate-900" data-astro-cid-uno4qjei>100%</p> <p class="text-xs text-slate-500 uppercase tracking-wide" data-astro-cid-uno4qjei>base voluntaria</p> </div><div class="rounded-xl border border-slate-200 bg-white p-3" data-astro-cid-uno4qjei> <p class="text-2xl font-semibold text-slate-900" data-astro-cid-uno4qjei>1</p> <p class="text-xs text-slate-500 uppercase tracking-wide" data-astro-cid-uno4qjei>objetivo: impacto social real</p> </div> </div> </article> </div> </section> <div class="page-wrap py-14 md:py-18 space-y-12" data-astro-cid-uno4qjei> <section class="grid md:grid-cols-3 gap-6" data-astro-cid-uno4qjei> <article class="surface-card" data-astro-cid-uno4qjei> <h2 class="text-2xl font-semibold text-slate-900 mb-3" data-astro-cid-uno4qjei>Nuestra misión</h2> <p class="text-slate-600 leading-relaxed text-lg" data-astro-cid-uno4qjei>Promovemos proyectos educativos y comunitarios que usan las aplicaciones digitales, la programación y la participación social como herramientas de inclusión, aprendizaje y acompañamiento.</p> </article><article class="surface-card" data-astro-cid-uno4qjei> <h2 class="text-2xl font-semibold text-slate-900 mb-3" data-astro-cid-uno4qjei>Nuestra visión</h2> <p class="text-slate-600 leading-relaxed text-lg" data-astro-cid-uno4qjei>Queremos una comunidad donde la tecnología sirva para conectar, reducir brechas y abrir oportunidades educativas reales para todas las personas.</p> </article><article class="surface-card" data-astro-cid-uno4qjei> <h2 class="text-2xl font-semibold text-slate-900 mb-3" data-astro-cid-uno4qjei>Nuestros valores</h2> <p class="text-slate-600 leading-relaxed text-lg" data-astro-cid-uno4qjei>Destacamos entre nuestros valores innovación, transparencia, compromiso social, inclusión, ilusión, altruismo, coherencia, aprendizaje permanente, participación y colaboración.</p> </article> </section> <section data-astro-cid-uno4qjei> <h2 class="section-title" data-astro-cid-uno4qjei>Cómo trabajamos</h2> <p class="section-subtitle" data-astro-cid-uno4qjei>
3Un proceso simple para convertir tecnología y educación en impacto útil.</p> <div class="mt-6 grid md:grid-cols-3 gap-6" data-astro-cid-uno4qjei> <article class="surface-card" data-astro-cid-uno4qjei> <p class="text-xs font-semibold tracking-[0.16em] uppercase text-slate-500" data-astro-cid-uno4qjei>Paso 01</p> <h3 class="mt-2 text-xl font-semibold text-slate-900" data-astro-cid-uno4qjei>Escuchamos necesidades</h3> <p class="mt-3 text-sm leading-relaxed text-slate-600" data-astro-cid-uno4qjei>Trabajamos desde problemas reales de personas, centros y entidades del territorio.</p> </article><article class="surface-card" data-astro-cid-uno4qjei> <p class="text-xs font-semibold tracking-[0.16em] uppercase text-slate-500" data-astro-cid-uno4qjei>Paso 02</p> <h3 class="mt-2 text-xl font-semibold text-slate-900" data-astro-cid-uno4qjei>Diseñamos en colaboración</h3> <p class="mt-3 text-sm leading-relaxed text-slate-600" data-astro-cid-uno4qjei>Combinamos educación, tecnología y red comunitaria para construir respuestas útiles.</p> </article><article class="surface-card" data-astro-cid-uno4qjei> <p class="text-xs font-semibold tracking-[0.16em] uppercase text-slate-500" data-astro-cid-uno4qjei>Paso 03</p> <h3 class="mt-2 text-xl font-semibold text-slate-900" data-astro-cid-uno4qjei>Medimos y mejoramos</h3> <p class="mt-3 text-sm leading-relaxed text-slate-600" data-astro-cid-uno4qjei>Mantenemos trazabilidad con memoria, transparencia y aprendizaje continuo.</p> </article> </div> </section> <section data-astro-cid-uno4qjei> <div class="flex flex-wrap items-end justify-between gap-4 mb-6" data-astro-cid-uno4qjei> <div data-astro-cid-uno4qjei> <h2 class="section-title" data-astro-cid-uno4qjei>Equipo</h2> <p class="section-subtitle" data-astro-cid-uno4qjei>Conoce a las personas que forman parte activa de la asociación.</p> </div> </div> <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-6" data-astro-cid-uno4qjei> <article class="overflow-hidden rounded-3xl border border-slate-200/70 bg-white shadow-sm hover:shadow-lg transition-all" data-astro-cid-uno4qjei> <img src="/images/equipo/bernat-llopis.png" alt="Bernat Llopis Carrasco" class="h-64 w-full object-cover" loading="lazy" decoding="async" data-astro-cid-uno4qjei> <div class="p-5" data-astro-cid-uno4qjei> <h3 class="text-lg font-semibold text-slate-900" data-astro-cid-uno4qjei>Bernat Llopis Carrasco</h3> <p class="mt-2 inline-flex rounded-full bg-slate-100 px-2.5 py-1 text-xs font-semibold text-slate-700" data-astro-cid-uno4qjei>Presidente · Fundador</p> </div> </article><article class="overflow-hidden rounded-3xl border border-slate-200/70 bg-white shadow-sm hover:shadow-lg transition-all" data-astro-cid-uno4qjei> <img src="/images/equipo/loli-iborra.jpg" alt="Loli Iborra Sales" class="h-64 w-full object-cover" loading="lazy" decoding="async" data-astro-cid-uno4qjei> <div class="p-5" data-astro-cid-uno4qjei> <h3 class="text-lg font-semibold text-slate-900" data-astro-cid-uno4qjei>Loli Iborra Sales</h3> <p class="mt-2 inline-flex rounded-full bg-slate-100 px-2.5 py-1 text-xs font-semibold text-slate-700" data-astro-cid-uno4qjei>Tesorera · Fundadora</p> </div> </article><article class="overflow-hidden rounded-3xl border border-slate-200/70 bg-white shadow-sm hover:shadow-lg transition-all" data-astro-cid-uno4qjei> <img src="/images/equipo/ramon-llopis.jpg" alt="Ramón Llopis Iborra" class="h-64 w-full object-cover" loading="lazy" decoding="async" data-astro-cid-uno4qjei> <div class="p-5" data-astro-cid-uno4qjei> <h3 class="text-lg font-semibold text-slate-900" data-astro-cid-uno4qjei>Ramón Llopis Iborra</h3> <p class="mt-2 inline-flex rounded-full bg-slate-100 px-2.5 py-1 text-xs font-semibold text-slate-700" data-astro-cid-uno4qjei>Secretario</p> </div> </article><article class="overflow-hidden rounded-3xl border border-slate-200/70 bg-white shadow-sm hover:shadow-lg transition-all" data-astro-cid-uno4qjei> <img src="/images/equipo/francisco-costa.jpg" alt="Francisco Costa Fernández" class="h-64 w-full object-cover" loading="lazy" decoding="async" data-astro-cid-uno4qjei> <div class="p-5" data-astro-cid-uno4qjei> <h3 class="text-lg font-semibold text-slate-900" data-astro-cid-uno4qjei>Francisco Costa Fernández</h3> <p class="mt-2 inline-flex rounded-full bg-slate-100 px-2.5 py-1 text-xs font-semibold text-slate-700" data-astro-cid-uno4qjei>Gestor Tecnológico</p> </div> </article><article class="overflow-hidden rounded-3xl border border-slate-200/70 bg-white shadow-sm hover:shadow-lg transition-all" data-astro-cid-uno4qjei> <img src="/images/equipo/celia-ruiz.jpg" alt="Celia Ruiz Flores" class="h-64 w-full object-cover" loading="lazy" decoding="async" data-astro-cid-uno4qjei> <div class="p-5" data-astro-cid-uno4qjei> <h3 class="text-lg font-semibold text-slate-900" data-astro-cid-uno4qjei>Celia Ruiz Flores</h3> <p class="mt-2 inline-flex rounded-full bg-slate-100 px-2.5 py-1 text-xs font-semibold text-slate-700" data-astro-cid-uno4qjei>Secretaría Técnica</p> </div> </article> </div> </section> <section data-astro-cid-uno4qjei> <div class="flex flex-wrap items-end justify-between gap-4 mb-6" data-astro-cid-uno4qjei> <div data-astro-cid-uno4qjei> <h2 class="section-title" data-astro-cid-uno4qjei>Voluntariado</h2> <p class="section-subtitle" data-astro-cid-uno4qjei>Personas voluntarias y mentores que hacen posible los proyectos de ByLinedu.</p> </div> </div> <p class="text-slate-600 leading-relaxed" data-astro-cid-uno4qjei>
4La red de voluntariado de ByLinedu está formada por profesionales, docentes y estudiantes que aportan su tiempo y conocimiento a los programas educativos y sociales de la asociación. Si quieres formar parte, <a href="/colabora" class="font-semibold text-azul hover:text-naranja transition-colors" data-astro-cid-uno4qjei>consulta las formas de colaborar</a>.
5</p> <div class="mt-8 grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 ga
5p-3" data-astro-cid-uno4qjei> <div class="surface-card px-4 py-3 text-center text-sm font-semibold text-slate-700" data-astro-cid-uno4qjei>Ariel Sempértegui</div><div class="surface-card px-4 py-3 text-center text-sm font-semibold text-slate-700" data-astro-cid-uno4qjei>Diego Millan</div><div class="surface-card px-4 py-3 text-center text-sm font-semibold text-slate-700" data-astro-cid-uno4qjei>Ignacio Fresneda</div><div class="surface-card px-4 py-3 text-center text-sm font-semibold text-slate-700" data-astro-cid-uno4qjei>Jorge J. Ayora</div><div class="surface-card px-4 py-3 text-center text-sm font-semibold text-slate-700" data-astro-cid-uno4qjei>Jose A. González</div><div class="surface-card px-4 py-3 text-center text-sm font-semibold text-slate-700" data-astro-cid-uno4qjei>Miguel Ortiz</div><div class="surface-card px-4 py-3 text-center text-sm font-semibold text-slate-700" data-astro-cid-uno4qjei>Miriam Monteagudo</div><div class="surface-card px-4 py-3 text-center text-sm font-semibold text-slate-700" data-astro-cid-uno4qjei>Nacho Millán</div><div class="surface-card px-4 py-3 text-center text-sm font-semibold text-slate-700" data-astro-cid-uno4qjei>Pablo Fortis</div><div class="surface-card px-4 py-3 text-center text-sm font-semibold text-slate-700" data-astro-cid-uno4qjei>Virginia Ochovo Sánchez-Crespo</div><div class="surface-card px-4 py-3 text-center text-sm font-semibold text-slate-700" data-astro-cid-uno4qjei>Youssef Bahí</div> </div> </section> <section data-astro-cid-uno4qjei> <div class="flex flex-wrap items-end justify-between gap-4 mb-6" data-astro-cid-uno4qjei> <div data-astro-cid-uno4qjei> <h2 class="section-title" data-astro-cid-uno4qjei>Experiencia de nuestros mentores</h2> <p class="section-subtitle" data-astro-cid-uno4qjei>El acompañamiento de personas con experiencia real marca la diferencia en cada proyecto.</p> </div> </div> <article class="surface-card" data-astro-cid-uno4qjei> <p class="text-slate-600 leading-relaxed" data-astro-cid-uno4qjei>
6Nuestros mentores y mentoras acompañan a ninjas, jóvenes y participantes en cada sesión, aportando experiencia técnica y humana. Su labor es clave para mantener un entorno de aprendizaje seguro, motivador y adaptado a cada persona. Desde CoderDojo Valencia hasta los programas de acompañamiento digital, la figura del mentor es el puente entre el conocimiento y la práctica.
7</p> </article> </section> </div>  </main> <footer class="bg-slate-950 text-slate-300 mt-auto border-t border-slate-800/70"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12"> <div class="grid grid-cols-1 md:grid-cols-4 gap-10"> <!-- Identidad --> <div> <h3 class="text-white font-semibold text-lg mb-3">ByLinedu</h3> <p class="text-sm text-slate-400 leading-relaxed"> Asociación Bernat y Loli Iniciatives Educatives. Educación, tecnología inclusiva y compromiso comunitario. </p> <div class="mt-4 space-y-1 text-sm text-slate-500"> <p>Plaza de Manises n.º 2, 46003 Valencia</p> <p>629789277</p> <p><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3a5955544e5b594e557a58435653545f5e4f145f49">[email&#160;protected]</a></p> </div> </div> <!-- Secciones --> <div> <h4 class="text-white font-semibold mb-4 text-sm uppercase tracking-wider">Secciones</h4> <ul class="space-y-2 text-sm"> <li><a href="/quienes-somos" class="hover:text-amarillo transition-colors">Quiénes Somos</a></li><li><a href="/proyectos" class="hover:text-amarillo transition-colors">Proyectos</a></li><li><a href="/noticias" class="hover:text-amarillo transition-colors">Noticias</a></li><li><a href="/agenda" class="hover:text-amarillo transition-colors">Agenda</a></li><li><a href="/transparencia" class="hover:text-amarillo transition-colors">Transparencia</a></li> </ul> </div> <!-- Participa --> <div> <h4 class="text-white font-semibold mb-4 text-sm uppercase tracking-wider">Participa</h4> <ul class="space-y-2 text-sm"> <li><a href="/colabora" class="hover:text-amarillo transition-colors">Colabora con nosotros</a></li><li><a href="/contacto" class="hover:text-amarillo transition-colors">Contacto</a></li> </ul> </div> <div> <h4 class="text-white font-semibold mb-4 text-sm uppercase tracking-wider">Legal</h4> <ul class="space-y-2 text-sm"> <li><a href="/privacidad" class="hover:text-amarillo transition-colors">Privacidad</a></li><li><a href="/memorias" class="hover:text-amarillo transition-colors">Memorias</a></li><li><a href="/normas-cdv" class="hover:text-amarillo transition-colors">Normas CoderDojo</a></li> </ul> </div> </div> <div class="mt-10 pt-8 border-t border-slate-700 text-center text-xs text-slate-500"> <p>© 2026 ByLinedu. Todos los derechos reservados.</p> </div> </div> </footer>
vendor: 109 bytes, line 7
7 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
7<script>
8      window.googleTranslateElementInit = () => {
9        const options = {
10          pageLanguage: 'es',
11          autoDisplay: false,
12        };
13
14        const desktopTarget = document.getElementById('google_translate_element');
15        if (desktopTarget) {
16          new window.google.translate.TranslateElement(options, 'google_translate_element');
17        }
18
19        const mobileTarget = document.getElementById('google_translate_element_mobile');
20        if (mobileTarget) {
21          new window.google.translate.TranslateElement(options, 'google_translate_element_mobile');
22        }
23      };
24
25      const hideTranslateBanner = () => {
26        const bannerFrame = document.querySelector('iframe.goog-te-banner-frame');
27        const bannerContainer = document.querySelector('body > .skiptranslate');
28        const tooltip = document.getElementById('goog-gt-tt');
29
30        if (bannerFrame instanceof HTMLElement) bannerFrame.style.display = 'none';
31        if (bannerContainer instanceof HTMLElement) bannerContainer.style.display = 'none';
32        if (tooltip instanceof HTMLElement) tooltip.style.display = 'none';
33
34        document.documentElement.style.marginTop = '0px';
35        document.body.style.top = '0px';
36        document.body.style.marginTop = '0px';
37      };
38
39      setInterval(hideTranslateBanner, 500);
40
41      const observer = new MutationObserver(() => hideTranslateBanner());
42      observer.observe(document.documentElement, { childList: true, subtree: true });
43    </script>
43 
43<script src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" defer></script>
43 
43<script type="module" src="/_astro/Layout.astro_astro_type_script_index_0_lang.CDwBIjSd.js"></script>
43 
43<script src="https://files.bpcontent.cloud/2026/06/24/14/20260624141609-QQWGAIJK.js" defer></script>
43 
43<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"dd1c070bd55b4537b63d7662fc750244","r":1,"spa":2}' crossorigin="anonymous"></script>
43
44</body> </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.