4LIFE - Moradias Universitárias

Esta é uma solução para o desafio do Projeto Desenvolve - O Boticário proposto pela Alura.

Índice

• Visão Geral
  • O Desafio
  • Screenshot
  • Links
• Meu processo
  • Construído com
  • O que eu aprendi
• Autora

Visão Geral

O Desafio

Os requisitos são:

• Criar uma página que chame a atenção de pessoas que estão na graduação e ofereça os produtos "moradia compartilhada" e "kitnets".

• Ela deve apresentar informações sobre a empresa e seus produtos.

• Seguir a semântica do HTML 5.

• Possuir ícones para as redes sociais da empresa: Twitter, Facebook e Instagram, Estas páginas devem ser abertas em uma nova aba.

• Seguir uma paleta de cores baseada na logomarca provida pelo cliente.

• Conter cabeçalho, rodapé, uma seção Quem Somos e uma seção Fale conosco.

• Seção "Fale Conosco":

• Essa seção deve conter um formulário para contato, incluindo: Um campo de email, Um campo de texto para a mensagem, Um botão de envio.

• O formulário deve conter uma validação específica que deve ser atendida antes de ser enviado.

• Caso preenchido corretamente, deve ser exibida a mensagem "Obrigado pelo contato, user!", levando em consideração o formato de e-maio como: user@domain.com.

Screenshot

Links

• URL da solução: Acesse o desafio publicado

Meu processo

Construído com

• HTML5

• CSS

• Flexbox

• Media Queries

• JavaScript

• Testes de Acessibilidade

O que eu aprendi

Usei o desafio para desenvolver e aprimorar meus conhecimentos em construções de Landing Pages. Particularmente, gostei de entender melhor e praticar o armazenamento de informações no Localstorage.

<script>
    let showName = document.getElementById("showName");
    showName.innerHTML = localStorage.getItem("userName");
</script>

Autora

• Linkedin - Dani Michely

• GitHub - Dani Michely dev