Criar um template responsivo com: HTML, SCSS e jQuery

Site e aplicativos

  • Status do projeto

    Concluído
  • Interessado

    7
  • Postado em

  • Localização

    O projeto pode ser concluído remotamente
  • Orçamento

    R$ 50 - R$ 1.000
  • Depósito pago

    R$ 0,00
  • Bônus total por indicação

    R$ 20,00
  • Na contratação

    R$ 20,00
  • postado por

    Felipe

Descrição do Projeto

O template é de um relatório onde serão disponibilizadas imagens, textos, vídeos e áudios. Deverá ser desenvolvido um template responsivo igual ao layout, utilizando as bibliotecas disponíveis e separar os arquivos em arquivos diferentes o HTML, CSS e JS.

Requisitos:
- O template deve ser fielmente igual ao layout, tanto em medidas quanto em cores. O layout será disponibilizado em um arquivo XD (Adobe XD) que contém todas as medidas e cores que deverão ser utilizadas no template.
- Os arquivos CSS devem ser escritos utilizando a syntax Sass/SCSS.
- É preferível que seja utilizado "CSS Flexbox" para um layout responsivo.
- Os arquivos de CSS, JS, imagens e ícones devem ser separados em diferentes diretórios.
- Imagens e ícones devem ser utilizados em formato SVG;
- Como responsivo, a versão mobile deve disponibilizar as informações em uma única coluna.
- Para adicionar os itens em "Fotos e observações" deverá ser disponibilizada uma action que receba como parâmetro um objeto, onde deve ser conferido se há imagem, áudio, texto e com isso adicionada à lista.
- Se necessário o uso de bibliotecas para visualizar imagens, player de áudio e grid de imagens, deve-se utilizar somente as disponíveis na lista abaixo.

Bibliotecas à serem utilizadas:
- jQuery (************);
- Bootstrap v4.0.0 (************);
- Viewer.js (************);
- Gridify (************);
- Plyr (************);

Freelancers interessados

    {{ item.displayName }} {{ item.displayName }}

    {{ item.displayDisciplines }}

    • {{ item.hourlyRate || '-' }} por hora
    • {{ item.cityName }}
      {{ item.stateName }}, {{ item.countryName }}
    • {{ item.nrSharedConnections }} conexões compartilhadas

Nenhum freelancer interessado ainda

Operação falhou!
Por favor, tente novamente mais tarde. Se o problema persistir entre em contato com o suporte.