-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpaciente.html
139 lines (138 loc) · 5.91 KB
/
paciente.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
<!DOCTYPE html>
<html lang="pt-BR">
<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" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="dashboard.css" />
<link rel="stylesheet" href="paciente.css" />
<title>Projeto Nutripuc</title>
</head>
<body>
<header class="">
<a id="home" href="/"><img class="logo" src="./assets/logo166x156.png" alt="Logo" /></a>
<img
src="https://mdbcdn.b-cdn.net/img/new/avatars/4.webp"
class="rounded-circle"
style="width: 80px; margin: 10px"
alt="Avatar"
/>
</header>
<div class="nav-breadcrumb">
<nav
style="
--bs-breadcrumb-divider: url(
"data:image/svg + xml,
%3Csvgxmlns='http://www.w3.org/2000/svg'width='8'height='8'%3E%3Cpathd='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z'fill='currentColor'/%3E%3C/svg%3E"
);
"
aria-label="breadcrumb"
>
<ol class="breadcrumb">
<li class="breadcrumb-item active"><a href="paciente.html">Dashboard</a></li>
</ol>
</nav>
</div>
<section class="resumo-paciente">
<img
src="https://mdbcdn.b-cdn.net/img/new/avatars/4.webp"
class="rounded-circle"
style="width: 80px; margin: 10px"
alt="Avatar"
/>
<div>
<h5 class="username">Natasha Romanoff</h5>
<div>
<span>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
style="width: 24px"
class="w-6 h-6"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z"
/>
</svg>
Paciente desde <span class="userRegisterDate"> jan/22</span></span
>
<span>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
style="width: 24px"
class="w-6 h-6"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M12 8.25v-1.5m0 1.5c-1.355 0-2.697.056-4.024.166C6.845 8.51 6 9.473 6 10.608v2.513m6-4.87c1.355 0 2.697.055 4.024.165C17.155 8.51 18 9.473 18 10.608v2.513m-3-4.87v-1.5m-6 1.5v-1.5m12 9.75l-1.5.75a3.354 3.354 0 01-3 0 3.354 3.354 0 00-3 0 3.354 3.354 0 01-3 0 3.354 3.354 0 00-3 0 3.354 3.354 0 01-3 0L3 16.5m15-3.38a48.474 48.474 0 00-6-.37c-2.032 0-4.034.125-6 .37m12 0c.39.049.777.102 1.163.16 1.07.16 1.837 1.094 1.837 2.175v5.17c0 .62-.504 1.124-1.125 1.124H4.125A1.125 1.125 0 013 20.625v-5.17c0-1.08.768-2.014 1.837-2.174A47.78 47.78 0 016 13.12M12.265 3.11a.375.375 0 11-.53 0L12 2.845l.265.265zm-3 0a.375.375 0 11-.53 0L9 2.845l.265.265zm6 0a.375.375 0 11-.53 0L15 2.845l.265.265z"
/>
</svg>
Aniversário em <span class="userBirthDate">12/11</span>
</span>
</div>
</div>
</section>
<main class="container">
<div class="row my-5">
<div class="col">
<a class="custom-btn dashboard-btn">Informações Cadastrais</a>
<a class="custom-btn dashboard-btn">Receitas</a>
<a class="custom-btn dashboard-btn">Lista de Compras</a>
</div>
<div class="col">
<a class="custom-btn dashboard-btn">Plano Alimentar</a>
<a class="custom-btn dashboard-btn">Prescrições</a>
<a class="custom-btn dashboard-btn">Evolução</a>
</div>
</div>
</main>
<footer id="contact">
<div class="container-logo">
<a href="#home">
<img class="logo" src="./assets/logo166x156.png" alt="Logo" />
</a>
</div>
<div class="footer-right">
<div class="info">
<h4>Contato</h4>
<p>Grupo 02, PUC Minas</p>
<span><img src="./assets/🦆 icon _gmail_.png" alt="gmail" /></span>
<span><img src="./assets/🦆 icon _whatsapp_.png" alt="whatsapp" /></span>
</div>
<div class="social">
<h4>Redes Sociais</h4>
<span><img src="./assets/🦆 icon _instagram_.png" alt="instagram" /></span>
<span><img src="./assets/🦆 icon _twitter_.png" alt="twitter" /></span>
<span><img src="./assets/🦆 icon _facebook_.png" alt="facebook" /></span>
<span><img src="./assets/🦆 icon _linkedin_.png" alt="linkedin" /></span>
<span><img src="./assets/🦆 icon _youtube_.png" alt="youtube" /></span>
</div>
</div>
</footer>
<script
defer
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
crossorigin="anonymous"
></script>
<script src="./script.js"></script>
<script src="./paciente.js"></script>
</body>
</html>