Criar uma landing page para divulgar um produto ou serviço de sua escolha.
Este é o quarto desafio no formato Certification Project da trilha Responsive Web Design Certification
Os Certification Project exigem que o desenvolvimento seja realizado de forma independente, sem mentoria direta.
Para que o projeto seja aprovado, é necessário cumprir critérios específicos estabelecidos pela plataforma, principalmente relacionados à estrutura HTML. No entanto, há total liberdade para criar o design (CSS), permitindo dar um toque pessoal à página.
O principal objetivo desse formato é consolidar os conhecimentos adquiridos ao longo dos cursos anteriores, proporcionando uma experiência prática bastante significativa.
Aviso Importante: Seguindo as diretrizes do freeCodeCamp, este projeto foi desenvolvido de forma honesta e independente, sem plágio ou cópia direta do exemplo fornecido. Todo o processo envolveu pesquisas, tentativas e erros, valorizando meu esforço pessoal.
O exemplo original fornecido pela plataforma promove um marketplace de Trombones.
Para minha versão, decidi criar uma página voltada para bicicletas, com os seguintes destaques:
- Primeiro Bloco: Exibição dos modelos de bicicletas disponíveis (sendo a bike laranja uma referência especial, pois é a que tenho na vida real!).
- Segundo Bloco: Formulário simples de cadastro por e-mail (testem, insiram um e-mail e cliquem em "Cadastrar" para uma surpresa!).
- Terceiro Bloco: Informações sobre a oficina.
- Quarto Bloco: Vídeo e texto sobre bikes fixas.
- Logo da Loja: Incluí um logo ao lado do nome da loja para dar um toque profissional.
- Imagens do Unsplash: Utilizei imagens do site Unsplash, que são de uso gratuito e sem restrições.
- Paleta de Cores Personalizada: Criei minha própria paleta de cores utilizando o Adobe Color e ColorSpace.
- Design Responsivo: Adotei o conceito Mobile First, priorizando a experiência em telas menores e ajustando para dispositivos maiores com media queries e flexbox.
Acredito ter criado uma página funcional e visualmente atraente, e isso me deixou extremamente orgulhoso. Foi mais uma oportunidade incrível de colocar em prática o aprendizado adquirido ao longo da trilha.
Agradeço ao freeCodeCamp por oferecer cursos gratuitos de altíssima qualidade, que não apenas ampliaram meus conhecimentos, mas também contribuíram muito para a construção do meu portfólio.
Tutoriais consultados:
Plataformas para criar sua paleta de cores:
Banco de imagens de uso gratuito:
Este projeto está sob a licença MIT. Consulte o arquivo LICENSE para mais informações.
