root/middleware-online/trunk/webapp/src/main/webapp/templates/id_civil.html @ 13

Revision 13, 4.8 KB (checked in by vsilva, 9 years ago)

Some improvements on error control and support more platforms
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
2<html>
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5<link href="../css/main.css" rel="stylesheet" media="screen" />
6</head>
7<body>
8
9        <div id="container">
10                <div id="header">
11                        <div id="title">Cartão de Cidadão</div>
12                        <div id="menu">
13                                <ul id="navlist">
14                                        <li>
15                                                <img src="../images/menuicon_cartao.png" alt="" class="icon"/>
16                                                <img src="../images/menuicon_seta.png" alt="" class="seta"/>
17                                                Cartão
18                                        </li>
19                                        <li class="menu_separador"><img src="../images/separador_menu.jpg"></li>
20                                        <li>
21                                                <img src="../images/menuicon_ferramentas.png" alt="" class="icon"/>
22                                                <img src="../images/menuicon_seta.png" alt="" class="seta"/>
23                                                Ferramentas</li>
24                                        <li class="menu_separador"><img src="../images/separador_menu.jpg"></li>
25                                        <li>
26                                                <img src="../images/menuicon_assinaturas.png" alt="" class="icon"/>
27                                                <img src="../images/menuicon_seta.png" alt="" class="seta"/>
28                                                Assinatura Digital
29                                                <ul>
30                                                        <li><a href="" title="">&raquo; Assinar Documento</a></li>
31                                                        <li><a href="" title="">&raquo; Assinar múltiplos Documentos</a></li>
32                                                        <li class="submenu_separador"><img src="../images/separador_submenu.jpg"></li>
33                                                        <li><a href="" title="">&raquo; Verificar Assinaturas</a></li>
34                                                </ul>
35                                        </li>
36                                        <li class="menu_separador"><img src="../images/separador_menu.jpg"></li>
37                                        <li>
38                                                <img src="../images/menuicon_idioma.png" alt="" class="icon"/>
39                                                <img src="../images/menuicon_seta.png" alt="" class="seta"/>
40                                                Idioma
41                                                <ul>
42                                                        <li><a href="" title="">&raquo; English</a></li>
43                                                        <li><a href="" title="">&raquo; Português</a></li>
44                                                </ul>
45                                        </li>
46                                        <li class="menu_separador"><img src="../images/separador_menu.jpg"></li>
47                                        <li>
48                                                <img src="../images/menuicon_ajuda.png" alt="" class="icon"/>
49                                                <img src="../images/menuicon_seta.png" alt="" class="seta"/>
50                                                Ajuda
51                                        </li>
52                                        <li class="menu_separador"><img src="../images/separador_menu.jpg"></li>
53                                        <li>
54                                                <img src="../images/menuicon_zoom.png" alt="" class="icon"/>
55                                                <img src="../images/menuicon_seta.png" alt="" class="seta"/>
56                                                Zoom
57                                        </li>
58                                </ul>
59
60                        </div>
61                        <div id="menu_2level">
62                                <div class="item"><a href="id_civil.html" title="">Identificação Civil</a></div>
63                                <div class="item"><a href="outros_dados.html" title="">Outros Dados</a></div>
64                                <div class="item"><a href="morada.html" title="">Morada</a></div>
65                                <div class="item"><a href="certificados.html" title="">Certificados</a></div>
66                                <div class="item"><a href="codigos_pin.html" title="">Códigos PIN</a></div>
67                                <div class="item"><a href="bloco_notas.html" title="">Bloco de Notas</a></div>
68                        </div>
69                </div>
70                <div id="content">
71                        <div id="center_content">
72                                <form action="" method="">
73                                        <label>Apelido[s] / Surname</label></br>
74                                        <input type="text" id="" name="" value="" class="apelido"/></br>
75                                        <label>Nome[s] / Given Name</label></br>
76                                        <input type="text" id="" name="" value="" class="nome"/></br>
77                                        <div class="floatLeft">
78                                                <label>Sexo</label></br>
79                                                <label class="gray">Sex</label></br>
80                                                <input type="text" id="" name="" value="" class="sexo"/>
81                                        </div>
82                                        <div class="floatLeft">
83                                                <label>Altura</label></br>
84                                                <label class="gray">Height</label></br>
85                                                <input type="text" id="" name="" value="" class="altura"/>
86                                        </div>
87                                        <div class="floatLeft">
88                                                <label>Nacionalidade</label></br>
89                                                <label class="gray">Nacionality</label></br>
90                                                <input type="text" id="" name="" value="" class="nacionalidade"/>
91                                        </div>
92                                        <div class="floatLeft">
93                                                <label>Data de Nascimento</label></br>
94                                                <label class="gray">Date of Birth</label></br>
95                                                <input type="text" id="" name="" value="" class="dataNascimento"/>
96                                        </div>
97                                        <div class="clear"></div>
98                                        <div class="floatLeft">
99                                                <label>Nº de Documento</label></br>
100                                                <label class="gray">Document nº</label></br>
101                                                <input type="text" id="" name="" value="" class="nDocumento"/>
102                                        </div>
103                                        <div class="floatLeft">
104                                                <label>Data de Validade</label></br>
105                                                <label class="gray">Expiry Date</label></br>
106                                                <input type="text" id="" name="" value="" class="dataValidade"/>
107                                        </div>
108                                        <div class="clear"></div>
109                                        <div class="floatLeft">
110                                                <label>Filiação / Parents</label><br>
111                                                <input type="text" id="" name="" value="" class="filiacao"/></br>
112                                                <input type="text" id="" name="" value="" class="filiacao"/></br>
113                                        </div>
114                                        <div class="clear"></div>
115                                        <div class="floatLeft">
116                                                <label>Indicações Eventuais / Notes</label><br>
117                                                <textarea cols="53" rows="5" name=""></textarea>
118                                        </div>
119                                </form>
120                        </div>
121                </div>
122        </div>
123
124</body>
125</html>
Note: See TracBrowser for help on using the browser.