Crea una LANDING PAGE animada desde 0 [HTML, CSS, JS] ✔️

Hey, hola qué tal,esta vez aprenderemos acerca de hacer una LANDING PAGE animada desde 0, la cual te ayudará a promocionar tu marca, producto o el servicio de tu cliente qué se verá sumamente genial está landing page en tu sitio web, te escribe Jordan Alexander de AlexCG Design y empezamos.

Recuerda que como la mayoría de nuestros proyectos, en la parte final del BLOG se encuentra el link para descargar los archivos base del proyecto: Crea una landing page animada desde 0 para que lo puedas implementar ahora mismo en tu proyecto personal o lo uses para practicar.

https://giphy.com/gifs/hVPPNSM3aY9I6YPQP1

Las landing page son uno de los recursos más utilizados para promocionar productos y servicios digitales, todo esto lo aprenderemos a hacer hoy, además haremos una landing page con un estilo muy genial y sobre todo moderno.

⚠️✋ Antes de seguir leyendo: Si no has visto el tutorial de YouTube Crea una landing page animada con HTML  y CSS ¿Que esperas? Puedes verlo aquí abajo: 👇👇👇

 

Recursos usados para crear el proyecto:

📌 Freepick:

Un banco de ilustraciones el cual nos ayudará a complementar la landing page, no olvides atribuir al autor si usas las imagenes sin la licencia freemium.

https://www.freepik.com/

📌 Ui-gradients:

Un generador de gradientes, el cuál le dará ese estilo tan único y novedoso a nuestra pagina.

https://uigradients.com/

📌 Google fonts:

Google, te proporciona una herramienta donde puedes integrar muchas de tipografías en tu web.

https://fonts.google.com/

📌 Generador SVG WAVE:

https://smooth.ie/blogs/news/svg-wavey-transitions-between-sections

📌 Clip-path maker:

Un generador de Clip-path, el cuál nos ayudará a hacer el fabuloso efecto del menú animado.

https://bennettfeely.com/clippy/

 

No olvides que como la mayoría de nuestros proyectos, podremos usar la landing page animada ya que está completamente adaptada a dispositivos móviles por lo que cualquier persona puede apreciarlo desde cualquier dispositivo.

También puedes complementer este proyecto con: Como crear una pagina web desde 0

🔻Más información:

Invítame un café:☕️ [Dando click aquí]

Descarga los archivos base🎁 [Dando click aquí]

Por último no olvides suscribirte a nuestro canal de Youtube AlexCG Design y también seguirnos en todas nuestras redes sociales, si te fue de ayuda no olvides compartir el vídeo y darle like, eso nos ayudaría muchísimo a seguir dando contenido de valor.

Mantente informado de nuestro contenido

Deja un comentario