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

Revision 6, 4.6 KB (checked in by vsilva, 9 years ago)

Initial comit

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