PageSourceSearch

https://duoreader.top/index_es.html

html duoreader.top collected 2026-10-01 16:16:34 UTC 23,212 bytes, 283 lines download raw bytes

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 &rarr;
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>&copy; 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.