1. Estructura de la Página

La página se compondrá de las siguientes secciones:

Parte Izquierda

1. Cabecera del curso
2. Qué aprenderás
3. Contenido del curso
4. Requisitos
5. Descripción
6. Qué compraron también los estudiantes
7. El banner
8. El instructor
9. Reseñas
10. Más cursos de Marco

Parte Derecha

• Esta parte será abordada al final de la sección. Aunque muchas de las funcionalidades requieren JavaScript, intentaremos implementarlas sin entrar en demasiados detalles con scripts.

2. Preparación del Archivo

Creación del Archivo

1. Creamos un nuevo archivo llamado curso-pago.php.

2. Copiamos la estructura base del archivo del curso gratuito:

   <!-- Copiar el header -->
   <?php include 'header.php'; ?>
   
   <!-- Copiar el footer -->
   <?php include 'footer.php'; ?>
   

3. Mantenemos el plugin de Alpine.js para manejar funcionalidades como "ver más":

   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
   

Margen para el Scroll

1. Añadimos un contenedor principal para el margen y el scroll:

   <div class="min-h-screen">
       <!-- Contenido de la página irá aquí -->
   </div>
   

2. Usamos min-h-screen para asegurarnos de que haya espacio suficiente y la página se vea completa.