An open API service indexing awesome lists of open source software.

https://github.com/faridleo1998/easybank_landingpage

Landing page realizada con HTML, SASS Y Gulp.
https://github.com/faridleo1998/easybank_landingpage

bem-methodology gulpjs html-css-javascript landing-page mobile-first modernizr responsive-web-design sass

Last synced: 6 months ago
JSON representation

Landing page realizada con HTML, SASS Y Gulp.

Awesome Lists containing this project

README

          

# Easybank Landing Page
![Design preview for the Easybank landing page coding challenge](design/desktop-preview.jpg)

## Bienvenido! 👋

Este proyecto es la solución al reto para desarrolladores Front-End publicado por [Frontend Mentor](https://www.frontendmentor.io), con el fin de mostrar mis habilidades como Desarrollador Web.

Sí deseas realizar este reto te invito a que descargues los archivos del proyecto de forma totalmente gratuita en la página de [Frontend Mentor](https://www.frontendmentor.io).

## Características 📄

- Sitio realizado con la metodología "Mobile First".
- Sitio adaptable a diferentes tamaños de pantalla (responsive web design).
- Aplicación de la metodología BEM (Block, Element, Modifier).
- Los estilos están definidos en archivos .scss que posteriormente son compilados a CSS y minificados por medio de la herramienta Gulp.
- Los scripts son compilados y minificados por medio de la herrienta Gulp.
- Mejora en el performance del sitio gracias al uso de imagenes .webp (no incluidas en los archivos suministrados por [Frontend Mentor](https://www.frontendmentor.io)) y el uso de la librería modernizr.js.

![](design/performance.PNG)

## Despliegue 📦

Te invito a conocer el sitio desplegado en las siguientes plataformas:

- Github Pages: https://faridleo1998.github.io/Easybank_LandingPage/
- Netlify: https://easybank-faridmoreno.netlify.app/

## Construido con 🛠️

Para la creación del sitio se usaron las siguientes tecnologías y herramientas:

- Tecnologías:

Git
HTML5
CSS3
SASS
JavaScript
Gulp

- Herramientas (Gratis):
- [Visual Studio Code](https://code.visualstudio.com/) --> Editor de texto.
- [Responsively App](https://responsively.app/) --> Visualizar el sitio en distintos tamaños de pantalla.

## Autor (es) ✒️

Este sitio fue realizado por:

* **Farid Moreno** - [Faridleo1998](https://github.com/Faridleo1998)

## Agradecimientos 🎁

* Gracias por visitar mi proyecto, es para mi un honor compartir y demostrar mis habilidades con otras personas.🤓
* Puedes comentar que te ha parecido el proyecto o si tienes una sugerencia, el feedback es bienvenido.📢