Requisitos:
========> O objetivo é recodificar as páginas como arquivos html e css estáticos, otimizados e independentes de fornecedores comerciais. Os modelos no Elementor devem ser usados apenas como referência visual:
O código final não deve conter nenhuma dependência das folhas de estilo (css) e scripts (javascript) do plugin (free ou comercial) e nem reutilizar nomes de classes do plugin (resumindo: não se trata de pegar a página do cache do WP e fazer copy/paste).
========> Não utilizar frameworks css (ou js) como Bootstrap, Foundation, etc. Definir todo o layout de forma responsiva com CSS moderno: grids e flexbox, evitando 'floats' e demais
'workarounds' obsoletos de posicionamento.
========> Javascript: evitar, se possível. Justificar e validar conosco se considerar absolutamente inevitável em casos específicos. Nestes casos: usar javascript puro, moderno (ES6, ES7), sem jQuery ou
bibliotecas e frameworks pesados.
========> Ferramentas de build, transpiler e empacotamento: usamos npm, yarn, Webpack e Babel. Favor validar conosco se achar necessário o uso de alguma outra ferramenta. Aceitável o uso de
Sass, a seu critério, mas o que validaremos será o código css final gerado.
Todo o código deverá ser fornecido aberto (sem minificação, spliting, etc) ms deverá permancer funcional após
minificação.
========> Referência para estilo de codificação:
https://google.github.io/styleguide/htmlcssguide.html;
========> Validação de html:
https://validator.w3.org/,
https://jigsaw.w3.org/css-validator/.
========> Otimização: css inline apenas para conteúdo de 1a dobra (critical path) em desktop, tablet e mobile, de acordo com
https://web.dev/extract-critical-css/. Utilizar lazy load nas imagens, defer e async em arquivos externos. Otimização de servidor e imagens serão de nossa responsabilidade.
Mas todas as imagens devem ter o campo alt devidamente preenchido e devem ter comportamento responsivo (damos preferência ao uso de 'srcset' para especificação de tamanhos).
Prazo de Entrega: Não estabelecido