Visão Geral
Este projeto é uma Landing Page Responsiva desenvolvida com JavaScript, CSS e HTML, iniciei esse projeto com intuito de desenvolver e aprimorar meus conhecimentos com desenvolvimento front-end. O projeto tem o tema de um cardápio online sem opção delivery, o cardápio de uma hamburgueria fictícia. O Projeto é bem simples, porém utiliza conceitos de responsividade na página, estilização de ícones e interface página web.
Funcionalidades
1. Layout Responsivo
-
Grid Flexível: Uso de CSS Grid para criar layout que se ajusta automaticamente ao tamanho da tela.
-
Media Queries: Definição de diferentes regras de estilo para dispositivos com largura de tela variadas.
-
Imagens Responsivas: Imagens que se redimensionam e se adaptam à largura da tela, usando propriedades como ‘max-width: 100% e ‘height: auto’.
2. Navegação Intuitiva
-
Menu Hambúrguer: Para telas menores, a barra de navegação é substituída por ícone de menu, que pode ser clicado para exibir opções de navegação.
-
Links e Botões Grandes: Links e botões têm um tamanho apropriado para facilitar o toque em dispositivos móveis.
-
Scroll Suave: Navegação suave entre seções da página usando JavaScript.
3. Integração de Mídias Sociais
- Botões de Compartilhamento: Botões integrados para compartilhar conteúdo em redes sociais otimizados para dispositivos móveis.
4. Animações e Efeitos Visuais
- Animação Suaves: Animações e transições que não comprometem a performance em dispositivos móveis, criadas com CSS e JavaScript.
Tecnologias Utilizadas
JavaScript: Linguagem utilizada para criar a responsividade da página com os elementos visuais.
CSS: Utilizado para estilizar a página e compor elementos visuais, criar o layout responsivo que se adapta em diversas resoluções.
HTML: utilizado para criar as estruturas da página bem como suas funcionalidades.