Convert_API

Teste de desenvolvimento Convert SEO, desenvolvido com base no repositório e com layout pré-definido.

Planejamento:

• Git clone images e repo
• Arquitetura do projeto
• Divisão de seções e html semântico
• Adicionar background com textura semelhante ao layout.
• Criar wireframe com html e css'
• Foco na divisão de componentes
• Definindo menu com rolagem
• Alt images SEO
• h1, h2, h3 aumentando SEO
• Adicionando containers para melhorar manipulação dos elementos

JS:

• Consumir api;
• Ocultar label ao digitar;
• Pesquisa de gatos pela raça;
• Menu mobile

CSS:

• Manter boa pratica de manipular classes ao inves de elementos puros
• Import google fonts
• Peso adequado de fontes
• Atualizar para % e viewport, para aumentar responsividade
• Alinhar cards cats de acordo com propriedades flex;
• Max-width na seção services, definindo número máximo de cards de serviços por linha;
• object fit (cover) nas fotos, mantendo a proporção.

Funcionalidades:

• Menu de rolagem para as seções do site a partir do menu nav;
• Barra de pesquisa de gatos
• Exibição de imagens de acordo com o consumo da API;
• Cards de serviços de acordo com o layout,
• Menu hover nos cards de serviço;
• Footer com informações do candidato.
• Site 100% responsivo para todos os dispositivos.

Instruções para rodar o código:

• Extensão live server (Visual Studio Code)
• Github Pages: Live demo