Easybank-landing-page

---

Acerca del Proyecto

• Easybank-landing-page es una landing page, que busca dar a conocer información sobre un banco para el diferente tipo de público objetivo que este posee . La página Web está adaptada para verse correctamente en dispositivos móviles, tablets y desktops, ya que cuenta con "Responsive Web Design". El diseño fue tomado de Frontend Mentor, donde se empezó desde cero, usando las tecnologías mencionadas en la parte de abajo. Esta página está animada cuando realizas scroll, para una mejor experiencia de usuario. Espero que sea de tu agrado el proyecto!

Objetivos del Proyecto

• Construir una Landing Page de un banco utilizando las tecnologías del lado Frontend.
• Afirmar y poner en práctica las habilidades y conceptos adquiridos de manera autodidacta.
• Aprender mejores prácticas.

Tecnologías

• HTML
• CSS
• SASS (Usado para generar CSS)
• JavaScript

Instalación

Para poder instalar el proyecto, tienes 2 formas. La primera es descargar el archivo zip, o la otra es usando la terminal de tu computadora, ya sea macOs o Windows, debes ingresar el comando de abajo:

git clone https://github.com/carlostrujilloneyra/Easybank-landing-page.git

Si clonas el respositorio en tu escritorio (desktop), puedes abrirlo con los siguientes comandos en tu terminal:

cd desktop
cd Easybank-landing-page

Sugerencia

Si quieres usar SASS, te recomiendo que tengas Node JS. Para verificar que versión de Node tienes, realiza lo siguiente:

1. Abre tu terminal.
2. Ingresa el siguiente comando:

node -v

3. Te saldrá la versión de Node que tiene tu ordenador, seguido de ello, instalaremos el gestor de paquetes npm, con el siguiente comando:

npm install npm -g

Para verificar la versión de nmp, ingresa el siguiente comando:

npm install npm -v

4. Una vez realizado, los pasos anteriores instalaremos SASS con el siguiente comando:

npm install -g sass

5. Se instalará SASS y para poder usarlo en el proyecto, abrimos el proyecto en la terminal y seguido de ello ingresaremos el siguiente comando:

sass --watch SCSS(Carpeta de entrada):CSS (Carpeta de salida) --style expanded

Contacto

• Linkedin Carlos Trujillo

Licencia

Copyright © 2022 Carlos Trujillo.
This project is MIT licensed