Projeto do curso 01 – Div Tags

Projeto do curso 02 – rodapé

Faça com que o rodapé HTML corresponda ao modelo em seus arquivos de exercício:
1. Arquivos de exercício > Projeto 1 > Exemplo de modelo: Projeto 1.jpg
Não precisa ser perfeito em pixels. Apenas adivinhe os tamanhos e o espaçamento.
Requisitos
1. Ignore o mapa no meio (vamos fazer isso juntos mais tarde).
2. Tenha espaçamento acima e abaixo do rodapé.
3. O texto do rodapé é: Main St, Blackabbey, Adare, Co. Limerick - Copyright 2017©
4. Coloque o texto em uma tag
  e estilize o texto para combinar com o modelo.
5. A cor de fundo é preto, que é transparente.
Faça uma captura de tela de ambas as páginas concluídas no Chrome e compartilhe para mostrar que você fez isso em qualquer um dos seguintes itens:
1. Seção de assinaturas deste site
2. Adicione aos comentários na página.
3. Redes sociais e a tag Dan
  1. Instagram: @bringyourownlaptop #byolweb
  2. Twitter: @danlovesadobe #byolweb
  3. Grupo do Facebook aqui. #byolweb

Projeto do curso 03 – Cabeçalho do Flexbox

Adicione o logotipo e a nav ao cabeçalho do nosso site usando suas novas habilidades em flexbox.
Sua página vai ficar assim quando você terminar:

Arquivos de exercício > Projeto 2 > Projeto do curso 3.png
Requisitos:
1. Adicione uma cor de fundo a todo o site de: #FC5E55
2. Crie um logotipo e uma caixa de navegação dentro da tag de cabeçalho
3. Adicione o logotipo à caixa de logotipo.
  1. A imagem está em: Arquivos de exercícios > Projeto 2 > logo-roar-bikes.png
4. Adicione texto à caixa
  , mas ainda não crie links ou botões, Apenas texto antigo e simples:
  1. Reserve online Sobre Contato
5. Mantenha a navegação alinhada.
6. Remova a cor de fundo e a altura do cabeçalho
7. Adicione o preenchimento à parte superior e à parte inferior do cabeçalho
8. Certifique-se de que tanto o logotipo quanto o nav estejam centralizados verticalmente.
Faça uma captura de tela de ambas as páginas concluídas no Chrome e compartilhe para mostrar que você fez isso em qualquer um dos seguintes itens:
1. Seção de assinaturas deste site
2. Adicione aos comentários na página.
3. Redes sociais e a tag Dan
  1. Instagram: @bringyourownlaptop #byolweb
  2. Twitter: @danlovesadobe #byolweb
  3. Grupo do Facebook aqui. #byolweb

Projeto do curso 04 – Nav Button

Objetivo: criar seu próprio curso de button que se pareça com isto:

bafd7de7

Você vai deixar a opção “mybutton” aplicada à caixa de herói, mas criar um novo estilo chamado “navbutton” e aplicá-la à sua navegação.
Requisitos
1. Todas são tags.
2. Crie seu próprio curso personalizado chamado “navbutton”.
3. Borda branca em torno do button.
4. O texto é uma exibição de playfair.
5. O texto é branco
6. Sem sublinhado.
7. Sem cor de fundo.
Faça uma captura de tela de ambas as páginas concluídas no Chrome e compartilhe para mostrar que você fez isso em qualquer um dos seguintes itens:
1. Seção de assinaturas deste site
2. Adicione aos comentários da página.
3. Redes sociais e a tag Dan
  1. Instagram: @bringyourownlaptop #byolweb
  2. Twitter: @danlovesadobe #byolweb
  3. Grupo do Facebook aqui. #byolweb

Projeto 05 do curso: design de cabeçalho

Objetivo: recriar este cabeçalho:

5b5a840f