Foguete-MTA
🌌 Server Landing Page
Landing page moderna para servidor (estilo gamer), com layout centralizado, efeito glass, status dinâmico e mini blog visual.
✨ Preview
Layout contém:
- 🎮 Logo do servidor
- 👥 Contador de jogadores (Players / MaxPlayers)
- 🟢 Status do servidor (Online / Offline / Manutenção)
- 📢 Área de aviso
- 🖼 Mini blog com 4 imagens lado a lado
- 🌌 Fundo animado com estrelas
- 🔊 Controle de som
- 🎨 Visual moderno com efeito glassmorphism
🛠 Tecnologias Utilizadas
- HTML5
- CSS3
- Flexbox
- CSS Grid
- Glass Effect (backdrop-filter)
- Layout responsivo adaptável
🎨 Principais Ajustes Realizados
Durante o desenvolvimento foram feitos vários refinamentos visuais:
✔ Alinhamento
- Centralização perfeita do contador
1/1
- Ajuste fino do status dot
- Correção de quebra de linha do texto “Manutenção”
- Organização da
.logo-column
✔ Layout
- Ajuste da largura da coluna da logo
- Remoção de espaços vazios internos
- Melhor distribuição vertical
- Ajuste de flex-direction
✔ Mini Blog
- Implementação usando CSS Grid
- 4 imagens lado a lado (
repeat(4, 1fr))
- Hover com efeito zoom
- Overlay opcional com texto
- Responsividade opcional com
auto-fit
✔ Estética
- Border-radius aumentado para 24px
- Box-shadow profundo
- Fundo com blur leve
- Opacidade ajustada para manter identidade visual
📁 Estrutura Recomendada
📦 server-landing
┣ 📜 index.html
┣ 📜 style.css
┣ 📂 assets
┃ ┣ img1.jpg
┃ ┣ img2.jpg
┃ ┣ img3.jpg
┃ ┗ img4.jpg
┗ 📜 README.md
🎯 Objetivo do Projeto
Criar uma landing page moderna para servidor com:
Visual premium
Layout equilibrado
Sem espaços mortos
Estrutura limpa e organizada
Fácil manutenção
📜 Licença
Uso livre para projetos pessoais ou de servidor.
👨💻 Autor : Principe0001
Desenvolvido com ajustes finos de layout e alinhamento visual para alcançar um design equilibrado e moderno.
⭐ Se curtir o projeto, deixe uma estrela no repositório!