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

Revision 13, 4.0 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
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="outros_dados.html" title="">Outros Dados</a></div>
65                                <div class="item"><a href="morada.html" title="">Morada</a></div>
66                                <div class="item"><a href="certificados.html" 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                                        <div class="floatLeft setMarginRight">
75                                                <label>Códigos PIN</label></br>
76                                                <textarea rows="17" cols="53"></textarea>
77                                        </div>
78                                        <div class="floatLeft">
79                                                <div class="floatLeft">
80                                                        <label>Tipo de código PIN</label></br>
81                                                        <label class="gray">PIN Type</label></br>
82                                                        <input type="text" id="" name="" value="" class="codigoPin"/>
83                                                </div>
84                                                <div class="floatLeft">
85                                                        <label>Identificação do código PIN</label></br>
86                                                        <label class="gray">PIN Id</label></br>
87                                                        <input type="text" id="" name="" value="" class="codigoPin"/>
88                                                </div>
89                                                <div class="clear"></div>
90                                                <label>Estado do código PIN</label></br>
91                                                <label class="gray">PIN Status</label></br>
92                                                <input type="text" id="" name="" value="" class="estadoCodigoPin"/>
93                                                <div class="setMarginTop"></div>
94                                                        <input type="submit" name="" value="Verificar código PIN" class="largeButton setMarginRight">
95                                                        <input type="submit" name="" value="Alterar código PIN" class="largeButton">
96                                        </div>
97                                        <div class="clear"></div>
98                                </form>
99                        </div>
100                </div>
101        </div>
102
103</body>
104</html>
Note: See TracBrowser for help on using the browser.