Skip to content

Latest commit

 

History

History
98 lines (67 loc) · 3.87 KB

README.md

File metadata and controls

98 lines (67 loc) · 3.87 KB

image


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

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

image image image image image image

Links

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

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.