Projetos

Esta é a página onde estão presentes todos os projetos feitos ao decorrer dos módulos de HTML5 & CSS3. Junto a eles, há uma pequena descrição demonstrando as principais propriedades utilizadas e um pouco de seu desenvolvimento. Independentemente de alguns dos projetos não terem nenhum tipo de design flexível ou responsivo, não será um grande problema visualizá-los, seja qual for o dispositivo que esteja acessando o site.


Pet-Boutique

Este foi um projeto desenvolvido no módulo sobre a propriedade background e o modelo de caixas (box-model). Durante a etapa, também foram adicionados conhecimentos aprendidos anteriormente em outras missões: listas, propriedades e seletores.

Acesse o site

Flexbox

A partir daqui, começou a ser implementada a ideia de design flexível, sendo que o primeiro projeto apresentado foi apenas um pequeno exemplo prático usado para compreender melhor o uso das propriedades do flexbox e, posteriormente, fazer a construção do projeto final.


Pseudo Classes & Pseudo Elementos

Nesta etapa, foram introduzidas as pseudo-classes e pseudo-elementos, onde foram feitos dois pequenos projetos com foco em situações que utilizassem essas propriedades.


Clinica CM-Life

Chegamos à seção sobre a construção de um website responsivo. Aqui foram introduzidos os temas sobre HTML semântico e o uso de media queries. Ao final do módulo, construí o site de uma clínica utilizando todos os conhecimentos previamente aprendidos, mas agora implementando as media queries para que o conteúdo se adapte aos diferentes tipos de resoluções.

Pet-Boutique
Acesse o site

Formulários

O final das etapas de construção e estilização de sites, nesta etapa final, foram feitos dois projetos com um foco maior nos formulários. Um pequeno adendo importante seria que o back-end dos formulários foi feito pelo provedor do curso DevMedia. Caso preencha o formulário, os dados serão salvos e aparecerão em uma nova página mostrando o resultado de tudo que foi preenchido.