Passar de PSD para HTML5/CSS3 utilizando Sass.
Enviar para este projeto os trabalhos já realizados para avaliação de CSS que foi feito.
Só será aceito o profissional já tiver experiência em:
#1 Sass
#2 CSS3
#3 HTML5
# design responsivo(desktop,mobile,tablet)
# qualidade
# experiencia em efeitos e transições.
#ENVIAR quais os trabalhos já fez para comprovar experiencia.
###
Site do estilo do
www.geru.com.br , deve ter efeitos com a mesma qualidade, scroll da esquerda a cada ‘slide'.
Todas as paginas devem ser validadas na resolução mobile, 990px, e 1400px sem qualquer bug, ou “desalinhamentos".
Todas as paginas devem ser idênticas ao do jpg enviados, posteriormente após aprovado irei enviar os PSD.
Todos os inputs devem ter uma classe no "on focus” para ficar mais escuro quando ele estiver sendo editado.
Enviar o prazo e valor total, prazo deve ser enviado separado por páginas.
Paginas para este serviço:
Home:
1. Qualidade é prioridade sem qualidade o projeto não será aprovado.
2. São 8 etapas.
3. Todos os formulários devem ser validados
4. O slide entre uma etapa e outra deve ser igual ou melhor que do
GERU.com.br(suave sem travadas tanto no mobile como no desktop)
5. Box de login deve ter efeito com qualidade
6.
Nossos parceiros, deve ser um slide suave.
7. O mobile deve enquadrado para a setas ficarem corretas em relação ao celular: exemplo GERU:
https://www.dropbox.com/s/go74rdsjnb97xdw/Captura%20de%20tela%202017-05-11%2023.11.31.png?dl=0
Interna:
1. Quando o usuário clicar no "Alterar” os campos devem virar inputs para edição com validação já configurada.
2.
Deve ter o funcionar o evento do "on mouse hover”
a. (Está no banco bradesco)
3. Ao clicar no “Despesas " deve descer o conteúdo com um slide suave.
Nada de travamentos.
4. Página interna de mobile, na parte dos banco a coluna “banco” fica travada, e as 2 com os bancos se movem para esquerda e direita com o dedo do usuário.
a.
https://www.dropbox.com/s/agdte6kbs6fjam3/Captura%20de%20tela%202017-05-11%2023.26.29.png?dl=0
Contrato:
1. A tabela “Simulação” "Aprovação de Crédito” "Formalização da proposta" “Assinatura do contrato”, deve ter uma classe CSS que deve aceitar 0 à 100% de acordo com o necessário, ou seja, se for colocado 35% deve ficar 35% preenchida, se for colocado 90% deve ficar 90% preenchida, se for 100% ficar completa.
2. O usuário ao clicar em Avisos, deve ter um scroll com qualidade mostrando mas nao deve ficar esse espaço que foi deixado no layout (em branco) deve ficar colado ao box azul.
3. O botão “adicionar mais um contribuiente" deve duplicar o box com as informações;
https://www.dropbox.com/s/3nsyf6fuqe3nv4j/Captura%20de%20tela%202017-05-11%2023.19.25.png?dl=0
4. Caso clicar na lixeira, essas informações devem ser apagas, e este form deve ser validado.
5. Envio de documentos deve ter todas as classes conforme já no layout quando o usuário clicar estes são "inputs do tipo “file”" para upload de arquivos.
6. E conforme o usuário adiciona um novo contribuinte deve adicionar o “1 pessoa” "2 pessoa" e etc, caso clique 3 x, são 3 pessoas.
E se apagar seria 2 pessoas.
Contrato Corretor:
1. Mesmas opções do contrato acima.
2. Somente o box a mais cinza que é extra nesta páginaa.
a.
https://www.dropbox.com/s/lu4xu8dnk1ca306/Captura%20de%20tela%202017-05-11%2023.22.24.png?dl=0
Prazo de Entrega: 21 de Maio de 2017