RIMU / index.html
C2MV's picture
Update index.html
2776c31 verified
<!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>