- Bem-vindo
- Proposta
- Meu processo
- 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:
-
Criação do arquivo
index.html
e dostyle.css
. -
Divisões do html em
header
emain
-
Uma lista de navegação
ul
li
a
para sites externos e adição detarget
e_blank
pra abertura do site em uma nova janela ou guia. -
Estilização das
sections
edivs
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
- 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 🚀