Mysti Website

Um site pessoal para o canal do YouTube "Mysti", focado em conteúdo de games e reflexões. O site serve como um hub central para conectar fãs e seguidores com todo o conteúdo e presença social da criadora.

🎮 Sobre o Projeto

O site Mysti é uma landing page moderna e responsiva que apresenta o trabalho da criadora de conteúdo Mysti. Com um design elegante e minimalista, o site oferece uma experiência imersiva aos visitantes, começando com um hero section dinâmico com vídeo de fundo.

Características Principais

• Design responsivo e moderno
• Hero section com vídeo de background
• Seções organizadas para Sobre, Vídeos e Social
• Integração com redes sociais
• Menu mobile adaptativo
• Otimização para SEO com meta tags OGP

🛠️ Tecnologias Utilizadas

• HTML5
• CSS3
• JavaScript
• Font Awesome para ícones
• Layout responsivo com CSS Grid e Flexbox

📦 Estrutura do Projeto

mysti-website/
│
├── index.html
├── src/
│   ├── css/
│   │   ├── reset.css
│   │   ├── main.css
│   │   └── responsive.css
│   ├── js/
│   │   ├── main.js
│   │   └── mobile-navbar.js
│   └── media/
│       ├── mysti_logo.png
│       ├── person_mysti.jpg
│       └── bgc.mp4

🚀 Como Usar

1. Clone o repositório:

git clone https://github.com/seu-usuario/mysti-website.git

2. Navegue até o diretório do projeto:

cd mysti-website

3. Abra o arquivo index.html em seu navegador ou use um servidor local para desenvolvimento.

📱 Recursos Responsivos

O site é totalmente responsivo e se adapta a diferentes tamanhos de tela:

• Menu hamburger para dispositivos móveis
• Layout adaptativo usando CSS Grid e Flexbox
• Imagens e vídeos otimizados para diferentes resoluções

🔗 Links Sociais

• YouTube: @Mysti07
• Twitch: mysti0107
• Twitter: @MystiCYt0
• Instagram: @myst_i07

🤝 Contribuindo

Contribuições são sempre bem-vindas! Por favor, leia o guia de contribuição antes de enviar qualquer pull request.

1. Faça um Fork do projeto
2. Crie sua Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit suas mudanças (git commit -m 'Add some AmazingFeature')
4. Push para a Branch (git push origin feature/AmazingFeature)
5. Abra um Pull Request

📝 Licença

Este projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.

📧 Contato

Mysti - @MystiCYt0

Link do Projeto: https://mysti-rho.vercel.app/

👨‍💻 Desenvolvedor

Este projeto foi desenvolvido com dedicação por Brian Muniz.

Habilidades Aplicadas

• Desenvolvimento Front-end
• Performance Web
• Otimização SEO
• Responsividade

Conecte-se comigo

Se você tiver alguma sugestão ou quiser contribuir com o projeto, não hesite em entrar em contato!