Defina el objetivo de su landing page, p.e.: venta de productos de belleza, información de un grupo estudiantil, datos de una veterinaria, noticias de KPOP, etc.
NOTA: No puede utilizar el tema venta de muebles.
Decida las secciones y el contenido que serán parte de la landing page. Tome como referencia la recomendación de Bard.
Contenido Mínimo:
3 secciones con información (mediante listas, imágenes y texto) del sitio,
1 sección con un formulario de contacto, suscripción o registro,
Debe incluir al menos un <input>, un <select> y un <button> para el envío.
1 sección para interactuar con los datos ingresados mediante el formulario,
1 menú para desplazarse entre las secciones de la landing page, no entre páginas.
Decide los colores, la tipografía y los elementos visuales que refuercen el mensaje del sitio. Considere la paleta de colores de Tintmint, imágenes de DevianArt y familia de fuentes de Google Fonts.
Actividades en clases
Github
Crea un repositorio en GitHub con el nombre landing.
Plantilla
Revise la estructura de carpetas: HTML, CSS, JavaScript, imágenes, fuentes y otros recursos.
Abra su proyecto con VSCode y utilice el Live Server para identificar los cambios.
Personalice el contenido (texto e imágenes) de la plantilla de acuerdo con el objetivo de su landing page.
Agregue una hoja de estilo externa para modificar el estilo de la plantilla.
Realice los cambios para la versión para dispositivos móviles y para dispositivos de escritorio.
(STOP 1) Compruebe el resultado en el navegador.
Versiona local y remotamente el repositorio landing.
Despliegue el sitio del repositorio landing utilizando GitHub Pages.
Documentación
Bootstrap es un kit de herramientas para front-end potente, ampliable y repleto de funciones. Con el cual puedes crear y personalizar con Sass, utilizar el sistema de grillas y los componentes prediseñados.