-
Notifications
You must be signed in to change notification settings - Fork 0
/
PatientAdded.html
148 lines (146 loc) · 5.51 KB
/
PatientAdded.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Patient Added</title>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
background-color: #FFFFFF;
display: flex;
height: 100vh;
}
.sidebar {
width: 60px;
background-color: #6D9CF9;
padding: 15px;
box-shadow: 2px 0 5px rgba(0,0,0,0.1);
display: flex;
flex-direction: column;
align-items: center;
}
.sidebar .back-arrow {
width: 24px;
height: 24px;
cursor: pointer;
margin-top: 20px;
}
.sidebar .next-arrow{
width: 24px;
height: 24px;
cursor: pointer;
margin-top: 578px;
}
.main-content {
flex: 1;
display: flex;
flex-direction: column;
}
.navbar {
background-color: #fff;
padding: 15px 30px;
box-shadow: 0 3px 7px rgba(0,0,0,0.1);
}
.navbar h1 {
margin: 0;
font-size: 30px;
}
.content {
flex: 1;
padding: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.form-container {
width: 100%;
max-width: 400px;
background: #fff;
padding: 50px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.form-container label{
display: block;
font-size: 16px;
color: #585757;
margin-bottom: 5px;
margin: 7px;
}
.form-container input[type="text"] {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #a8a4a4;
background-color: #EDEDED;
border-radius: 4px;
}
.form-container .button-container {
display: flex;
justify-content: space-between;
}
.form-container .button-container button {
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
.form-container .button-container .cancel {
background-color: #fff;
border: 1px solid #6D9CF9;
color: #6D9CF9;
}
.form-container .button-container .add {
background-color: #6D9CF9;
color: #fff;
}
.content .success-icon {
font-size: 48px;
color: green;
align-items: center;
}
</style>
</head>
<body>
<div class="sidebar">
<!-- <img src="back-arrow.png" alt="Back" class="back-arrow"> -->
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" alt="Back" class="back-arrow">
<path d="M10 24L22 12M10 24L22 36M10 24H38" stroke="white" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg" alt="Next" class="next-arrow">
<path d="M9.58333 40.25C8.52917 40.25 7.62706 39.875 6.877 39.1249C6.12694 38.3749 5.75128 37.4721 5.75 36.4167V9.58333C5.75 8.52917 6.12567 7.62706 6.877 6.877C7.62833 6.12694 8.53044 5.75128 9.58333 5.75H23V9.58333H9.58333V36.4167H23V40.25H9.58333ZM30.6667 32.5833L28.0312 29.8042L32.9187 24.9167H17.25V21.0833H32.9187L28.0312 16.1958L30.6667 13.4167L40.25 23L30.6667 32.5833Z" fill="white"/>
</svg>
</div>
<div class="main-content">
<div class="navbar">
<h1>Add Patient</h1>
</div>
<div class="content">
<div class="form-container">
<div class="success-icon">
<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M28.0013 51.3385C40.8346 51.3385 51.3346 40.8385 51.3346 28.0052C51.3346 15.1719 40.8346 4.67188 28.0013 4.67188C15.168 4.67188 4.66797 15.1719 4.66797 28.0052C4.66797 40.8385 15.168 51.3385 28.0013 51.3385Z" fill="#0F7638" stroke="#0F7638" stroke-width="3.5" stroke-linecap="square"/>
<path d="M18.082 28.0096L24.6854 34.6129L37.9154 21.4062" fill="#0F7638"/>
<path d="M18.082 28.0096L24.6854 34.6129L37.9154 21.4062" stroke="white" stroke-width="3.5" stroke-linecap="square"/>
</svg>
</div>
<p>Patient Added</p>
<p>We have sent an email to the Patient</p>
<div class="details">
<p><span class="label">PUBLIC KEY</span><br>0x0F5a64B406677A1Cf6c62DB34d98543771Cb079</p>
<p><span class="label">SPOC</span></p>
<div class="spoc">
<p>Sidd Shroff</p>
<p>sidd@gmail.com</p>
<p>Rakesh Malhotra</p>
<p>rakesh@company.com</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>