---

The 80s - Nostalgic Website

Esta é uma solução para um site temático dos anos 80, que explora e apresenta marcos culturais, eventos importantes e elementos de entretenimento daquela década. Este projeto visa fortalecer habilidades de desenvolvimento web usando HTML, CSS e Bootstrap, com foco em design responsivo e interativo.

Índice

• Visão Geral
  • O Desafio
  • Captura de Tela
  • Links
• Processo de Desenvolvimento
  • Tecnologias Utilizadas
  • O Que Eu Aprendi
  • Desenvolvimentos Futuros
  • Recursos Úteis
• Autor
• Agradecimentos

---

Visão Geral

O Desafio

Usuários devem poder:

• Visualizar o site de forma responsiva em dispositivos móveis e desktop.
• Interagir com elementos de hover e foco nas áreas interativas.
• Explorar o conteúdo de forma intuitiva com uma navegação simples e estilizada.

Captura de Tela

Links

• URL do Projeto: The 80s
• URL do Repositório: Código no GitHub

Processo de Desenvolvimento

Tecnologias Utilizadas

• HTML5: Estrutura do conteúdo
• CSS3: Estilos e personalizações
• Bootstrap: Layout responsivo e componentes interativos

O Que Eu Aprendi

Este projeto foi uma oportunidade para aplicar e aprofundar conhecimentos em HTML, CSS e especialmente em Bootstrap para design responsivo. Usar o Bootstrap facilitou o ajuste da aparência do site em diferentes tamanhos de tela, especialmente por meio de componentes flexíveis e utilitários de layout.

Exemplo de código com Bootstrap para responsividade:

<div class="container">
    <div class="row">
        <div class="col-md-6">
            <h2>Os Ícones dos Anos 80</h2>
            <p>Explorando os eventos e figuras marcantes da época.</p>
        </div>
        <div class="col-md-6">
            <img src="assets/image-80s.jpg" class="img-fluid" alt="Imagem dos anos 80">
        </div>
    </div>
</div>

Este trecho exemplifica como o Bootstrap permite ajustar o layout de forma eficiente para diferentes resoluções, mantendo o design harmonioso tanto em telas grandes quanto pequenas.

Desenvolvimentos Futuros

Pretendo continuar aprimorando as técnicas de design responsivo e explorar mais a fundo os componentes do Bootstrap. Além disso, quero adicionar animações sutis para realçar a experiência visual e tornar o site ainda mais imersivo.

Recursos Úteis

• Bootstrap Documentation - Guia completo sobre o uso do Bootstrap.
• Stack Overflow - Para resolução de dúvidas e consulta de soluções.
• YouTube - Diversos vídeos com tutoriais e técnicas sobre Bootstrap e CSS avançado.

Autor

• GitHub - @aclf12
• LinkedIn - Ana Ferreira

Agradecimentos

Obrigado aos criadores de conteúdo no YouTube e à comunidade de desenvolvedores do Stack Overflow por fornecerem recursos valiosos durante o desenvolvimento deste projeto.

---