Projeto prático desenvolvido como parte do curso HTML, CSS e JavaScript para Iniciantes da Origamid, ministrado por André Rafael, utilizando HTML, CSS e JavaScript para consolidar conceitos fundamentais de desenvolvimento web.
O Bikcraft é uma página fictícia para apresentação e venda de bicicletas personalizadas.
O foco é colocar em prática os conceitos básicos de estruturação HTML, estilização com CSS e interatividade com JavaScript, cobrindo:
- Estrutura semântica de páginas.
- Organização de pastas e arquivos no projeto.
- Boas práticas de estilização com CSS.
- Introdução à manipulação de DOM com JavaScript.
- HTML5 → Estrutura e semântica do conteúdo.
- CSS3 → Estilização e layout responsivo.
- JavaScript (ES6+) → Interatividade básica e manipulação de elementos.
- Figma → Design base do layout.
/
├── assets/ # Imagens e recursos visuais
├── bicicletas/ # Páginas individuais de bicicletas
├── css/ # Arquivos de estilo
├── js/ # Scripts JavaScript
├── bicicletas.html
├── contato.html
├── index.html # Página inicial
├── orcamento.html
├── seguros.html
├── termos.html
└── Bikcraft-figma.fig # Arquivo de design no Figma
- Home – Apresentação da marca e destaques.
- Bicicletas – Lista de modelos disponíveis.
- Seguros – Planos de seguro para bicicletas.
- Orçamento – Formulário para solicitação de preços.
- Contato – Informações e formulário de contato.
- Termos – Políticas e termos da empresa.
O design do projeto foi inspirado e criado com base no Figma.
(Você pode abrir o arquivo Bikcraft-figma.fig no Figma para visualizar o layout original.)
- Clone este repositório:
git clone https://github.com/cssbreno/bikecrafit-project.git
- Acesse a pasta do projeto:
cd bikecrafit-project - Abra o arquivo
index.htmlno navegador.
- Estruturação semântica com HTML.
- Criação de layouts responsivos com CSS.
- Introdução à manipulação de DOM com JavaScript.
- Organização de pastas e boas práticas de versionamento.
Este projeto foi desenvolvido para fins educacionais e não possui fins comerciais.