Carrusel de imágenes construído con HTML, CSS y Javascript

Esta es uma landing page con carrusel de imágenes construído con HTML, CSS y Javascript. El ejercicio 93 del proyecto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Image Carousel

DESAFÍOS

Basado en los proyectos de Traversy Media 50 Projects in 50 days. Este ejercicio muestra una galería de imágenes automática y con botón siguiente y anterior como opción.

PROCESO

Paleta de colores y estilos

Paleta de colores: FFFFFF 2D200F

Tipografía: Montserrat de Google Fonts

HTML y CSS

Este es el proceso de este proyecto, desde el sitio en HTML hasta la finalización con CSS y Javascript para la animación.

Sitio web responsivo

Vista del sitio en aparatos móviles

Publicación del sitio

Consulta el código del sitio en Github

Puedes visualizar el sitio en: Image Carousel

Información técnica

  • Visual Studio Code
  • HTML5
  • CSS
  • Javascript
  • Sitio responsivo
  • Github
  • Netlify

Recursos

Unsplash

Deja tus comentarios y sugerencias

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado

Sitio Web de Boda – Dark Mode

Sitio Web de Boda – Dark Mode

Tabla de contenidos Introducción Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox...

Sitio Web de Boda

Sitio Web de Boda

Tabla de contenidos Introducción Proceso Paleta de colores y estilos Bosquejo HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de...

Sitio de Vestido de Novias – Pink

Sitio de Vestido de Novias – Pink

Tabla de contenidos Introducción Proceso Paleta de colores y estilos HTML y CSS Sitio web responsivo Publicación del sitio Información técnica Recursos Introducción Este sitio estilo One Page está maquetado con HTML y estilizado con CSS, así como el uso de flexbox...