Landing Page - Vison

• Descrição
• Imagens
• Etapas
• Tecnologias
• Clonagem
• Contato
• Desenvolvedora

Descrição

Teste técnico para a vaga de - Desenvolvedor Web Júnior

Todos os requisitos do escopo do teste foram implementados inclusive algumas funções extras.

Todo o código escrito atende as regras:

INSTRUÇÕES PARA O TESTE

- Desenvolvimento de página em html e css;

- Cliente: Vison Motel.

Requisitos:

- trabalhe preferencialmente com bootstrap;

- existem dois layouts (mobile/desktop), porém, precisamos que faça o site de modo responsivo em uma única página;

- javascript, jquery e outros recursos ficam a seu critério;

Imagens

📷 Página Mobile

📷 Página Desktop

Etapas

Mobile First

Header

• Imagem + bg;

• Navbar menu hamburguer + botão Reservas;

  • corrigir dropdown da navabar (dropup ?);
  • corrigir largura navabar (dropup ?);

• Container slider;

  • Texto;
  • 2 botões (Ver suites e Reservas);

  Main

• Container suites;

  • titulo;
  • Carousel;
  • Box suite;

• Container O Motel;

  • Imagem;
  • Card texto + botao;

• Container cortesias;

  • Card img + texto;
  • Card img + texto;
  • Card img + texto;

• Container Localização;

  • Card img + texto + botao;

  Footer

• Bg;

• Img Logo;

• 4 botões (Reservas, Ver suites, Whatsapp, Contato);

  Copyright

• Bg;

• Texto;

Desktop

• Reponsividade; Header

• Mudança de comportamento do menu;

  Main

• Container suites;

  • titulo;
  • Mudança de comportamento do Carousel;
  • Box suite;

• Container O Motel;

  • Mudança no comportamento da imagem para flex row;

• Container cortesias;

  • Card img + texto, alteração de posicionamento de vertical para horizontal;
  • Card img + texto, alteração de posicionamento de vertical para horizontal;
  • Card img + texto, alteração de posicionamento de vertical para horizontal;

• Container Localização;

  • Mudança no comportamento para flex row Card img + texto + botao;

  Footer

• Mudança no comportamento;

• Exclusao de 4 botões (Reservas, Ver suites, Whatsapp, Contato);

• Inclusão de 3 listas de contatos do menu

  Copyright

• Bg;

• Texto;

Extra

• Criar funções para os botões;
  • Função ancora
  • Função link externo
• Link para mapa, Google mapas

Tecnologias

Hospedagem:

Vercel: https://vison-six-bay.vercel.app/

Clonagem

Pré-requisitos para rodar

• Editor de código de sua preferência (recomendado VS code)
• Git

Procedimentos de instalação

Clone este repositório usando o comando:

git clone https://github.com/<meu_user>/<my-repo>.git

Desenvolvedora

Jennyfer Lamego