Skip to content

Este projeto é um portfólio web responsivo da startup SYSIFO, desenvolvido por alunos do IFSUL Campus CAVG. A aplicação possui uma interface interativa com uma barra de navegação responsiva, cards de serviços com animações, e um footer estilizado com ícones sociais animados. Utiliza HTML, CSS e JavaScript

License

Notifications You must be signed in to change notification settings

Sys-ifo/SYSIFOProjecto

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Imagem Aqui()

Projeto de Sistema Web Da StartUp - SYSIFO

Este projeto é uma aplicação web responsiva desenvolvida pela startup SYSIFO, criada por alunos do IFSUL Campus CAVG. O sistema foca em uma interface de usuário interativa, incluindo uma barra de navegação, seção de serviços com cards interativos, animações e um footer estilizado com ícones de redes sociais.

Funcionalidades

  • Barra de Navegação Responsiva: Barra de navegação com links de navegação estilizados, que se adaptam a diferentes tamanhos de tela.
  • Seção de Serviços: Cards interativos que exibem uma imagem e um título, com animação de hover, revelando o nome do serviço ao passar o mouse.
  • Footer Animado: Ícones sociais com efeitos de animação, mudando de cor ao passar o mouse, junto com um texto animado para criar uma interação divertida.
  • Animações e Efeitos Interativos: A logo do site realiza uma animação de rotação, e outros elementos possuem efeitos de hover que melhoram a experiência do usuário.

Estrutura do Projeto

  • index.html: Contém o conteúdo principal da página, estruturando a interface.
  • style.css: Arquivo de estilos, com definição de cores, fontes, layouts e animações.
  • scripts.js: Arquivo JavaScript que adiciona funcionalidades interativas, como animações e efeitos de hover.

Tecnologias Utilizadas

  • HTML5: Estruturação semântica do conteúdo da página.
  • CSS3: Estilização, animações e transições.
  • JavaScript: Para adicionar interatividade, como a animação da logo e os efeitos nos cards.

Atualizações Recentes

  • Responsividade Aprimorada: A altura da seção #servicos foi ajustada para 800px, com adaptação para dispositivos móveis e telas menores, garantindo uma boa experiência visual.
  • Animação de Hover nos Cards: Agora, ao passar o mouse sobre os cards, o título de cada serviço é revelado com animação.
  • Ajustes no Layout para Telas Pequenas: Melhorias de layout para garantir a fluidez em dispositivos móveis, especialmente em telas menores que 320px.
  • Melhorias no Footer: Ícones sociais animados que mudam de cor ao passar o mouse, proporcionando uma experiência interativa e dinâmica.

📜 Licença

Este projeto está licenciado sob a Licença Creative Commons BY-NC-ND 4.0, o que significa que você pode compartilhá-lo, mas não pode modificá-lo ou usá-lo para fins comerciais.

About

Este projeto é um portfólio web responsivo da startup SYSIFO, desenvolvido por alunos do IFSUL Campus CAVG. A aplicação possui uma interface interativa com uma barra de navegação responsiva, cards de serviços com animações, e um footer estilizado com ícones sociais animados. Utiliza HTML, CSS e JavaScript

Resources

License

Stars

Watchers

Forks

Packages

No packages published