Spaces:

C2MV
/

RIMU

Running

App Files Files Community

C2MV commited on 8 days ago

Commit

66db95e

verified ·

1 Parent(s): 49c105a

Update index.html

Browse files

Files changed (1) hide show

index.html +90 -28

index.html CHANGED Viewed

@@ -3,58 +3,120 @@
 <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>
-        <!-- Mapa de Calor - Incrustado al medio de la página -->
-        <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>
-        <!-- Avisos en tiempo real - Al final de la página -->
-        <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>&copy; 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>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- Título optimizado para SEO y claridad -->
+    <title>RIMU Biotec | Cursos de Biotecnología en Perú</title>
+    <!-- Descripción para motores de búsqueda -->
+    <meta name="description" content="Plataforma líder en Perú para cursos virtuales de biotecnología. Aprende Ingeniería Metabólica, Bioprocesos, Simulaciones y más con expertos de la industria.">
+    <!-- NOTA: Asegúrate de que la ruta a tu CSS y favicon sea correcta -->
     <link rel="stylesheet" href="./static/css/index.css">
+    <!-- NOTA: Reemplaza el favicon con el nuevo logo de RIMU Biotec -->
+    <link rel="icon" href="./static/images/favicon_biotec.png">
 </head>
 <body>
     <header>
         <div class="logo-container">
+            <!-- NOTA: Reemplaza el logo con la nueva versión para Biotecnología -->
+            <img src="./static/images/logo_biotec.png" alt="Logo de RIMU Biotec" class="logo">
         </div>
         <nav>
             <ul>
+                <li><a href="#inicio">Inicio</a></li>
+                <li><a href="#cursos">Cursos</a></li>
+                <li><a href="#nosotros">Nosotros</a></li>
+                <li><a href="#contacto">Contacto</a></li>
             </ul>
         </nav>
     </header>
     <main>
+        <!-- Sección Hero: El principal llamado a la acción -->
+        <section class="hero" id="inicio">
             <div class="container">
+                <h1>Tu Futuro en Biotecnología Empieza Aquí</h1>
+                <p>Cursos online especializados para profesionales y estudiantes en Perú. Domina la Ingeniería Metabólica, Bioprocesos, Simulaciones y técnicas de laboratorio de vanguardia.</p>
+                <a href="#cursos" class="cta-button">Explorar Cursos</a>
             </div>
         </section>
+        <!-- Sección de Cursos: El corazón de tu plataforma -->
+        <section class="courses-section" id="cursos">
+            <div class="container">
+                <h2>Nuestros Cursos Destacados</h2>
+                <div class="course-grid">
+                    <!-- Tarjeta de Curso 1 -->
+                    <div class="course-card">
+                        <!-- NOTA: Reemplaza la imagen con una representativa del curso -->
+                        <img src="./static/images/curso_ing_metabolica.jpg" alt="Ilustración de Ingeniería Metabólica">
+                        <h3>Ingeniería Metabólica Aplicada</h3>
+                        <p>Aprende a diseñar y optimizar rutas metabólicas para la producción de compuestos de alto valor en microorganismos.</p>
+                        <a href="#" class="course-button">Más Información</a>
+                    </div>
+                    <!-- Tarjeta de Curso 2 -->
+                    <div class="course-card">
+                        <img src="./static/images/curso_bioprocesos.jpg" alt="Ilustración de Bioprocesos">
+                        <h3>Diseño y Escalado de Bioprocesos</h3>
+                        <p>Desde el laboratorio hasta la planta piloto. Domina los principios para escalar tus bioprocesos de manera eficiente y rentable.</p>
+                        <a href="#" class="course-button">Más Información</a>
+                    </div>
+                    <!-- Tarjeta de Curso 3 -->
+                    <div class="course-card">
+                        <img src="./static/images/curso_simulaciones.jpg" alt="Ilustración de Simulaciones Moleculares">
+                        <h3>Simulaciones en Biotecnología</h3>
+                        <p>Utiliza herramientas computacionales para modelar sistemas biológicos, predecir interacciones y acelerar tu investigación.</p>
+                        <a href="#" class="course-button">Más Información</a>
+                    </div>
+                    <!-- Tarjeta de Curso 4 -->
+                    <div class="course-card">
+                        <img src="./static/images/curso_lab.jpg" alt="Ilustración de Técnicas de Laboratorio">
+                        <h3>Técnicas Modernas de Laboratorio</h3>
+                        <p>Un curso práctico virtual sobre CRISPR, PCR cuantitativa, citometría de flujo y otras técnicas esenciales en el lab.</p>
+                        <a href="#" class="course-button">Más Información</a>
+                    </div>
+                </div>
+            </div>
         </section>
+        <!-- Sección "Por qué elegirnos": Genera confianza y valor -->
+        <section class="why-us" id="nosotros">
+            <div class="container">
+                <h2>¿Por Qué Elegir RIMU Biotec?</h2>
+                <div class="features-grid">
+                    <div class="feature-item">
+                        <!-- Icono (puedes usar una librería como FontAwesome o SVGs) -->
+                        <span class="feature-icon">🎓</span>
+                        <h3>Instructores Expertos</h3>
+                        <p>Aprende de profesionales con años de experiencia en la academia y la industria biotecnológica peruana e internacional.</p>
+                    </div>
+                    <div class="feature-item">
+                        <span class="feature-icon">💻</span>
+                        <h3>Aprendizaje Flexible</h3>
+                        <p>Accede a los cursos a tu propio ritmo, desde cualquier lugar y en cualquier dispositivo. La plataforma está disponible 24/7.</p>
+                    </div>
+                    <div class="feature-item">
+                        <span class="feature-icon">🔬</span>
+                        <h3>Enfoque Práctico</h3>
+                        <p>Nuestros cursos combinan teoría sólida con estudios de caso, simulaciones y proyectos aplicados al mundo real.</p>
+                    </div>
+                </div>
             </div>
         </section>
     </main>
+    <footer id="contacto">
+        <div class="container">
+            <p>© 2024 RIMU Biotec - Todos los derechos reservados</p>
+            <ul class="social-links">
+                <!-- NOTA: Actualiza estos enlaces a tus redes sociales reales -->
+                <li><a href="#">LinkedIn</a></li>
+                <li><a href="#">Facebook</a></li>
+                <li><a href="#">Instagram</a></li>
+            </ul>
+        </div>
     </footer>
+    <!-- NOTA: El archivo JS podría no ser necesario si la página es estática,
+         o podría usarse para animaciones o interacciones futuras. -->
     <script src="./static/js/index.js"></script>
 </body>
+</html>