Develop HTML, CSS and Javascript

Overview It is a CRM that has usability as its main feature, so it is imperative that the html and css are perfectly reproduced. Some subscreens are marked with a red square. Total of 17 main screens and 19 variations. Technology - Responsive - CSS 3 - HTML 5 - Javascript Forms - On / off, checkbok, radio button stylized with css - Do not use select input. On filters and selections, use javascript, to show new content and screens as well as in the corrector image (07 - desk - [login to view URL]) - Use datapicker for date selection About the project - CSS avatars (with initials) - Tablet follows is similar to mobile, showing only the same things - Do not use images anywhere in the project, only SVG (Logo and icons) - Lines at the background of the header please disregard eg: "01 - desk - home-pa" - Filters on mobile always 100% width as (06 - desk - filtro-data) - In some cases on mobile, the option appears to click on the down arrow to see more according to the file (admin 02 - mob - pedidos) - Set Mouse Over, PlaceHolder, of Header Items as (nav) - Set Menu Mouse Over (Linke in layout "Meus Dados, Meus Pedidos, Configurações" etc ...) Always with blue rounded corners as layout - Set Mouse Over where there are gray icons to blue icons eg Whatsapp, phone, message icons - The other links (Texts in blue with the exception of the header in the yellow part) receive underline as mouse over. - Pay attention to the active state in the filter buttons Screens in "[login to view URL]" - Login (00 - desk - [login to view URL]) - home first access (01 - desk - home-pa) - - - - home alerts (01 1 - desk - alertas) - - - - home search (01 2 - desk - busca) - - - - home menu (01 3 - desk - menu) - home (02 - desk - home) - Contacts - Make JS and CSS the option to open and close a contact, as well as the 4th contact (05 - desk - contatos) - - - - Negative Option (05 2 - desk - contatos) - - - - Data Filter (06 - desk - filtro-data) - - - - Custom Date Filter (07 - desk - filtro-personalizado) - - - - Status Filter (08 - desk - filtro-status) - - - - Other Filters (09 - desk - filtro-outros) - - - - Mass Action (10 - desk - acao-em-massa) Desktop only - Add Contact (03 - desk - adicionar-contato) Desktop only - Internal Contact (11 - desk - contatos-interna) - - - - Edit Filter Activities (12 - filtro) - - - - Edit Basic Data (13 - desk - editar-dados-basicos) Desktop only - - - - Edit Company Data (14 - desk - dados-da-empresa) Desktop only - - - - Edit Location (15 - desk - localizacao) Desktop only - - - - Edit Social Networks (16 - desk - redes-sociais) Desktop only - - - - Edit Source (17 - desk - origem) Desktop only - - - - Edit Task (18 - desk - editar-tarefa) Desktop only - - - - Edit Task Data Picker (19 - desk - editar-tarefa-data-picker) Desktop only - - - - Edit Comment (20 - desk - editar-comentario) Desktop only - - - - Contact added (05 - desk - adicionar-contato) Desktop only - My Data (21 - desk - meus-dados-com-gestor) - My Orders (22 - desk - meus-pedidos) - Settings (23 - desk - configuracao-sem-gestor) Desktop only - Users (24 - desk - usuarios) - Internal User (25 - desk - usuario-interna) - Add User (desk - 19 - adicionar-usuarios) Desktop only - Admin Home (admin 01 - desk - home) - Orders (admin 02 - desk - pedidos) - Contacts Queue (admin 03 - desk - fila-de-contatos) - Campaigns (admin 04 - desk - campanhas) - Settings (admin 05 - configuracoes) Desktop only