Site do filme Mario Bros

💻 Projeto

Este projeto é um tutorial que ensina a como criar o site do filme Mario Bros ao usar HTML e CSS.

🚀 Tecnologias

• HTML
• CSS
• AOS Animate
• Docker

📔 Conhecimentos abordados

• Uso semântico do HTML
• Carregamento de video no background
• Váriaveis do css no :root
• Animações com a biblioteca AOS
• Uso do CSS Flexbox
• Efeitos com a propriedade transform do css

📝 Tema de casa

• Criar responsividade
• Adicionar efeito de hover nos botões

🐳 Executando com Docker

Para executar o projeto usando Docker, você precisa ter o Docker e Docker Compose instalados em seu sistema.

Requisitos

• Docker
• Docker Compose

Passos para executar

1. Clone o repositório
2. No diretório do projeto, execute:

# Construir e iniciar o container
docker-compose up -d

# Para parar o container
docker-compose down

3. Acesse o site em seu navegador através do endereço: http://localhost:80