Uma landing page moderna e totalmente responsiva, desenvolvida do zero com HTML, CSS e JavaScript para praticar conceitos de desenvolvimento web front-end. 🎓
Este projeto consiste na criação de uma landing page completa e funcional. O objetivo foi construir uma interface web moderna, a partir de um design pré-definido, aplicando conhecimentos essenciais de front-end para garantir que o site seja visualmente atraente e perfeitamente funcional em diferentes tamanhos de tela (desktop e mobile).
A página possui múltiplas seções, navegação com rolagem suave e um menu "hambúrguer" para dispositivos móveis.
- 📱 Layout 100% Responsivo: Adapta-se perfeitamente a telas de desktops, tablets e smartphones.
- 🧭 Navegação Fixa e Inteligente: O menu de navegação permanece no topo da página e direciona o usuário para as seções corretas com um efeito de rolagem suave.
- 🍔 Menu Mobile: Um menu "hambúrguer" funcional para facilitar a navegação em telas menores.
- 📄 Estrutura de Múltiplas Seções: A página é dividida em seções claras e bem definidas, como:
- Intro
- Top 3
- Jobs
- Gallery
- Pricing
- Contact
- 🎨 Estilização Moderna: Uso de CSS para criar um tema escuro (dark mode), com tipografia e espaçamentos consistentes.
- HTML5 🌐 (para a estrutura semântica da página)
- CSS3 🎨 (para estilização, responsividade com Media Queries e layout)
- JavaScript JS (para a interatividade do menu mobile e outros elementos dinâmicos)
O projeto é composto por arquivos estáticos e não requer um servidor ou instalação de dependências para ser executado.
git clone https://github.com/fhugomp/Landing-page.gitcd Landing-pageAbra o arquivo index.html diretamente no seu navegador de preferência para visualizar o projeto.
O projeto está hospedado no GitHub Pages e pode ser acessado em tempo real pelo link abaixo:
