Hugging Face's logo

Spaces:
minhwai
/
pikachu_therapy
Sleeping

App Files Community
minhwai commited on
Commit
3339ed0
•
1 Parent(s): f693b6e

Upload 3 files

Browse files
Files changed (3) hide show
  1. logo.png +0 -0
  2. page1.html +167 -0
  3. page2.html +135 -0
logo.png ADDED
page1.html ADDED
@@ -0,0 +1,167 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <html>
2
+ <head>
3
+ <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="" />
4
+ <link
5
+ rel="stylesheet"
6
+ as="style"
7
+ onload="this.rel='stylesheet'"
8
+ href="https://fonts.googleapis.com/css2?display=swap&amp;family=Noto+Sans%3Awght%40400%3B500%3B700%3B900&amp;family=Plus+Jakarta+Sans%3Awght%40400%3B500%3B700%3B800"
9
+ />
10
+
11
+ <title>Galileo Design</title>
12
+ <link rel="icon" type="image/x-icon" href="data:image/x-icon;base64," />
13
+
14
+ <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
15
+ </head>
16
+ <body>
17
+ <div
18
+ class="relative flex size-full min-h-screen bg-[#FFFFFF] group/design-root overflow-x-hidden"
19
+ style='--checkbox-tick-svg: url(&apos;data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27rgb(255,255,255)%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e&apos;); font-family: "Plus Jakarta Sans", "Noto Sans", sans-serif;'
20
+ >
21
+ <div class="layout-container flex h-full grow flex-col">
22
+ <header class="flex items-center justify-between whitespace-nowrap border-b border-solid border-b-[#F4EFE6] px-10 py-3">
23
+ <div class="flex items-center gap-4 text-[#1C160C]">
24
+ <div class="size-4" style='background-image: url("./logo.png"); background-size: cover;'></div>
25
+ <h2 class="text-[#1C160C] text-lg font-bold leading-tight tracking-[-0.015em]">Pikachu Therapy</h2>
26
+ </div>
27
+ <div class="flex flex-1 justify-end gap-8">
28
+ <div class="flex items-center gap-9">
29
+ <!-- <a class="text-[#1C160C] text-sm font-medium leading-normal hover:text-[#A18249]" href="#">Dashboard</a>
30
+ <a class="text-[#1C160C] text-sm font-medium leading-normal hover:text-[#A18249]" href="#">Patient Records</a> -->
31
+ <a class="text-[#1C160C] text-sm font-medium leading-normal hover:text-[#A18249]" href="page1.html">Dashboard</a>
32
+ <a class="text-[#1C160C] text-sm font-medium leading-normal hover:text-[#A18249]" href="page2.html">Patient Records</a>
33
+ </div>
34
+ <div
35
+ class="bg-center bg-no-repeat aspect-square bg-cover rounded-full size-10"
36
+ style='background-image: url("https://cdn.usegalileo.ai/stability/0d34b163-8777-46b0-a8e7-c1907d4f7f95.png");'
37
+ ></div>
38
+ </div>
39
+ </header>
40
+ <div class="flex flex-1">
41
+ <div class="layout-content-container flex flex-col w-[240px] flex-none px-6 py-5">
42
+ <div class="flex h-full min-h-[500px] flex-col justify-between bg-[#FFFFFF] p-4">
43
+ <div class="flex flex-col gap-4">
44
+ <div class="flex gap-3">
45
+ <div
46
+ class="bg-center bg-no-repeat aspect-square bg-cover rounded-full size-10"
47
+ style='background-image: url("https://cdn.usegalileo.ai/stability/b1ac6a7f-e08f-4831-93e4-20e61e202c08.png");'
48
+ ></div>
49
+ <div class="flex flex-col">
50
+ <h1 class="text-[#1C160C] text-base font-medium leading-normal">Patient</h1>
51
+ <p class="text-[#A18249] text-sm font-normal leading-normal">Hyeri Cho</p>
52
+ </div>
53
+ </div>
54
+ <div class="flex flex-col gap-2">
55
+ <div class="flex items-center gap-3 px-3 py-2 rounded-full bg-[#F4EFE6]">
56
+ <div class="text-[#1C160C]" data-icon="Gauge" data-size="24px" data-weight="fill">
57
+ <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="currentColor" viewBox="0 0 256 256">
58
+ <path
59
+ d="M240,160v24a16,16,0,0,1-16,16H115.93a4,4,0,0,1-3.24-6.35L174.27,109a8.21,8.21,0,0,0-1.37-11.3,8,8,0,0,0-11.37,1.61l-72,99.06A4,4,0,0,1,86.25,200H32a16,16,0,0,1-16-16V161.13c0-1.79,0-3.57.13-5.33a4,4,0,0,1,4-3.8H48a8,8,0,0,0,8-8.53A8.17,8.17,0,0,0,47.73,136H23.92a4,4,0,0,1-3.87-5c12-43.84,49.66-77.13,95.52-82.28a4,4,0,0,1,4.43,4V80a8,8,0,0,0,8.53,8A8.17,8.17,0,0,0,136,79.73V52.67a4,4,0,0,1,4.43-4A112.18,112.18,0,0,1,236.23,131a4,4,0,0,1-3.88,5H208.27a8.17,8.17,0,0,0-8.25,7.47,8,8,0,0,0,8,8.53h27.92a4,4,0,0,1,4,3.86C240,157.23,240,158.61,240,160Z"
60
+ ></path>
61
+ </svg>
62
+ </div>
63
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">Dashboard</p>
64
+ </div>
65
+ <div class="flex items-center gap-3 px-3 py-2">
66
+ <div class="text-[#1C160C]" data-icon="File" data-size="24px" data-weight="regular">
67
+ <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="currentColor" viewBox="0 0 256 256">
68
+ <path
69
+ d="M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Z"
70
+ ></path>
71
+ </svg>
72
+ </div>
73
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">Patient Records</p>
74
+ </div>
75
+ </div>
76
+ </div>
77
+ </div>
78
+ </div>
79
+ <div class="layout-content-container flex flex-col flex-1 px-10 py-5">
80
+ <div class="grid grid-cols-1 gap-6 md:grid-cols-3">
81
+ <div class="flex min-w-72 flex-1 flex-col gap-2">
82
+ <p class="text-[#1C160C] text-base font-medium leading-normal">Appetite Suppression</p>
83
+ <p class="text-[#1C160C] tracking-light text-[32px] font-bold leading-tight truncate">-1000 points </p>
84
+ <div class="flex gap-1">
85
+ <p class="text-[#A18249] text-base font-normal leading-normal">total AS</p>
86
+ <p class="text-[#019863] text-base font-medium leading-normal">-50 points</p>
87
+ </div>
88
+ <div class="grid min-h-[180px] grid-flow-col gap-6 grid-rows-[1fr_auto] items-end justify-items-center px-3">
89
+ <div class="border-[#A18249] bg-[#F4EFE6] border-t-2 w-full" style="height: 100%;"></div>
90
+ <p class="text-[#A18249] text-[13px] font-bold leading-normal tracking-[0.015em]">Before</p>
91
+ <div class="border-[#A18249] bg-[#F4EFE6] border-t-2 w-full" style="height: 50%;"></div>
92
+ <p class="text-[#A18249] text-[13px] font-bold leading-normal tracking-[0.015em]">After</p>
93
+ </div>
94
+ </div>
95
+ <div class="flex min-w-72 flex-1 flex-col gap-2">
96
+ <p class="text-[#1C160C] text-base font-medium leading-normal">Average Effect</p>
97
+ <p class="text-[#1C160C] tracking-light text-[32px] font-bold leading-tight truncate">29.3%</p>
98
+ <div class="flex gap-1">
99
+ <p class="text-[#A18249] text-base font-normal leading-normal">7 times</p>
100
+ <p class="text-[#C12929] text-base font-medium leading-normal">-205%</p>
101
+ </div>
102
+ <div class="grid min-h-[180px] grid-flow-col gap-6 grid-rows-[1fr_auto] items-end justify-items-center px-3">
103
+ <div class="border-[#A18249] bg-[#F4EFE6] border-t-2 w-full" style="height: 50%;"></div>
104
+ <p class="text-[#A18249] text-[13px] font-bold leading-normal tracking-[0.015em]">1</p>
105
+ <div class="border-[#A18249] bg-[#F4EFE6] border-t-2 w-full" style="height: 40%;"></div>
106
+ <p class="text-[#A18249] text-[13px] font-bold leading-normal tracking-[0.015em]">2</p>
107
+ <div class="border-[#A18249] bg-[#F4EFE6] border-t-2 w-full" style="height: 30%;"></div>
108
+ <p class="text-[#A18249] text-[13px] font-bold leading-normal tracking-[0.015em]">3</p>
109
+ <div class="border-[#A18249] bg-[#F4EFE6] border-t-2 w-full" style="height: 10%;"></div>
110
+ <p class="text-[#A18249] text-[13px] font-bold leading-normal tracking-[0.015em]">4</p>
111
+ <div class="border-[#A18249] bg-[#F4EFE6] border-t-2 w-full" style="height: 10%;"></div>
112
+ <p class="text-[#A18249] text-[13px] font-bold leading-normal tracking-[0.015em]">5</p>
113
+ <div class="border-[#A18249] bg-[#F4EFE6] border-t-2 w-full" style="height: 30%;"></div>
114
+ <p class="text-[#A18249] text-[13px] font-bold leading-normal tracking-[0.015em]">6</p>
115
+ <div class="border-[#A18249] bg-[#F4EFE6] border-t-2 w-full" style="height: 35%;"></div>
116
+ <p class="text-[#A18249] text-[13px] font-bold leading-normal tracking-[0.015em]">7</p>
117
+ </div>
118
+ </div>
119
+ <div class="flex min-w-72 flex-1 flex-col gap-2">
120
+ <p class="text-[#1C160C] text-base font-medium leading-normal">BMI variance index</p>
121
+ <p class="text-[#1C160C] tracking-light text-[32px] font-bold leading-tight truncate">7kg/m^2</p>
122
+ <div class="flex gap-1">
123
+ <p class="text-[#A18249] text-base font-normal leading-normal">Weekly Average</p>
124
+ <p class="text-[#019863] text-base font-medium leading-normal">-5%</p>
125
+ </div>
126
+ <div class="flex min-h-[180px] flex-1 flex-col gap-8 py-4">
127
+ <svg width="100%" height="148" viewBox="-3 0 478 150" fill="none" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none">
128
+ <path
129
+ d="M0 30 L50 40 L100 50 L150 60 L200 70 L250 80 L300 90 L350 100 L400 110 L450 120 L472 130 V149 H0 Z"
130
+ fill="url(#paint0_linear_1131_5935)"
131
+ ></path>
132
+ <path
133
+ d="M0 30 L50 40 L100 50 L150 60 L200 70 L250 80 L300 90 L350 100 L400 110 L450 120 L472 130"
134
+ stroke="#A18249"
135
+ stroke-width="3"
136
+ stroke-linecap="round"
137
+ ></path>
138
+ <defs>
139
+ <linearGradient id="paint0_linear_1131_5935" x1="236" y1="1" x2="236" y2="149" gradientUnits="userSpaceOnUse">
140
+ <stop stop-color="#F4EFE6"></stop>
141
+ <stop offset="1" stop-color="#F4EFE6" stop-opacity="0"></stop>
142
+ </linearGradient>
143
+ </defs>
144
+ </svg>
145
+
146
+
147
+ <div class="flex justify-around">
148
+ <p class="text-[#A18249] text-[13px] font-bold leading-normal tracking-[0.015em]">Week 1</p>
149
+ <p class="text-[#A18249] text-[13px] font-bold leading-normal tracking-[0.015em]">Week 2</p>
150
+ <p class="text-[#A18249] text-[13px] font-bold leading-normal tracking-[0.015em]">Week 3</p>
151
+ <p class="text-[#A18249] text-[13px] font-bold leading-normal tracking-[0.015em]">Week 4</p>
152
+ </div>
153
+ </div>
154
+ </div>
155
+ </div>
156
+ <!-- <footer class="flex flex-col gap-6 px-5 py-10 text-center @container">
157
+ <p class="text-[#A18249] text-base font-normal leading-normal">Copyright 2024 Pikachu Therapy</p>
158
+ </footer> -->
159
+ </div>
160
+ </div>
161
+ </div>
162
+ </div>
163
+ <footer class="flex flex-col gap-6 px-5 py-10 text-center @container">
164
+ <p class="text-[#A18249] text-base font-normal leading-normal">Copyright 2024 Pikachu Therapy</p>
165
+ </footer>
166
+ </body>
167
+ </html>
page2.html ADDED
@@ -0,0 +1,135 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <html>
2
+ <head>
3
+ <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="" />
4
+ <link
5
+ rel="stylesheet"
6
+ as="style"
7
+ onload="this.rel='stylesheet'"
8
+ href="https://fonts.googleapis.com/css2?display=swap&amp;family=Noto+Sans%3Awght%40400%3B500%3B700%3B900&amp;family=Plus+Jakarta+Sans%3Awght%40400%3B500%3B700%3B800"
9
+ />
10
+
11
+ <title>Galileo Design</title>
12
+ <link rel="icon" type="image/x-icon" href="data:image/x-icon;base64," />
13
+
14
+ <script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
15
+ </head>
16
+ <body>
17
+ <div
18
+ class="relative flex size-full min-h-screen bg-[#FFFFFF] group/design-root overflow-x-hidden"
19
+ style='--checkbox-tick-svg: url(&apos;data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27rgb(255,255,255)%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z%27/%3e%3c/svg%3e&apos;); font-family: "Plus Jakarta Sans", "Noto Sans", sans-serif;'
20
+ >
21
+ <div class="layout-container flex h-full grow flex-col">
22
+ <header class="flex items-center justify-between whitespace-nowrap border-b border-solid border-b-[#F4EFE6] px-10 py-3">
23
+ <div class="flex items-center gap-4 text-[#1C160C]">
24
+ <div class="size-4" style='background-image: url("./logo.png"); background-size: cover;'></div>
25
+ <h2 class="text-[#1C160C] text-lg font-bold leading-tight tracking-[-0.015em]">Pikachu Therapy</h2>
26
+ </div>
27
+ <div class="flex flex-1 justify-end gap-8">
28
+ <div class="flex items-center gap-9">
29
+ <!-- <a class="text-[#1C160C] text-sm font-medium leading-normal hover:text-[#A18249]" href="#">Dashboard</a>
30
+ <a class="text-[#1C160C] text-sm font-medium leading-normal hover:text-[#A18249]" href="#">Patient Records</a> -->
31
+ <a class="text-[#1C160C] text-sm font-medium leading-normal hover:text-[#A18249]" href="page1.html">Dashboard</a>
32
+ <a class="text-[#1C160C] text-sm font-medium leading-normal hover:text-[#A18249]" href="page2.html">Patient Records</a>
33
+ </div>
34
+ <div
35
+ class="bg-center bg-no-repeat aspect-square bg-cover rounded-full size-10"
36
+ style='background-image: url("https://cdn.usegalileo.ai/stability/0d34b163-8777-46b0-a8e7-c1907d4f7f95.png");'
37
+ ></div>
38
+ </div>
39
+ </header>
40
+ <div class="flex flex-1">
41
+ <div class="layout-content-container flex flex-col w-[240px] flex-none px-6 py-5">
42
+ <div class="flex h-full min-h-[500px] flex-col justify-between bg-[#FFFFFF] p-4">
43
+ <div class="flex flex-col gap-4">
44
+ <div class="flex gap-3">
45
+ <div
46
+ class="bg-center bg-no-repeat aspect-square bg-cover rounded-full size-10"
47
+ style='background-image: url("https://cdn.usegalileo.ai/stability/b1ac6a7f-e08f-4831-93e4-20e61e202c08.png");'
48
+ ></div>
49
+ <div class="flex flex-col">
50
+ <h1 class="text-[#1C160C] text-base font-medium leading-normal">Patient</h1>
51
+ <p class="text-[#A18249] text-sm font-normal leading-normal">Hyeri Cho</p>
52
+ </div>
53
+ </div>
54
+ <div class="flex flex-col gap-2">
55
+ <div class="flex items-center gap-3 px-3 py-2">
56
+ <div class="text-[#1C160C]" data-icon="Gauge" data-size="24px" data-weight="fill">
57
+ <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="currentColor" viewBox="0 0 256 256">
58
+ <path
59
+ d="M240,160v24a16,16,0,0,1-16,16H115.93a4,4,0,0,1-3.24-6.35L174.27,109a8.21,8.21,0,0,0-1.37-11.3,8,8,0,0,0-11.37,1.61l-72,99.06A4,4,0,0,1,86.25,200H32a16,16,0,0,1-16-16V161.13c0-1.79,0-3.57.13-5.33a4,4,0,0,1,4-3.8H48a8,8,0,0,0,8-8.53A8.17,8.17,0,0,0,47.73,136H23.92a4,4,0,0,1-3.87-5c12-43.84,49.66-77.13,95.52-82.28a4,4,0,0,1,4.43,4V80a8,8,0,0,0,8.53,8A8.17,8.17,0,0,0,136,79.73V52.67a4,4,0,0,1,4.43-4A112.18,112.18,0,0,1,236.23,131a4,4,0,0,1-3.88,5H208.27a8.17,8.17,0,0,0-8.25,7.47,8,8,0,0,0,8,8.53h27.92a4,4,0,0,1,4,3.86C240,157.23,240,158.61,240,160Z"
60
+ ></path>
61
+ </svg>
62
+ </div>
63
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">Dashboard</p>
64
+ </div>
65
+ <div class="flex items-center gap-3 px-3 py-2 rounded-full bg-[#F4EFE6]">
66
+ <div class="text-[#1C160C]" data-icon="File" data-size="24px" data-weight="regular">
67
+ <svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="currentColor" viewBox="0 0 256 256">
68
+ <path
69
+ d="M213.66,82.34l-56-56A8,8,0,0,0,152,24H56A16,16,0,0,0,40,40V216a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V88A8,8,0,0,0,213.66,82.34ZM160,51.31,188.69,80H160ZM200,216H56V40h88V88a8,8,0,0,0,8,8h48V216Z"
70
+ ></path>
71
+ </svg>
72
+ </div>
73
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">Patient Records</p>
74
+ </div>
75
+ </div>
76
+ </div>
77
+ </div>
78
+ </div>
79
+ <div class="layout-content-container flex flex-col flex-1 px-10 py-5">
80
+ <div class="grid grid-cols-1 gap-6">
81
+ <div class="flex min-w-72 flex-1 flex-col gap-4">
82
+ <h3 class="text-[#1C160C] text-lg font-bold leading-tight border-b border-solid border-[#A18249] pb-2">Patient Information</h3>
83
+ <div class="bg-[#FFFFFF] border border-[#A18249] p-4 rounded-md">
84
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">Name: Hyeri Cho</p>
85
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">Age: 29</p>
86
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">Gender: Female</p>
87
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">Blood Type: O-</p>
88
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">BMI: 30+</p>
89
+ </div>
90
+ </div>
91
+ <div class="flex min-w-72 flex-1 flex-col gap-4">
92
+ <h3 class="text-[#1C160C] text-lg font-bold leading-tight border-b border-solid border-[#A18249] pb-2">Prescription</h3>
93
+ <div class="bg-[#FFFFFF] border border-[#A18249] p-4 rounded-md">
94
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">1. Metformin (500mg)</p>
95
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">2. Orlistat (120mg)</p>
96
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">3. Atorvastatin (10mg)</p>
97
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">4. Saxenda</p>
98
+
99
+ </div>
100
+ </div>
101
+ </div>
102
+ </div>
103
+ <div class="layout-content-container flex flex-col flex-1 px-10 py-5">
104
+ <div class="grid grid-cols-1 gap-6">
105
+ <div class="flex min-w-72 flex-1 flex-col gap-4">
106
+ <h3 class="text-[#1C160C] text-lg font-bold leading-tight border-b border-solid border-[#A18249] pb-2">Medical History</h3>
107
+ <div class="bg-[#FFFFFF] border border-[#A18249] p-4 rounded-md">
108
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">Diabetes Mellitus</p>
109
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">Hypertension</p>
110
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">Asthma</p>
111
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">Hyperlipidemia</p>
112
+ <!-- <p class="text-[#1C160C] text-sm font-medium leading-normal">Medical History: Hypertension, Diabetes</p> -->
113
+ </div>
114
+ </div>
115
+ <div class="flex min-w-72 flex-1 flex-col gap-4">
116
+ <h3 class="text-[#1C160C] text-lg font-bold leading-tight border-b border-solid border-[#A18249] pb-2">etc</h3>
117
+ <div class="bg-[#FFFFFF] border border-[#A18249] p-4 rounded-md">
118
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">1</p>
119
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">2</p>
120
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">3</p>
121
+ <p class="text-[#1C160C] text-sm font-medium leading-normal">4</p>
122
+ <p class="text-[#1C160C] text-sm font-medium leading-normal"> add...</p>
123
+ </div>
124
+ </div>
125
+ </div>
126
+ </div>
127
+
128
+ </div>
129
+ <footer class="flex flex-col gap-6 px-5 py-10 text-center justify-center items-center">
130
+ <p class="text-[#A18249] text-base font-normal leading-normal">Copyright 2024 Pikachu Therapy</p>
131
+ </footer>
132
+ </div>
133
+ </div>
134
+ </body>
135
+ </html>