Templates

Template Nova

site-nova/
├── index.html · about.html · services.html · service-single.html
├── portfolio.html · portfolio-single.html · contact.html
├── shop.html · product-single.html · cart.html · checkout.html
├── blog.html · blog-single.html · faq.html
├── login.html · register.html · dashboard.html
├── privacy.html · terms.html · 404.html
└── assets/css/style.css · assets/js/main.js

  • HTML5, Bootstrap 5.3 (grid responsivo para celular, tablet e desktop), Bootstrap Icons, fonte Inter e jQuery 3.7. Tudo vem de CDN, então precisa de internet para abrir. Tecnologia
  • paleta azul-petróleo e âmbar, menu fixo que vira hambúrguer no celular, botão de voltar ao topo e aviso de cookies com link para a Política de Privacidade. Visual
  • as cores estão em variáveis no topo do style.css (--brand, --ink, --amber). Troque o nome “Nova” e os dados da empresa direto nos HTMLs. Cores e identidade
  • o main.js cuida da validação dos formulários, filtros da loja (busca e preço) e do portfólio, galeria do produto, cálculo do carrinho e contador do carrinho no menu. Interatividade
  • o formulário de contato exige consentimento com link para a política, e o mapa é um Google Maps embutido, sem chave de API. Para mudar o endereço, edite o ?q= na URL do iframe. Contato e LGPD
  • Alguns pontos para ajustar antes de publicar
  • são só simulados no navegador. Para enviar de verdade (contato, login, cadastro, checkout) você vai precisar ligar a um back-end. Formulários
  • as imagens são de exemplo (picsum.photos) e os textos são provisórios. Imagens e textos
  • estão repetidos em cada página, então uma mudança neles precisa ser feita em todos os arquivos (ou transformada em include se você usar PHP). Menu e rodapé
  • a Política de Privacidade e os Termos de Uso são um modelo com a estrutura da LGPD e do CDC. Peça a um advogado para revisar antes de publicar. Textos jurídicos