|
<!DOCTYPE html> |
|
<html lang="es"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>RIMU - Protecci贸n de Fauna Silvestre</title> |
|
<link rel="stylesheet" href="./static/css/index.css"> |
|
<link rel="icon" href="./static/images/favicon.png"> |
|
</head> |
|
<body> |
|
<header> |
|
<div class="logo-container"> |
|
<img src="./static/images/logo.png" alt="RIMU Logo" class="logo"> |
|
</div> |
|
<nav> |
|
<ul> |
|
<li><a href="#">Inicio</a></li> |
|
<li><a href="#">Nuestra Misi贸n</a></li> |
|
<li><a href="#">Plataforma</a></li> |
|
<li><a href="#">Contacto</a></li> |
|
</ul> |
|
</nav> |
|
</header> |
|
|
|
<main> |
|
<section class="hero"> |
|
<div class="container"> |
|
<h1>RIMU - Protecci贸n de Fauna Silvestre</h1> |
|
<p>Un sistema de alertas en tiempo real para prevenir atropellamientos de animales silvestres en las carreteras peruanas.</p> |
|
<a href="#app-embed" class="cta-button">Explorar la Plataforma</a> |
|
</div> |
|
</section> |
|
|
|
|
|
<section class="app-embed" id="app-embed"> |
|
<h2>Monitorea la fauna en tiempo real</h2> |
|
<iframe src="https://fauna-temperature-tracker.lovable.app/" title="Plataforma RIMU" class="app-frame"></iframe> |
|
</section> |
|
|
|
|
|
<section class="alertas"> |
|
<h2>Alertas recientes</h2> |
|
<div id="alert-container" class="alert-container"> |
|
<iframe src="https://species-spotlight.lovable.app/" title="Avisos en tiempo real" class="app-frame"></iframe> |
|
</div> |
|
</section> |
|
</main> |
|
|
|
<footer> |
|
<p>© 2025 RIMU - Todos los derechos reservados</p> |
|
<ul class="social-links"> |
|
<li><a href="#">Facebook</a></li> |
|
<li><a href="#">Twitter</a></li> |
|
<li><a href="#">Instagram</a></li> |
|
</ul> |
|
</footer> |
|
|
|
<script src="./static/js/index.js"></script> |
|
</body> |
|
</html> |
|
|
