Spaces:

C2MV
/

RIMU

Running

App Files Files Community

RIMU / index.html

C2MV

Update index.html

2776c31 verified 11 months ago

raw

history blame contribute delete

7.21 kB

	<!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>