Desenvolvimento da imagem e código (html, css e js) de duas telas

Nossa empresa está desenvolvendo um módulo financeiro, e para isso precisamos que seja feito o design (arquivo no formato png ou algum outro também editável) e criar o código html (css, js) de duas telas.

Este trabalho deverá ser feito em etapas. Primeiro é necessário desenvolver o design (imagem) de uma tela e apresentá-lo à nossa empresa. Após aprovação do design pela nossa empresa o profissional deverá seguir para a etapa de geração de código.
Este processo deverá ser seguido para ambas as telas.

Ambas as telas devem ser criadas utilizando o tema Metronic (http://keenthemes.com/preview/metronic/theme/admin_1/index.html) que será disponibilizado no início deste trabalho.

Se necessário poderá ser utilizada a biblioteca JQuery.

É Necessário que o profissional faça comentários no código para que facilite o seu entendimento.

As telas que devem ser criadas são:
- Modal de Conta a Pagar ou Conta a Receber
- Fluxo de Caixa

No documento em anexo estão os requisitos das telas.