Hugging Face's logo

Spaces:
C2MV
/
RIMU
Running

App Files Community
C2MV commited on
Commit
31f89e3
路
verified 路
1 Parent(s): a0eb80e

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +41 -13
index.html CHANGED
@@ -9,22 +9,50 @@
9
  </head>
10
  <body>
11
  <header>
12
- <h1>RIMU - Protecci贸n de Fauna Silvestre</h1>
13
- <p>Un sistema de alertas en tiempo real para prevenir atropellamientos de animales silvestres</p>
 
 
 
 
 
 
 
 
 
14
  </header>
15
 
16
- <section class="hero">
17
- <div class="container">
18
- <h2>Monitorea y reporta atropellamientos de fauna</h2>
19
- <p>脷nete a nuestra comunidad y ayuda a reducir la mortalidad de animales en las carreteras.</p>
20
- </div>
21
- </section>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
22
 
23
- <section class="app-embed">
24
- <h2>Explora la plataforma en vivo</h2>
25
- <iframe src="https://fauna-temperature-tracker.lovable.app/" width="100%" height="600px" frameborder="0"></iframe>
26
- </section>
 
 
 
 
27
 
28
  <script src="./static/js/index.js"></script>
29
  </body>
30
- </html>
 
9
  </head>
10
  <body>
11
  <header>
12
+ <div class="logo-container">
13
+ <img src="./static/images/logo.png" alt="RIMU Logo" class="logo">
14
+ </div>
15
+ <nav>
16
+ <ul>
17
+ <li><a href="#">Inicio</a></li>
18
+ <li><a href="#">Nuestra Misi贸n</a></li>
19
+ <li><a href="#">Plataforma</a></li>
20
+ <li><a href="#">Contacto</a></li>
21
+ </ul>
22
+ </nav>
23
  </header>
24
 
25
+ <main>
26
+ <section class="hero">
27
+ <div class="container">
28
+ <h1>RIMU - Protecci贸n de Fauna Silvestre</h1>
29
+ <p>Un sistema de alertas en tiempo real para prevenir atropellamientos de animales silvestres en las carreteras peruanas.</p>
30
+ <a href="#app-embed" class="cta-button">Explorar la Plataforma</a>
31
+ </div>
32
+ </section>
33
+
34
+ <section class="app-embed" id="app-embed">
35
+ <h2>Monitorea la fauna en tiempo real</h2>
36
+ <iframe src="https://fauna-temperature-tracker.lovable.app/" title="Plataforma RIMU" class="app-frame"></iframe>
37
+ </section>
38
+
39
+ <section class="alertas">
40
+ <h2>Alertas recientes</h2>
41
+ <div id="alert-container" class="alert-container">
42
+ <!-- Las alertas se mostrar谩n aqu铆 -->
43
+ </div>
44
+ </section>
45
+ </main>
46
 
47
+ <footer>
48
+ <p>&copy; 2025 RIMU - Todos los derechos reservados</p>
49
+ <ul class="social-links">
50
+ <li><a href="#">Facebook</a></li>
51
+ <li><a href="#">Twitter</a></li>
52
+ <li><a href="#">Instagram</a></li>
53
+ </ul>
54
+ </footer>
55
 
56
  <script src="./static/js/index.js"></script>
57
  </body>
58
+ </html>