-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlistado.html
115 lines (95 loc) · 4.4 KB
/
listado.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Application Civil Register - List</title>
<link rel="stylesheet" href="./css/listado.css">
<link rel="shortcut icon" href="./img/favicon.webp" type="image/x-icon">
</head>
<body>
<div id="container">
<h1>Listado</h1>
<div id="cards">
<div class="card">
<!-- Usuario 1 -->
<p class="card-margin-top">ID: 859T</p>
<p><u>Email:</u> [email protected]</p>
<p><u>Full Name:</u> David Goggins Otero</p>
<p><u>Phone Number:</u> 675203124</p>
<p><u>Document Type:</u> Passport/CIF</p>
<p><u>Province:</u> Córdoba</p>
<p><u>Large Family:</u> Yes</p>
<p><u>Actions</u></p>
<p><button class="glass-button">Insert</button>
<button onclick="myFunction()" class="glass-button">Delete</button></p>
</div>
<div class="card">
<!-- Usuario 2 -->
<p class="card-margin-top">ID: 194X</p>
<p><u>Email:</u> [email protected] </p>
<p><u>Full Name:</u> Pedro Ramírez Ramírez</p>
<p><u>Phone Number:</u> 682303284</p>
<p><u>Document Type:</u> NIF/NIE</p>
<p><u>Province:</u> Almería</p>
<p><u>Large Family:</u> Yes</p>
<p><u>Actions</u></p>
<p><button class="glass-button">Insert</button>
<button onclick="myFunction()" class="glass-button">Delete</button></p>
</div>
<div class="card">
<!-- Usuario 3 -->
<p class="card-margin-top">ID: 412U</p>
<p><u>Email:</u> [email protected]</p>
<p><u>Full Name:</u> Álvaro Ramos Márquez</p>
<p><u>Phone Number:</u> 676263133</p>
<p><u>Document Type:</u> NIF/NIE</p>
<p><u>Province:</u> Málaga</p>
<p><u>Large Family:</u> Yes</p>
<p><u>Actions</u></p>
<p><button class="glass-button">Insert</button>
<button onclick="myFunction()" class="glass-button">Delete</button></p>
</div>
<div class="card">
<!-- Usuario 4 -->
<p class="card-margin-top">ID: 841Z</p>
<p><u>Email:</u> [email protected]</p>
<p><u>Full Name:</u> Sara Mullen Márquez</p>
<p><u>Phone Number:</u> 689322823</p>
<p><u>Document Type:</u> NIF/NIE</p>
<p><u>Province:</u> Sevilla</p>
<p><u>Large Family:</u> Yes</p>
<p><u>Actions</u></p>
<p><button class="glass-button">Insert</button>
<button onclick="myFunction()" class="glass-button">Delete</button></p>
</div>
<div class="card">
<!-- Usuario 5 -->
<p class="card-margin-top">ID: 623Y</p>
<p><u>Email:</u> [email protected]</p>
<p><u>Full Name:</u> Abraham Dickson II</p>
<p><u>Phone Number:</u> 658901261</p>
<p><u>Document Type:</u> NIF/NIE</p>
<p><u>Province:</u> Cádiz</p>
<p><u>Large Family:</u> Yes</p>
<p><u>Actions</u></p>
<p><button class="glass-button">Insert</button>
<button onclick="myFunction()" class="glass-button">Delete</button></p>
</div>
<div class="card">
<!-- Usuario 6 -->
<p class="card-margin-top">ID: 512Q</p>
<p><u>Email:</u> almalopezocañ[email protected]</p>
<p><u>Full Name:</u> Alma López Ocaña</p>
<p><u>Phone Number:</u> 674191212</p>
<p><u>Document Type:</u> Passport/CIF</p>
<p><u>Province:</u> Jaén</p>
<p><u>Large Family:</u> Yes</p>
<p><u>Actions</u></p>
<p><button class="glass-button">Insert</button>
<button onclick="myFunction()" class="glass-button">Delete</button></p>
</div>
</div>
</body>
<script src="./js/listado.js"></script>
</html>