Este é um projeto de modelo para um site de cafeteria responsivo. O site foi criado com HTML, CSS e apresenta várias seções, incluindo "Página Inicial", "Sobre Nós", "Produtos", "Clientes" e um rodapé. O design do site é otimizado para visualização em dispositivos móveis e desktop.
- index.html: Este é o arquivo HTML principal que contém a estrutura da página.
- style.css: Este arquivo CSS contém estilos personalizados para o site.
- src/: Esta pasta contém os arquivos de imagem usados no site.
O código faz uso de variáveis CSS personalizadas definidas no arquivo CSS. Alguns exemplos delas incluem:
--main-color: A cor principal usada no site (marrom claro).--second-color: Uma segunda cor de destaque (creme).--text-color: A cor do texto (preto).--bg-color: A cor de fundo (branco).--box-shadow: Uma sombra de caixa usada para realçar elementos.
O arquivo HTML organiza o site em diferentes seções, como "Navegação", "Seção Inicial", "Seção Sobre", "Seção Produtos", "Seção Clientes" e "Seção Footer". Cada seção é definida usando a tag <section> e contém os elementos HTML apropriados para o conteúdo.
O arquivo CSS (style.css) aplica estilos ao site, incluindo formatação de texto, cores de fundo, layout de caixas e muito mais. Ele é projetado para criar uma experiência visual atraente e responsiva para o usuário.
O arquivo JavaScript (script.js) lida com alguns comportamentos interativos do site, como:
- Ativar e desativar a barra de pesquisa.
- Mostrar e ocultar o menu de navegação responsiva.
- Ocultar o menu ao rolar a página para baixo.
- Adicionar uma sombra à barra de navegação quando o usuário rola a página.
git clone https://github.com/TI-fernando/site-cafeteria.git