Banco Inter - Projeto de Estudo em Front-End

Descrição

Este é um projeto de estudo em conceitos de front-end, focado em desenvolver habilidades em HTML, CSS (SCSS) e JavaScript. A página web promocional é para o Banco Inter, um dos primeiros bancos digitais do Brasil, destacando seus principais serviços e benefícios, como segurança, cartão de crédito gratuito e plataforma de compras.

Funcionalidades

• Página Inicial: Introduz o Banco Inter e seus principais benefícios.
• Seção de Segurança: Detalha as medidas de segurança adotadas pelo banco para proteger os dados e transações dos clientes.
• Seção de Cartões: Informa sobre os cartões de crédito e contas digitais oferecidos, com destaque para a facilidade e gratuidade.
• Seção Internacional: Apresenta os serviços globais e a plataforma de compras do Banco Inter.
• Cabeçalho e Rodapé: Links de navegação rápida para diferentes seções do site.
• Animações: Utilização de JavaScript para animações e interatividade.

Tecnologias Utilizadas

• HTML5: Estrutura da página.
• SCSS (CSS3): Estilização do layout e design responsivo.
• JavaScript: Funcionalidades interativas e animações.

Design

O design do site foi baseado em um arquivo Figma, disponível no repositório, que contém o layout e a estrutura visual do projeto.

Como Utilizar

1. Clonando o Repositório

   git clone https://github.com/seuusuario/banco-inter.git

2. Instalando Dependências Certifique-se de ter o Node.js e o npm instalados. Navegue até a pasta do projeto e instale as dependências:

   npm install

3. Compilando o SCSS

   npm run build-css

4. Abrindo o Projeto Navegue até a pasta do projeto e abra o arquivo index.html em seu navegador preferido.

Estrutura do Projeto

• index.html: Arquivo principal HTML.
• css/: Contém o arquivo CSS compilado.
• scss/: Contém os arquivos SCSS.
• js/: Contém os arquivos JavaScript.
• assets/: Contém imagens e outros recursos estáticos.
• Board.pdf: Contém o design do site em PDF exportado do Figma.