<!DOCTYPE html>
<html lang=”es”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Curso de 10 Módulos</title>
<style>
body {
font-family: ‘Arial’, sans-serif;
margin: 0;
padding: 0;
background-color: #f5f5f5;
color: #333;
}
header {
background: linear-gradient(135deg, #6a11cb, #2575fc);
color: white;
padding: 20px;
text-align: center;
}
header h1 {
font-size: 2.5rem;
margin: 0;
}
header p {
font-size: 1.2rem;
margin: 10px 0 20px;
}
.cta-button {
background-color: #ff7f50;
color: white;
padding: 15px 30px;
text-decoration: none;
font-size: 1.2rem;
border-radius: 30px;
transition: background-color 0.3s;
}
.cta-button:hover {
background-color: #ff4500;
}
section {
padding: 40px 20px;
}
.module-section {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin-top: 20px;
}
.module {
background: white;
border-radius: 10px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
padding: 20px;
transition: transform 0.3s;
}
.module:hover {
transform: translateY(-5px);
}
.module h3 {
font-size: 1.2rem;
margin-bottom: 10px;
}
.module p {
font-size: 0.9rem;
color: #666;
}
footer {
background-color: #333;
color: white;
text-align: center;
padding: 20px 10px;
margin-top: 40px;
}
footer p {
font-size: 0.9rem;
}
.contact-info {
margin-top: 10px;
font-size: 0.9rem;
color: #aaa;
}
@media (max-width: 768px) {
header h1 {
font-size: 2rem;
}
.cta-button {
font-size: 1rem;
}
}
</style>
</head>
<body>
<header>
<h1>¡Domina el Arte del Aprendizaje!</h1>
<p>Un curso de 10 módulos diseñado para transformar tu vida y habilidades.</p>
<a href=”#inscripcion” class=”cta-button”>¡Inscríbete ahora!</a>
</header>
<section>
<h2 style=”text-align: center;”>¿Qué aprenderás en este curso?</h2>
<div class=”module-section”>
<div class=”module”>
<h3>Módulo 1: Introducción</h3>
<p>Descubre los fundamentos del curso y establece tus objetivos.</p>
</div>
<div class=”module”>
<h3>Módulo 2: Gestión del Tiempo</h3>
<p>Aprende técnicas efectivas para gestionar tu tiempo.</p>
</div>
<div class=”module”>
<h3>Módulo 3: Desarrollo de Habilidades</h3>
<p>Identifica y mejora tus habilidades clave.</p>
</div>
<div class=”module”>
<h3>Módulo 4: Comunicación Efectiva</h3>
<p>Conviértete en un comunicador impactante.</p>
</div>
<div class=”module”>
<h3>Módulo 5: Resolución de Problemas</h3>
<p>Domina estrategias para resolver cualquier desafío.</p>
</div>
<div class=”module”>
<h3>Módulo 6: Trabajo en Equipo</h3>
<p>Descubre cómo colaborar con éxito en equipos diversos.</p>
</div>
<div class=”module”>
<h3>Módulo 7: Creatividad e Innovación</h3>
<p>Despierta tu creatividad y crea soluciones innovadoras.</p>
</div>
<div class=”module”>
<h3>Módulo 8: Liderazgo</h3>
<p>Desarrolla tus habilidades de liderazgo para inspirar a otros.</p>
</div>
<div class=”module”>
<h3>Módulo 9: Manejo del Estrés</h3>
<p>Aprende técnicas para gestionar el estrés y mantenerte enfocado.</p>
</div>
<div class=”module”>
<h3>Módulo 10: Planificación Futura</h3>
<p>Crea un plan de acción claro para seguir creciendo.</p>
</div>
</div>
</section>
<section id=”inscripcion”>
<h2 style=”text-align: center;”>¡Inscríbete Hoy!</h2>
<p style=”text-align: center; max-width: 600px; margin: 0 auto;”>Este curso está diseñado para personas que buscan llevar sus habilidades al siguiente nivel. Reserva tu lugar hoy y comienza tu viaje hacia el éxito.</p>
<div style=”text-align: center; margin-top: 20px;”>
<a href=”#” class=”cta-button”>Quiero Inscribirme</a>
</div>
</section>
<footer>
<p>© 2024 Curso de 10 Módulos. Todos los derechos reservados.</p>
<div class=”contact-info”>
<p>Correo: info@tucurso.com | Teléfono: +34 123 456 789</p>
</div>
</footer>
</body>
</html>