Despliegue de ícono al doble clic, landing page hecha con HTML, CSS y Javascript

Esta es una landing page que hace un despliegue de ícono de corazón al doble clic, hecho con HTML, CSS y Javascript. El proyecto número 91 parte del reto personal #100sitioswebchallenge

Puedes visualizar el sitio en: Double Heart Click

PROCESO

Basado en los proyecto de Traversy Media 50 Projects in 50 days. Este ejercicio simula la aparición de un corazón como ícono al dar clic a la imagen, y además se muestra un contador que muestra el número de veces que se ha hecho al dar clic a la imagen.

Paleta de colores y estilos

Paleta de colores: FFFFFF 000000

Tipografía: Oswald de Google Fonts

Íconos: Font Awesome

HTML y CSS

Este es el proceso del sitio, primero desde su maquetación con HTML hasta la visualización final con el CSS y Javascript terminado.

Sitio web responsivo

Esta es la vista del sitio visto desde aparatos móviles

Publicación del sitio

Puedes visualizar el sitio en: Double Heart Click

Información técnica

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

Recursos

Font Awesome License

Unsplash

Deja tus comentarios y sugerencias

NEWSLETTER

Suscríbete a Sencillamente Web

Reflexiones sobre desarrollo web

Contenido Relacionado