78 lines
2.9 KiB
HTML
78 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Orbis | Información en tiempo real</title>
|
|
<link rel="stylesheet" href="../src/style.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="div-atras"><a href="../index.html"><i class="bi bi-arrow-left-circle-fill"></i></a></div>
|
|
<div class="barra-navegacion">
|
|
<div class="barra-navegacion-izquierda">
|
|
<img src="../src/logo.png" alt="Logo de una esfera con ojitos">
|
|
<div>
|
|
<h2 class="lexend-700">Orbis</h2>
|
|
<br>
|
|
Tu asistente para la productividad
|
|
</div>
|
|
</div>
|
|
<a class="boton-beta" href="../beta.html">Acceso a la Beta</a>
|
|
</div>
|
|
|
|
<div class="contenedor-informacion">
|
|
<div class="encabezado-informacion">
|
|
<h2>Información en Tiempo Real</h2>
|
|
<p class="subtitulo-informacion">Mantente actualizado con datos precisos al instante</p>
|
|
</div>
|
|
|
|
<div class="tarjetas-informacion">
|
|
<div class="tarjeta-informacion">
|
|
<i class="bi bi-calendar-check"></i>
|
|
<h3>Calendario y Eventos</h3>
|
|
<p>Sincronización inteligente con tu calendario personal, recordatorios de eventos importantes y sugerencias de organización diaria.</p>
|
|
</div>
|
|
<div class="tarjeta-informacion">
|
|
<i class="bi bi-cloud-sun"></i>
|
|
<h3>Condiciones Climáticas</h3>
|
|
<p>Predicciones meteorológicas precisas y alertas tempranas de fenómenos naturales en tu ubicación.</p>
|
|
</div>
|
|
|
|
<div class="tarjeta-informacion">
|
|
<i class="bi bi-newspaper"></i>
|
|
<h3>Noticias Relevantes</h3>
|
|
<p>Análisis de más de 1000 fuentes de noticias para mantenerte informado sobre los temas que te interesan.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="caracteristicas-informacion">
|
|
<h3>¿Cómo funciona?</h3>
|
|
<ul>
|
|
<li>Conexión simultánea con múltiples APIs de datos en tiempo real</li>
|
|
<li>Algoritmos de filtrado para información relevante</li>
|
|
<li>Aprendizaje continuo de tus preferencias</li>
|
|
<li>Notificaciones personalizadas según tus intereses</li>
|
|
<li>Integración con calendarios y recordatorios</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="estadisticas-informacion">
|
|
<div class="elemento-estadistica">
|
|
<h4>+1000</h4>
|
|
<p>Fuentes de datos</p>
|
|
</div>
|
|
<div class="elemento-estadistica">
|
|
<h4>0.5s</h4>
|
|
<p>Tiempo de respuesta</p>
|
|
</div>
|
|
<div class="elemento-estadistica">
|
|
<h4>99.9%</h4>
|
|
<p>Precisión</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|