/lp-banco-neon

Este projeto consiste em um redesign da interface do site do Banco Neon, com o objetivo de melhorar a experiência do usuário. Foram utilizadas as seguintes tecnologias: HTML5, SaSS para estilização, AOS.js para animações de entrada, meta tags de compartilhamento e Swiper.js para criação de sliders.

Primary LanguageSCSS

🚀 Redesenho do Site do Banco Neon

HTML5 CSS3 avascript SASS avascript VSCode

Tecnologias   |    Projeto   |    Funcionalidades   |    Requisitos   |    Instalação   |   


Clique aqui para acessar o projeto online


Imagem do site do banco Neon

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

💻 Projeto

Esse projeto é um redesenho do site institucional do banco Neon como projeto prático do curso de desenvolvedor frontend da Codeboost.

✅ Funcionalidades

  • O sistema possui possui design 100% responsivo usando breakpoints para adaptação do layout aos dife rentes dispositivos existentes.

  • Faz uso do CSS para maior organização e modulação do projeto.

  • Possui para transiçao de slides(swipper.js) na parte de comentários de usuários,

  • Usa a biblioteca AOS.js para adicionar animações de entrada a imagens e textos.

  • Utiliza CSS keyframes para animar imagens específicas para melhorar a experiência do usuário.

  • Utilização de meta tags de compartilhamento para melhorar a visualização do site em redes sociais.

📄 Requisitos para instalação do projeto

  • Navegador moderno atualizado para acesso ao site como Chrome, Firefox, Edge, Safari, Opera e etc.

  • Compilador de SASS(plugin sass do visual studio ou software Scout-app)

  • Servidor Web(live server plugin do VSCode ou outro qualquer)

⚙️ Instalação e execução

Windows, OS X & Linux:

Baixe o arquivo zip e o descompacte ou baixe o projeto para sua máquina através do git clone https://github.com/randercarlos/lp-banco-neon.git

  • Configure o compilador de Sass parar gerar o CSS final na pasta /css/main.min.css:

  • Configure um servidor web para servir o site numa porta:

  • Acesse o site na porta configurada do servidor web...

Desenvolvido por Rander Carlos 👋 License License