Página profissional desenvolvida para reunir exemplos e exercícios realizados durante meus estudos de HTML e CSS, com foco em componentes de interface, responsividade e boas práticas de desenvolvimento front-end.
O projeto foi criado inicialmente como uma página de estudos baseada no template Strata e posteriormente refatorado, recebendo melhorias de estrutura, conteúdo, semântica, acessibilidade, responsividade, identidade visual e organização do código.
🔗 Acesse o projeto:
https://strata-shippc.netlify.app/
Este website foi desenvolvido por mim como parte do meu portfólio de desenvolvimento front-end.
Se você procura um site profissional, landing page, portfólio, website institucional ou uma solução personalizada para o seu negócio, conheça meu trabalho na Wilith Agency.
🌐 Portfólio Profissional
https://wilithagency.netlify.app/
- 🖥️ Página inicial com apresentação do projeto
- 👤 Painel lateral com perfil profissional
- 🧭 Menu de navegação entre as seções
- 🎨 Cards de projetos e estudos visuais
- 📝 Área de contato
- 🔤 Demonstração de tipografia
- 💬 Exemplo de citação
- 💻 Blocos de código
- 📋 Listas ordenadas e não ordenadas
- 🌐 Lista de ícones sociais
- 📊 Tabela responsiva
- 🔘 Variações de botões
- 📄 Formulário completo
- 🖼️ Galeria de imagens
- 📱 Layout totalmente responsivo
- 🎯 Navegação suave entre seções
- ♿ Estrutura HTML semântica
- 🔍 SEO básico
- 🎞️ Estados de hover e transições
Os formulários são demonstrativos e ainda não possuem integração com banco de dados ou serviço de envio.
- HTML5
- CSS3
- Google Fonts
- Font Awesome
O projeto foi desenvolvido para oferecer uma excelente experiência em diferentes dispositivos.
- 💻 Desktop
- 💼 Notebook
- 📱 Tablet
- 📲 Smartphone
Strata/
│
├── css/
│ ├── normalize.css
│ └── style.css
│
├── images/
│ ├── avatar.jpg
│ ├── bg.jpg
│ ├── preview.png
│ │
│ ├── fulls/
│ │ ├── 01.jpg
│ │ ├── 02.jpg
│ │ ├── 03.jpg
│ │ ├── 04.jpg
│ │ ├── 05.jpg
│ │ └── 06.jpg
│ │
│ └── thumbs/
│ ├── 01.jpg
│ ├── 02.jpg
│ ├── 03.jpg
│ ├── 04.jpg
│ ├── 05.jpg
│ └── 06.jpg
│
├── index.html
└── README.md
Este projeto teve como objetivo praticar e aprimorar conhecimentos em desenvolvimento front-end, incluindo:
- HTML semântico
- CSS moderno
- Flexbox
- CSS Grid
- Responsividade
- Organização de código
- Variáveis CSS
- Componentes reutilizáveis
- Tipografia
- Formulários
- Tabelas
- Listas
- Galerias
- Estados de interação
- Acessibilidade
- SEO
- Estruturação de projetos front-end
- Refatoração de projetos antigos
Desenvolvedor Front-end e fundador da Wilith Agency, especializado na criação de websites modernos, landing pages, portfólios profissionais e soluções para empresas.
- Portfólio: https://wilithagency.netlify.app/
- GitHub: https://github.com/shippc
- LinkedIn: https://www.linkedin.com/in/wilhanmacarthur/
⭐ Se este projeto foi útil ou serviu de inspiração, considere deixar uma estrela no repositório.