Introducción al curso
- Descarga de archivos que usaremos en este curso
- Requisitos previos
- Instalando el Plugin "Auto File Name" para Sublime Text 3
- Instalando "Accessibility" para Sublime Text 3
- Instalando "Image Hover Preview" para Sublime Text 3
- Uso correcto de Bootstrap 4
Instalación de Bootstrap 4
- Creando la estructura de nuestro sitio
- Integrando Bootstrap en nuestro proyecto
- Integrando Font Awesome 5
El Poderoso Componente "Dropdown"
- Introducción al componente DropDown
- Trabajando con el elemento disparador
- Trabajando con el elemento desplegable
- Modificando el comportamiento del elemento desplegable
- Agregando accesibilidad a nuestro componente
Creando el ENCABEZADO del proyecto
- Definiendo Colores y Tipografía
- Definiendo la estructura del encabezado
- Creando la barra de contacto (parte 1)
- Creando la barra de contacto (parte 2)
- Insertando el Logo
- Creando el botón móvil
- Insertando Iconos de Font Awesome en los menús
- Modificando el componente Navbar (parte 1)
- Modificando el componente Navbar (parte 2)
- Creando un menú desplegable (parte 1)
- Creando un menú desplegable (parte 2)
- Creando un MEGAMENU (parte 1)
- Creando un MEGAMENU (parte 2)
- Creando un MEGAMENU (parte 3)
- Creando un MEGAMENU (parte 4)
- Personalizando los botones de Bootstrap (parte 1)
- Personalizando los botones de Bootstrap (parte 2)
- Personalizando los botones de Bootstrap (parte 3)
- Creando la estructura HTML del buscador Modal
- Creando los estilos CSS del buscador Modal (parte 1)
- Creando los estilos CSS del buscador Modal (parte 2)
- Insertando clases CSS CONTEXTUALES al buscador Modal
- Creando la función JQUERY al buscador Modal
- Construyendo el diseño para la sección de BIENVENIDOS
- Creando el contenido para la sección de BIENVENIDOS (parte 1)
- Creando el contenido para la sección de BIENVENIDOS (parte 2)
- Creando el efecto "Text Typing" con Typed.js (parte 1)
- Creando el efecto "Text Typing" con Typed.js (parte 2)
- Creando el efecto "Text Typing" con Typed.js (parte 3)
- Igualando la altura del encabezado con el Viewport (parte 1)
- Igualando la altura del encabezado con el viewport (parte 2)
Creando la Sección "Quienes Somos"
- Creando el encabezado de la sección (parte 1)
- 5-2-Creando el encabezado de la sección (parte 2)
- Implementando el Sistema de columnas
Creando la Sección "Porque elegirnos"
- Diseñando el contenido de la sección
- Insertando iconos de Font Awesome
- Implementando el Sistema de columnas para la sección
Creando la sección "Galería de clientes"
- Creando la estructura HTML de la galería
- Creando los estilos CSS de la galería
- Creando el estado HOVER de la galería (parte 1)
- Creando el estado HOVER de la galería (parte 2)
- Creando el sistema de columnas para la galería
Creando el Pie de pagina y optimización
- Diseñando el pie de página
- Implementando fuentes de Google Font
- Palabras finales
- Bonos exclusivos
