Spaces:

C2MV
/

RIMU

Running

App Files Files Community

C2MV commited on 8 days ago

Commit

2776c31

verified ·

1 Parent(s): 66db95e

Update index.html

Browse files

Files changed (1) hide show

index.html +84 -69

index.html CHANGED Viewed

@@ -3,100 +3,109 @@
 <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>
@@ -105,18 +114,24 @@
     <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>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>RIMU Biotec | Cursos de Biotecnología en Perú</title>
     <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.">
+    <!-- Google Fonts: Poppins -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
+    <!-- Font Awesome (para iconos) -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+    <!-- AOS Library (para animaciones al hacer scroll) -->
+    <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
+    <!-- Tu hoja de estilos (asegúrate que la ruta es correcta) -->
+    <link rel="stylesheet" href="./static/css/modern-style.css">
     <link rel="icon" href="./static/images/favicon_biotec.png">
 </head>
 <body>
     <header>
+        <div class="container">
+            <a href="#" class="logo-link">
+                <img src="./static/images/logo_biotec_white.png" alt="Logo de RIMU Biotec" class="logo">
+            </a>
+            <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>
         </div>
     </header>
     <main>
         <section class="hero" id="inicio">
+            <div class="hero-content" data-aos="fade-up">
+                <h1 class="hero-title">Tu Futuro en <span class="highlight-text">Biotecnología</span> Empieza Aquí</h1>
+                <p class="hero-subtitle">Cursos online de vanguardia para dominar la Ingeniería Metabólica, Bioprocesos y Simulaciones desde Perú para el mundo.</p>
+                <a href="#cursos" class="cta-button">Explorar Cursos <i class="fa-solid fa-arrow-right"></i></a>
             </div>
         </section>
         <section class="courses-section" id="cursos">
             <div class="container">
+                <h2 class="section-title" data-aos="fade-up">Nuestros Cursos Destacados</h2>
                 <div class="course-grid">
                     <!-- Tarjeta de Curso 1 -->
+                    <div class="course-card" data-aos="fade-up" data-aos-delay="100">
+                        <div class="course-image-container">
+                            <img src="./static/images/curso_ing_metabolica.jpg" alt="Ingeniería Metabólica">
+                        </div>
+                        <div class="course-content">
+                            <h3>Ingeniería Metabólica Aplicada</h3>
+                            <p>Diseña y optimiza rutas metabólicas para la producción de compuestos de alto valor en microorganismos.</p>
+                            <a href="#" class="course-button">Ver Detalles</a>
+                        </div>
                     </div>
                     <!-- Tarjeta de Curso 2 -->
+                    <div class="course-card" data-aos="fade-up" data-aos-delay="200">
+                         <div class="course-image-container">
+                            <img src="./static/images/curso_bioprocesos.jpg" alt="Diseño de Bioprocesos">
+                        </div>
+                        <div class="course-content">
+                            <h3>Diseño y Escalado de Bioprocesos</h3>
+                            <p>Domina los principios para escalar tus bioprocesos de manera eficiente, desde el laboratorio hasta la planta piloto.</p>
+                            <a href="#" class="course-button">Ver Detalles</a>
+                        </div>
                     </div>
                     <!-- Tarjeta de Curso 3 -->
+                    <div class="course-card" data-aos="fade-up" data-aos-delay="300">
+                         <div class="course-image-container">
+                            <img src="./static/images/curso_simulaciones.jpg" alt="Simulaciones en Biotecnología">
+                        </div>
+                        <div class="course-content">
+                            <h3>Simulaciones en Biotecnología</h3>
+                            <p>Utiliza herramientas computacionales para modelar sistemas biológicos y acelerar tu investigación.</p>
+                            <a href="#" class="course-button">Ver Detalles</a>
+                        </div>
                     </div>
                 </div>
             </div>
         </section>
         <section class="why-us" id="nosotros">
             <div class="container">
+                <h2 class="section-title" data-aos="fade-up">¿Por Qué Elegir RIMU Biotec?</h2>
                 <div class="features-grid">
+                    <div class="feature-item" data-aos="fade-right">
+                        <div class="feature-icon"><i class="fa-solid fa-user-tie"></i></div>
                         <h3>Instructores Expertos</h3>
+                        <p>Aprende de profesionales con experiencia real en la academia y la industria biotecnológica.</p>
                     </div>
+                    <div class="feature-item" data-aos="fade-up" data-aos-delay="100">
+                        <div class="feature-icon"><i class="fa-solid fa-laptop-code"></i></div>
                         <h3>Aprendizaje Flexible</h3>
+                        <p>Accede a los cursos a tu propio ritmo, desde cualquier lugar y en cualquier dispositivo, 24/7.</p>
                     </div>
+                    <div class="feature-item" data-aos="fade-left" data-aos-delay="200">
+                        <div class="feature-icon"><i class="fa-solid fa-vial-virus"></i></div>
+                        <h3>Enfoque Práctico y Aplicado</h3>
+                        <p>Nuestros cursos combinan teoría con estudios de caso, simulaciones y proyectos del mundo real.</p>
                     </div>
                 </div>
             </div>
     <footer id="contacto">
         <div class="container">
+            <div class="footer-content">
+                <p>© 2024 RIMU Biotec - Innovación y conocimiento a tu alcance.</p>
+                <ul class="social-links">
+                    <li><a href="#" aria-label="LinkedIn"><i class="fa-brands fa-linkedin"></i></a></li>
+                    <li><a href="#" aria-label="Facebook"><i class="fa-brands fa-facebook"></i></a></li>
+                    <li><a href="#" aria-label="Instagram"><i class="fa-brands fa-instagram"></i></a></li>
+                </ul>
+            </div>
         </div>
     </footer>
+    <!-- AOS Library JS (al final del body) -->
+    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script>
+      AOS.init({
+          duration: 1000, // Duración de la animación
+          once: true, // La animación ocurre solo una vez
+      });
+    </script>
 </body>
 </html>