1<!DOCTYPE html> 2<html lang="es"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Duoreader: Lectura bilingüe y aprender idiomas (ePUB, PDF, audiolibro)</title> 7 8 <!-- SEO --> 9 <link rel="canonical" href="https://duoreader.top/index_es.html"> 10 <link rel="alternate" hreflang="en" href="https://duoreader.top/"> 11 <link rel="alternate" hreflang="zh" href="https://duoreader.cn/"> 12 <link rel="alternate" hreflang="fr" href="https://duoreader.top/index_fr.html"> 13 <link rel="alternate" hreflang="es" href="https://duoreader.top/index_es.html"> 14 <link rel="alternate" hreflang="it" href="https://duoreader.top/index_it.html"> 15 <link rel="alternate" hreflang="de" href="https://duoreader.top/index_de.html"> 16 <link rel="alternate" hreflang="ar" href="https://duoreader.top/index_ar.html"> 17 <link rel="alternate" hreflang="ru" href="https://duoreader.top/index_ru.html"> 18 <link rel="alternate" hreflang="x-default" href="https://duoreader.top/"> 19 <meta name="description" content="Duoreader: lectura bilingüe gratis con alineación frase a frase. Importa ePUB y PDF, diccionario inteligente, TTS, traducción IA en vivo. Clásicos y audiolibros, sin anuncios."> 20 <meta name="baidu-site-verification" content="code-HcWW132yQ2" /> 21 <!-- Open Graph --> 22 <meta property="og:type" content="website"> 23 <meta property="og:url" content="https://duoreader.top/index_es.html"> 24 <meta property="og:title" content="Duoreader: Lectura bilingüe y aprender idiomas (ePUB, PDF, audiolibro)"/> 25 <meta property="og:description" content="Lectura bilingüe frase a frase. Libros propios, diccionario inteligente, TTS, traducción IA. Gratis y sin publicidad."/> 26 <meta property="og:image" content="https://duoreader.top/images/icon_pwa.png"> 27 <meta property="og:locale" content="es_ES"> 28 <!-- Twitter Card --> 29 <meta name="twitter:card" content="summary_large_image"> 30 <meta name="twitter:title" content="Duoreader: Lectura bilingüe y aprender idiomas (ePUB, PDF, audiolibro)"> 31 <meta name="twitter:description" content="Lectura bilingüe frase a frase. Libros propios, diccionario inteligente, TTS, traducción IA. Gratis y sin publicidad."> 32 33 <link rel="icon" href="images/favicon.png">
vendor: 69 bytes, lines 33-35
33 34 35 <script async src="https://www.googletagmanager.com/gtag/js?id=
35G-KBQT3WQB3C
vendor: 16 bytes, lines 35-36
35"></script> 36
36<script> 37
vendor: 151 bytes, lines 37-40
37window.dataLayer = window.dataLayer || []; 38 function gtag(){dataLayer.push(arguments);} 39 gtag('js', new Date()); 40 gtag('config', '
40G-KBQT3WQB3C
vendor: 8 bytes, lines 40-41
40'); 41
41</script>
41 42 43 <link rel="stylesheet" href="css/tailwind.css"> 44 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> 45 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&display=swap" rel="stylesheet"> 46 <style>body { font-family: 'Inter', sans-serif; }</style> 47 48
48<script type="application/ld+json"> 49 { 50 "@context": "https://schema.org", 51 "@type": "WebApplication", 52 "name": "Duoreader", 53 "description": "App de lectura bilingüe gratis con alineación frase a frase. Importa ePUB y PDF, diccionario inteligente, TTS y traducción IA en vivo. Clásicos y audiolibros, sin anuncios.", 54 "url": "https://duoreader.top/index_es.html", 55 "applicationCategory": "EducationalApplication", 56 "operatingSystem": "Android, iOS, Windows, Web", 57 "offers": { "@type": "Offer", "price": "0", "priceCurrency": "EUR" }, 58 "installUrl": ["https://apps.apple.com/us/app/id1527845152", "https://play.google.com/store/apps/details?id=com.duoreader"], 59 "featureList": ["Libros personalizados (ePUB, PDF)", "Diccionario inteligente", "TTS avanzado", "Traducción IA en vivo", "Alineación bilingüe frase a frase", "Biblioteca gratis de clásicos"] 60 } 61 </script>
61 62</head> 63<body class="bg-white text-slate-700 antialiased"> 64 65 <nav class="fixed w-full z-50 border-b border-slate-100" aria-label="Navegación principal"> 66 <div class="bg-white/90 backdrop-blur-sm"> 67 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 68 <div class="flex justify-between h-20 items-center"> 69 <a href="https://duoreader.top/index_es.html" class="flex items-center gap-3" aria-label="Duoreader inicio"> 70 <img src="images/icon_pwa.png" alt="Duoreader - App de lectura bilingüe para Android e iOS" width="36" height="36" class="h-9 w-9 object-contain"> 71 <span class="font-bold text-2xl tracking-tight text-slate-800">Duoreader</span> 72 </a> 73 <div class="hidden md:flex space-x-8 items-center"> 74 <a href="#features" class="text-sm font-medium text-slate-600 hover:text-[#26C6DA] transition">Funciones</a> 75 <a href="#library" class="text-sm font-medium text-slate-600 hover:text-[#26C6DA] transition">Biblioteca</a> 76 <a href="#download" class="text-sm font-bold text-[#26C6DA] hover:text-[#FF7043] transition">Descargar</a> 77 </div> 78 <div class="relative group" aria-label="Idioma"> 79 <button type="button" class="flex items-center gap-2 text-sm font-medium text-slate-600 hover:text-[#26C6DA] transition py-2 px-3 rounded-lg hover:bg-slate-100" aria-expanded="false" aria-haspopup="true"> 80 <i class="fas fa-globe"></i> 81 <span>Idioma</span> 82 <i class="fas fa-chevron-down text-xs opacity-70"></i> 83 </button> 84 <div class="absolute right-0 top-full pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200"> 85 <div class="bg-white rounded-xl shadow-lg border border-slate-100 py-2 min-w-[10rem]"> 86 <a href="https://duoreader.top/" class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-[#26C6DA]">English</a> 87 <a href="https://duoreader.cn/" class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-[#26C6DA]">䏿</a> 88 <a href="index_fr.html" class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-[#26C6DA]">Français</a> 89 <span class="block px-4 py-2 text-sm text-slate-700 font-medium" aria-current="page">Español</span> 90 <a href="index_it.html" class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-[#26C6DA]">Italiano</a> 91 <a href="index_de.html" class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-[#26C6DA]">Deutsch</a> 92 <a href="index_ar.html" class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-[#26C6DA]">Ø§ÙØ¹Ø±Ø¨ÙØ©</a> 93 <a href="index_ru.html" class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-[#26C6DA]">Ð ÑÑÑкий</a> 94 </div> 95 </div> 96 </div> 97 </div> 98 </div> 99 </div> 100 </nav> 101 102 <main> 103 <section class="hero-pattern pt-32 pb-20 lg:pt-40 lg:pb-28" aria-labelledby="hero-heading"> 104 <div class="max-w-4xl mx-auto px-4 sm:px-6 text-center"> 105 <div class="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-slate-100 border border-slate-200 mb-8"> 106 <span class="flex h-2 w-2 rounded-full bg-[#26C6DA]"></span> 107 <span class="text-xs font-semibold text-slate-600 uppercase tracking-wide">Funciones: libros personalizados, diccionario inteligente, traducción IA</span> 108 </div> 109 <h1 id="hero-heading" class="text-4xl md:text-6xl font-extrabold tracking-tight text-slate-900 leading-normal mb-6"> 110 Con Duoreader, aprende idiomas con <br>
111 <span class="text-brand-teal">lectura bilingüe</span> 112 </h1> 113 <p class="mt-4 max-w-2xl mx-auto text-left text-lg md:text-xl text-slate-500 leading-relaxed"> 114 Alinea las traducciones frase a frase. Cambia entre dos idiomas al instante y disfruta de los textos originales. 115 </p> 116 <div id="download" class="mt-10 flex flex-col items-center gap-8"> 117 <div class="flex flex-wrap justify-center items-center gap-4"> 118 <a href="https://apps.apple.com/us/app/id1527845152" target="_blank" rel="noopener" class="flex items-center h-[50px] px-4 bg-slate-900 text-white rounded-lg hover:bg-slate-800 transition shadow hover:opacity-90"> 119 <i class="fab fa-apple text-2xl mr-2.5"></i> 120 <div class="text-left leading-tight"> 121 <div class="text-[9px] text-gray-400 font-medium">Descargar en el</div> 122 <div class="text-sm font-bold font-sans">App Store</div> 123 </div> 124 </a> 125 <a href="https://play.google.com/store/apps/details?id=com.duoreader" target="_blank" rel="noopener" class="store-btn store-btn-google flex items-center h-[50px] px-4 rounded-lg text-white shadow hover:opacity-90 transition"> 126 <i class="fab fa-google-play text-2xl mr-2.5 opacity-90"></i> 127 <div class="text-left leading-tight"> 128 <div class="text-[9px] font-medium opacity-90">Disponible en</div> 129 <div class="text-sm font-bold font-sans">Google Play</div> 130 </div> 131 </a> 132 <a href="https://apps.microsoft.com/detail/9NZ7K7DD74FR" target="_blank" rel="noopener" class="store-btn store-btn-microsoft flex items-center h-[50px] px-4 rounded-lg text-white shadow hover:opacity-90 transition"> 133 <i class="fab fa-microsoft text-2xl mr-2.5 opacity-90"></i> 134 <div class="text-left leading-tight"> 135 <div class="text-[9px] font-medium opacity-90">Obtener en</div> 136 <div class="text-sm font-bold font-sans">Microsoft</div> 137 </div> 138 </a> 139 </div> 140 <a href="https://web.duoreader.top/" target="_blank" class="group inline-flex items-center text-slate-500 hover:text-[#FF7043] font-medium transition-colors"> 141 <i class="fas fa-globe mr-2"></i> 142 O prueba la aplicación web 143 <i class="fas fa-arrow-right ml-2 opacity-0 group-hover:opacity-100 transition-all transform group-hover:translate-x-1"></i> 144 </a> 145 <p class="mt-6 max-w-2xl text-left text-sm text-slate-500 leading-relaxed"> 146 Duoreader usa IA para alinear frase a frase: lee clásicos y artÃculos con facilidad. Importa tus ePUB y PDF, usa el diccionario inteligente y la traducción IA en vivo, y escucha con TTS avanzado. Chino, inglés, francés, español, italiano, japonés y más. 147 </p> 148 </div> 149 </div> 150 </section> 151 152 <section class="py-12 bg-white border-y border-slate-100"> 153 <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> 154 <div class="relative rounded-2xl overflow-hidden shadow-2xl bg-black aspect-video ring-1 ring-slate-900/5"> 155 <iframe class="absolute top-0 left-0 w-full h-full" src="https://www.youtube.com/embed/h2hk9eJz93I" title="Demo Duoreader" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> 156 </div> 157 </div> 158 </section> 159 160 <section id="features" class="py-24 bg-slate-50"> 161 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 162 <div class="text-center mb-16"> 163 <h2 class="text-3xl font-bold text-slate-900">Funciones potentes</h2> 164 <p class="mt-4 text-slate-500 max-w-2xl mx-auto">Todo para leer, escuchar y aprender con eficacia. Con integración IA.</p> 165 </div> 166 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> 167 <div class="p-8 bg-white rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition duration-300"> 168 <div class="w-12 h-12 bg-brand-teal-light rounded-lg flex items-center justify-center mb-6"><i class="fas fa-book-open text-[#00BCD4] text-xl"></i></div> 169 <h3 class="text-xl font-bold mb-3 text-slate-800">Libros personalizados</h3> 170 <p class="text-slate-600 leading-relaxed">Importa y lee tus ePUB y PDF en la app. Tu biblioteca, a tu manera.</p> 171 </div> 172 <div class="p-8 bg-white rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition duration-300"> 173 <div class="w-12 h-12 bg-brand-coral-light rounded-lg flex items-center justify-center mb-6"><i class="fas fa-robot text-[#FF7043] text-xl"></i></div> 174 <h3 class="text-xl font-bold mb-3 text-slate-800">Diccionario inteligente</h3> 175 <p class="text-slate-600 leading-relaxed">Con ChatGPT para explicaciones más ricas y naturales en contexto.</p> 176 </div> 177 <div class="p-8 bg-white rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition duration-300"> 178 <div class="w-12 h-12 bg-indigo-50 rounded-lg flex items-center justify-center mb-6"><i class="fas fa-headphones text-indigo-500 text-xl"></i></div> 179 <h3 class="text-xl font-bold mb-3 text-slate-800">TTS avanzado</h3> 180 <p class="text-slate-600 leading-relaxed">Escucha con varias voces naturales y velocidades ajustables.</p> 181 </div> 182 <div class="p-8 bg-white rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition duration-300"> 183 <div class="w-12 h-12 bg-purple-50 rounded-lg flex items-center justify-center mb-6"><i class="fas fa-language text-purple-500 text-xl"></i></div> 184 <h3 class="text-xl font-bold mb-3 text-slate-800">Traducción IA en vivo</h3> 185 <p class="text-slate-600 leading-relaxed">Lectura bilingüe en tiempo real con grandes modelos de lenguaje.</p> 186 </div> 187 <div class="p-8 bg-white rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition duration-300"> 188 <div class="w-12 h-12 bg-amber-50 rounded-lg flex items-center justify-center mb-6"><i class="fas fa-layer-group text-amber-500 text-xl"></i></div> 189 <h3 class="text-xl font-bold mb-3 text-slate-800">Biblioteca mejorada</h3> 190 <p class="text-slate-600 leading-relaxed">Filtros, fichas detalladas y scroll infinito para descubrir contenido.</p> 191 </div> 192 <div class="p-8 bg-white rounded-2xl border border-slate-100 shadow-sm hover:shadow-md transition duration-300"> 193 <div class="w-12 h-12 bg-emerald-50 rounded-lg flex items-center justify-center mb-6"><i class="fas fa-check-circle text-emerald-500 text-xl"></i></div> 194 <h3 class="text-xl font-bold mb-3 text-slate-800">Completamente gratis</h3> 195 <p class="text-slate-600 leading-relaxed">Todo el contenido es gratis y sin anuncios. Lee sin interrupciones.</p> 196 </div> 197 </div> 198 <div class="mt-16 text-center"> 199 <a href="bilingual_readers.html" class="inline-flex items-center justify-center px-6 py-3 border border-slate-200 text-sm font-medium rounded-full text-slate-600 hover:bg-white hover:shadow-sm hover:text-[#26C6DA] transition duration-200"> 200 <i class="fas fa-balance-scale mr-2 text-slate-400"></i> Comparativa de lectores bilingües → 201 </a> 202 </div> 203 </div> 204 </section> 205 206 <section id="library" class="py-24 bg-[#1e293b] text-white"> 207 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 208 <div class="grid grid-cols-1 lg:grid-cols-2 gap-16 items-center"> 209 <div> 210 <h2 class="text-3xl font-bold mb-6">Un mundo de literatura clásica</h2> 211 <p class="text-slate-300 mb-8 text-lg leading-relaxed"> 212 Sumérgete en nuestra colección de clásicos y contenido moderno, incluyendo fuentes como la ONU. 213 </p> 214 <h3 class="text-xl font-semibold mb-4 text-[#26C6DA]">Idiomas soportados</h3> 215 <div class="flex flex-wrap gap-2 mb-10">
216 <span class="px-3 py-1 bg-slate-700 rounded-full text-sm border border-slate-600">Ãrabe</span> 217 <span class="px-3 py-1 bg-slate-700 rounded-full text-sm border border-slate-600">Chino</span> 218 <span class="px-3 py-1 bg-slate-700 rounded-full text-sm border border-slate-600">Inglés</span> 219 <span class="px-3 py-1 bg-slate-700 rounded-full text-sm border border-slate-600">Francés</span> 220 <span class="px-3 py-1 bg-slate-700 rounded-full text-sm border border-slate-600">Alemán</span> 221 <span class="px-3 py-1 bg-slate-700 rounded-full text-sm border border-slate-600">Italiano</span> 222 <span class="px-3 py-1 bg-slate-700 rounded-full text-sm border border-slate-600">Japonés</span> 223 <span class="px-3 py-1 bg-slate-700 rounded-full text-sm border border-slate-600">Ruso</span> 224 <span class="px-3 py-1 bg-slate-700 rounded-full text-sm border border-slate-600">Español</span> 225 </div> 226 <a href="https://web.duoreader.top/" class="inline-flex items-center justify-center px-6 py-3 border border-slate-500 text-base font-medium rounded-lg text-white hover:bg-white hover:text-slate-900 transition duration-200"> 227 Ver biblioteca 228 </a> 229 </div> 230 <div class="bg-slate-800/50 p-8 rounded-2xl shadow-xl border border-slate-700 backdrop-blur-sm"> 231 <h3 class="text-lg font-semibold mb-6 text-slate-200 border-b border-slate-700 pb-4">Clásicos destacados</h3> 232 <ul class="space-y-5"> 233 <li class="flex items-center space-x-4"><div class="bg-[#FF7043] p-2 rounded-md"><i class="fas fa-book text-white text-sm"></i></div><span class="text-slate-200">Pride and Prejudice</span></li> 234 <li class="flex items-center space-x-4"><div class="bg-[#26C6DA] p-2 rounded-md"><i class="fas fa-book text-white text-sm"></i></div><span class="text-slate-200">A Tale of Two Cities</span></li> 235 <li class="flex items-center space-x-4"><div class="bg-[#FF7043] p-2 rounded-md"><i class="fas fa-book text-white text-sm"></i></div><span class="text-slate-200">The Old Man and the Sea</span></li> 236 <li class="flex items-center space-x-4"><div class="bg-[#26C6DA] p-2 rounded-md"><i class="fas fa-book text-white text-sm"></i></div><span class="text-slate-200">Oliver Twist</span></li> 237 </ul> 238 </div> 239 </div> 240 </div> 241 </section> 242 </main> 243 244 <footer class="bg-white border-t border-slate-200 pt-16 pb-8" role="contentinfo"> 245 <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> 246 <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-10"> 247 <div class="mb-6 md:mb-0"> 248 <span class="font-bold text-xl text-slate-900">Duoreader</span> 249 <p class="text-sm text-slate-500">Audiolibros y noticias bilingües gratis</p> 250 </div> 251 <div class="flex flex-wrap items-center justify-start md:justify-end gap-6 text-sm"> 252 <div class="relative group" aria-label="Idioma"> 253 <button type="button" class="flex items-center gap-2 text-slate-500 hover:text-[#26C6DA] transition" aria-expanded="false" aria-haspopup="true"> 254 <i class="fas fa-globe"></i> 255 <span>Idioma</span> 256 <i class="fas fa-chevron-down text-xs opacity-70"></i> 257 </button> 258 <div class="absolute right-0 bottom-full mb-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200"> 259 <div class="bg-white rounded-xl shadow-lg border border-slate-100 py-2 min-w-[10rem]"> 260 <a href="https://duoreader.top/" class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-[#26C6DA]">English</a> 261 <a href="https://duoreader.cn/" class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-[#26C6DA]">䏿</a> 262 <a href="index_fr.html" class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-[#26C6DA]">Français</a> 263 <a href="index_es.html" class="block px-4 py-2 text-sm text-slate-700 hover:bg-slate-50 hover:text-[#26C6DA] font-medium">Español</a> 264 <a href="index_it.html" class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-[#26C6DA]">Italiano</a> 265 <a href="index_de.html" class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-[#26C6DA]">Deutsch</a> 266 <a href="index_ar.html" class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-[#26C6DA]">Ø§ÙØ¹Ø±Ø¨ÙØ©</a> 267 <a href="index_ru.html" class="block px-4 py-2 text-sm text-slate-600 hover:bg-slate-50 hover:text-[#26C6DA]">Ð ÑÑÑкий</a> 268 </div> 269 </div> 270 </div> 271 <a href="dyz_privacy_en.html" class="text-slate-500 hover:text-[#26C6DA] transition">PolÃtica de privacidad</a> 272 </div> 273 </div> 274 <div class="border-t border-slate-100 pt-8 flex flex-col md:flex-row justify-between items-center text-sm text-slate-400 gap-4"> 275 <p>© 2025 <a href="http://chenxing.name" target="_blank" class="hover:text-slate-600 transition">Xing Chen</a>. Todos los derechos reservados.</p> 276 <div class="flex flex-wrap justify-center md:justify-end gap-4"> 277 <a href="https://beian.miit.gov.cn" target="_blank" class="hover:text-slate-600 transition">京ICPå¤18016513å·-2</a> 278 </div> 279 </div> 280 </div> 281 </footer> 282</body> 283</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.