• Bem-vindo
• Proposta
  • O desafio
  • Objetivo
• Meu processo
  • Construção do site
  • Aprendizado
  • Prosseguimento
• Screenshots
• Links
• Tecnologias utilizadas
• Pré-requisitos
• Procedimentos de instalação
• Agradecimentos
• Autora

Centralizador de Links.

Essa foi a criação de um site sobre filmes e séries

Desafio extra proposto na finalização do evento Next Level Week (NLW) da Rocketseat.

Data inicial: 18/09/2022

Data final: 21/09/2022

Os usuários devem ser capazes de:

• Clicar nas imagens dos filmes e serem direcionados para um link externo de filmes, séries e redes sociais que irá abrir em uma nova janela ou guia.

• Passar o mouse sob as imagens dos filmes, séries e redes sociais e visualizar efeito hover.

• Realizar o desafio extra proposto no evento Next Level Week (NLW) da Rocketseat.

4 dias para concluir o projeto

• Marcação HTML5 semântica
• Propriedades CSS

Construção:

1. Criação do arquivo index.html e do style.css.

2. Divisões do html em header e main

3. Uma lista de navegação ul li a para sites externos e adição de target e _blank pra abertura do site em uma nova janela ou guia.

4. Estilização das sections e divs no css.

Dentro da pasta /design encontra-se o design do projeto.

• Organização correta do html em header e main
• Estilização de sections no css
• Centralização de section

Aplicação de animação no projeto atual

🔗Clique aqui para acessar

• HTML5
• CSS3

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

Clone este repositório usando o comando:

git clone https://github.com/RaizaCirne/centralizador-de-links.git

Baixar arquivo zip

Extrir arquivos

Abrir pasta no editor de código.

Agradeço a Rocktseat por proporcionar um evento excelente e propor desafios para que possamos crescer cada vez mais como desenvolvedores.

• Personal Page - Raíza Cirne Braz
• Frontend Mentor - @RaizaCirne
• GitHub - RaizaCirne
• LinkedIn - Raíza Cirne Braz

HTML - CSS 🚀