https://filipesatiro.github.io/site-em-css/
Site feito em CSS para Estudos Descrição do Projeto
Este repositório contém um site desenvolvido com HTML e CSS puro, com o objetivo de praticar e demonstrar conhecimentos em desenvolvimento web responsivo e estilização moderna.
Estrutura de Pastas
-
index.html Arquivo principal do site, onde está toda a estrutura HTML. Ele contém a navegação, cabeçalho, seção de serviços e rodapé. As imagens e estilos são referenciados a partir deste arquivo.
-
README.md Arquivo de documentação do projeto, explicando o propósito do site.
-
CSS/ Pasta destinada aos arquivos de estilos:
- estilo.css: Contém toda a estilização principal do site, incluindo layout, cores, fontes, botões, cards de serviços, navegação fixa, rodapé, entre outros detalhes visuais.
- responsivo.css: Responsável por tornar o site adaptável a diferentes tamanhos de tela (responsividade), ajustando elementos como menu, cards, cabeçalho e ocultando itens em telas menores.
-
img/ Pasta com todas as imagens utilizadas no site:
- css.png**: Imagem ilustrativa para o card de criatividade com CSS.
- divulgacao.png: Imagem para o card de marketing digital.
- heart.png: (Não utilizada no HTML atual, mas disponível para uso futuro).
- marketing.jpg: Imagem principal do cabeçalho.
- web.png: Imagem para o card de desenvolvimento de sites.
- whatts.png: Ícone do WhatsApp, utilizado para o botão flutuante de contato.
Funcionalidades
-
Layout Responsivo: O site se adapta a diferentes tamanhos de tela, escondendo ou reorganizando elementos para melhor visualização em dispositivos móveis.
-
Navegação Fixa: O menu de navegação permanece fixo no topo da página, facilitando o acesso às seções principais.
-
Cards de Serviços:
Apresentação dos principais serviços oferecidos, cada um com imagem, título e descrição. -
Botão de Contato WhatsApp:
Um botão flutuante permite que o usuário entre em contato diretamente pelo WhatsAp -
Design Moderno:
Uso de fontes do Google Fonts, cores modernas e efeitos de hover para melhorar a experiência do usuário.
Este projeto é ideal para quem deseja aprender sobre estruturação de sites, organização de arquivos e boas práticas de CSS e HTML.