Projeto - Criação de mais de uma pagina web com redirecionamento de links de uma pagina a outra.

• O intuito do projeto é criar paginas web com redirecionamento de links de uma pagina a outra.

• No projeto foi criado 4 páginas:

  • Uma principal (index.html),
  • e três dependências (clientes.html, contato.html, sobre.html)

• O projeto publicado é referente ao estudo do Curso de HTML5, CSS3 realizado na Escola Virtual Fundação Bradesco https://www.ev.org.br/ e tambem complementando o projeto com o curso de UX Design realizado na Digital Innovation One https://digitalinnovation.one.

Ferramentas utilizadas

• HTML5
• CSS3
• UX Design

Conceitos utilizados

• Criação de Listas.
• Criação de Formularios.
• Aplicação de Bordas.
• Ajuste de Imagens.
• Redirecionamentos de links para outras paginas.
• Criado Link Ancora, que foi atribuido na pagina principal.
• Uso de variaveis no CSS
• Aplicado conceitos referente a Experiencia do Usuario (UX Design), criando uma pagina de facil utilização e entendimento do usuario.
• Todo o texto utilizado no projeto, e a parte de contatos são ficticios, criado apenas para realização do projeto do curso.

Update

15-09-2021

• Alterado layout do site, criado novas paginas

• Aplicado Flexbox e grid

• Utilizado DOM JS (Document Object Model)

• Utilizado Seletores CSS

  https://developer.mozilla.org/pt-BR/docs/Web/CSS/CSS_Selectors

  https://code.tutsplus.com/pt/tutorials/the-30-css-selectors-you-must-memorize--net-16048

• Bootstrap 5 - https://getbootstrap.com/

• Utilizado Biblioteca de icones

  Bootstrap-icons - https://icons.getbootstrap.com/

  Boxicons - https://boxicons.com/

  Iconscount - https://iconscout.com/

• Biblioteca AOS CSS - Biblioteca de animação. Aplicado nos elementos conforme eles rolam na tela. - https://michalsnik.github.io/aos/

• Biblioteca Swiper - Utilizado para criar carrosséis ou slides - https://swiperjs.com/

• Imagens retiradas do site - https://www.pexels.com/pt-br/

Site Publicado no link abaixo

• https://camila-github.github.io/projeto-frontend-html-css/

Vídeo de demonstração do aplicativo

• Pagina Home

• Pagina Equipe

• Pagina Projeto

• Pagina Detalhes do Projeto