File size: 7,214 Bytes
9c2b310 fc28f02 9c2b310 fc28f02 66db95e 2776c31 66db95e 9c2b310 fc28f02 2776c31 31f89e3 fc28f02 9c2b310 31f89e3 66db95e 2776c31 31f89e3 66db95e 2776c31 66db95e 2776c31 66db95e 2776c31 66db95e 2776c31 66db95e 31f89e3 66db95e 2776c31 66db95e 2776c31 66db95e 2776c31 66db95e 2776c31 66db95e 2776c31 66db95e 2776c31 66db95e 31f89e3 9c2b310 66db95e 2776c31 66db95e 31f89e3 9c2b310 2776c31 9c2b310 66db95e |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 |
<!DOCTYPE html>
<html lang="es">
<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>
</section>
</main>
<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> |