-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
175 lines (146 loc) · 6.96 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="pt-PT">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Verificador de Bilhete de Identidade</title>
<!-- SEO -->
<link rel="shortcut icon" href="assets/image/favicon.ico" type="image/x-icon">
<meta name="author" content="Epifânio Francisco" />
<meta name="description" content="Verifique e consulte os dados do seu bilhete online e a qualquer momento que desejar, apenas com o seu número do Bilhete de Identidade Angolano.">
<meta name="topic" content="Verificador de Dados do Bilhete de Identidade">
<meta name="google-site-verification" content="4LqI9kaaDGk7GZpmMEl8KY1_1mpAgMOnkKF-gbW9qmg" />
<!-- Google tag (gtag.js) | Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YKEHXFDGN3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-YKEHXFDGN3');
</script>
<!-- Styles -->
<link rel="stylesheet" href="src/css/style.css">
<!-- JavaScript-->
<script type="module" src="src/js/index.js" defer></script>
<!-- Font Awesome-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<main>
<div class="principal">
<div class="topo">
<h1>Verificador de Dados do Bilhete de Identidade</h1>
<p>Verifique e consulte os dados do seu bilhete online e a qualquer momento que desejar, apenas com o seu número do seu Bilhete de Identidade Angolano.</p>
<div class="card">
<h2>Verificar Dados do BI</h2>
<form action="#" id="form">
<div class="input-group">
<label for="numero-bi-input">Número do BI</label>
<input type="text" id="numero-bi-input" autofocus>
<span class="error"></span>
</div>
<button type="submit" id="verificar">Verificar</button>
</form>
</div>
</div>
</div>
<div class="bilhetes">
<div class="bi bilhete-frontal">
<div class="imgs">
<img src="assets/image/insignia-angola.png" alt="Insignia de Angola">
<img src="assets/image/mapa-angola.png" alt="Mapa de Angola">
</div>
<div class="bilhete-dados">
<span class="titulo">Nome Completo:</span>
<div class="dados" id="nome-completo">
<span id="primeiro-nome"></span>
<span id="ultimo-nome"></span>
</div>
<span class="titulo">Filiação:</span>
<div class="dados" id="filiacao">
<span id="primeiro-nome-pai"></span>
<span id="ultimo-nome-pai"></span>
</div>
<span class="titulo">e</span>
<div class="dados" id="e-filiacao">
<span id="primeiro-nome-mae"></span>
<span id="ultimo-nome-mae"></span>
</div>
<span class="titulo">Bilhete de Identidade Nº</span>
<div class="dados" id="bilhete-identidade">
<span id="numero-bi"></span>
</div>
</div>
</div>
<div class="bi bilhete-traseiro">
<div class="bilhete-dados">
<div class="dados">
<span class="titulo">Residência:</span>
<span id="endereco-residencia"></span>
<br> <span id="bairro-residencia">SAPÚ II</span>
<br> <span id="municipio-residencia"></span>
</div>
<div class="dados">
<span class="titulo">Natural de:</span>
<span id="municipio-nascimento"></span>
<br> <span id="municipio-nascimento"></span>
</div>
<div class="dados">
<span class="titulo">Província de:</span>
<span id="provincia-nascimento"></span>
</div>
<div class="dados">
<span class="titulo">Data de Nascimento:</span>
<span id="data-nascimento"></span>
</div>
<div class="dados">
<span class="titulo">Sexo:</span>
<span id="sexo"></span>
<span class="titulo">Altura:</span>
<span id="altura">0</span>
</div>
<div class="dados">
<span class="titulo">Estado Civil:</span>
<span id="estado-civil"></span>
</div>
<div class="dados">
<span class="titulo">Emitido em:</span>
<span id="data-emissao"></span>
<span class="titulo">Válido até:</span>
<span id="data-validade"></span>
</div>
<div class="dados">
<span class="titulo">DIRECTOR NACIONAL DE IDENTIFICAÇÃO</span>
<div class="codigo-barra"><img src="assets/image/codigo-barra.png" alt="Código de barras"></div>
</div>
</div>
</div>
</div>
</main>
<footer>
<p>© 2022 - Epifânio Francisco</p>
<div class="social-media">
<ul class="list-social-media">
<a class="link-social-media" href="https://www.facebook.com/ACEDE-105470194242383/"
target="_blank">
<li class="item-social-media">
<i class="fab fa-facebook-f"></i>
</li>
</a>
<a class="link-social-media" href="https://github.com/epifaniofrancisco/verificador-de-bi" target="_blank">
<li class="item-social-media">
<i class="fab fa-github"></i>
</li>
</a>
<a class="link-social-media" href="https://www.linkedin.com/in/epif%C3%A2nio-francisco-3a44741ba/" target="_blank">
<li class="item-social-media">
<i class="fab fa-linkedin"></i>
</li>
</a>
</ul>
</div>
</footer>
</body>
</html>