From e3492ead5e24c6ef93b75136565b2b94041da6f8 Mon Sep 17 00:00:00 2001 From: xulkif Date: Mon, 3 Jun 2024 12:59:51 -0700 Subject: [PATCH 1/5] patient part by Zulkif --- patient.css | 177 +++++++++++++++++++++++++++++++++++++++++++++++++++ patient.html | 95 +++++++++++++++++++++++++++ 2 files changed, 272 insertions(+) create mode 100644 patient.css create mode 100644 patient.html diff --git a/patient.css b/patient.css new file mode 100644 index 0000000..fbaff12 --- /dev/null +++ b/patient.css @@ -0,0 +1,177 @@ +.patient { + display: flex; +} + +.left_side { + background-color: white; + width: auto; + height: 100%; + display: inline-block; + border-right: 1px solid black; +} + +.user { + display: flex; + margin-left: 20px; +} + +.user img { + width: 100px; + height: 90px; + border-radius: 50%; +} + +.btn1 { + background-color: blue; + width: 100px; + height: 30px; + color: wheat; + border-radius: 5px; + cursor: pointer; + margin-top: 10px; + margin-left: 20px; +} + +.btn1:hover { + background-color: rgb(20, 20, 108); +} + +.user_text { + margin-left: 10px; +} + +.p1 { + margin-bottom: 0; + font-size: 25px; + font-weight: bold; +} + +.p2 { + margin-top: 0; +} + +.list_home { + margin: 20px; + font-size: 25px; + font-weight: bold; +} + +.unorder { + display: flex; + flex-direction: column; +} + +.list_home li { + list-style-type: none; +} + +.list { + display: inline-block; + margin-bottom: 30px; +} + +.list1 { + display: inline-block; + margin-bottom: 30px; +} + +.unorder a { + text-decoration: none; + color: rgb(60, 60, 55); +} + +.image { + width: 30px; +} + + + +/* Home */ +.center_home { + margin-left: 20px; +} + +.home_text { + margin-left: 20px; +} + +.patient_text { + padding-left: 30px; + background-color: hsla(160, 43%, 63%, 0.827); + border-radius: 10px; + background-image: url("pic/b3.jpg"); +} + +.input { + width: 400px; + height: 40px; + border-radius: 5px; + padding-left: 15px; + border-color: rgb(85, 85, 212); +} + +.btn { + background-color: blue; + width: 150px; + height: 40px; + border-radius: 5px; + color: white; + cursor: pointer; +} + +.btn:hover { + background-color: rgb(20, 20, 108); +} + +.Status-container { + display: grid; + grid-template-columns: 1fr 1fr; /* Two equal-width columns */ + grid-template-rows: 1fr 1fr; /* Two equal-height rows */ + grid-template-areas: + "one two" + "three four"; +} + +.stat1 { + grid-area: one; +} + +.stat2 { + grid-area: two; +} + +.stat3 { + grid-area: three; +} + +.stat4 { + grid-area: four; +} + +.stat { + padding: 5px 10px; + font-size: 20px; + font-weight: bold; + border-radius: 5px; + margin: 5px; + border: 1px solid rgb(69, 59, 59); + background-color: white; +} + +.Status-inline-maker { + display: inline-block; +} + +.Home_last { + display: flex; +} + +.table-container { + display: flex; + flex-direction: column; + margin-left: 70px; +} + +.table tr { + background-color: rgb(197, 197, 197); +} diff --git a/patient.html b/patient.html new file mode 100644 index 0000000..5189ccd --- /dev/null +++ b/patient.html @@ -0,0 +1,95 @@ + + + + + + Document + + + +
+
+
+ welcome +
+

PatientName...

+

PatientName@zu.com

+
+ +
+ + +
+ +
+
+
+
+

Home

+
+

Welcome!

+

Patient _Name

+ +

Haven't any idea about doctors? no problem + let's jumping to "All Doctors" section or "Sessions" + Track your past and future appointments history. + Also find out the expected arrival time of your doctor + or medical consultant. +

+

Channel a Doctor Here

+ + + +
+
+ +

Status

+
+
+
+
1
All
Doctors
+
2
All
Patients
+
3
NewBooking
+
4
Todats
Sessions
+ +
+
+
+

Your Upcoming Booking

+ + + + + + + + + + + + + + +
Appoint
Number		Session
Title		DoctorShechuled
Date&Time
Numtitledoctor-NameDate
+
+
+
+ + + +
+ + \ No newline at end of file From bf2d56f095f002adaa130c899ea82de9dcd9e205 Mon Sep 17 00:00:00 2001 From: xulkif Date: Mon, 3 Jun 2024 13:18:23 -0700 Subject: [PATCH 2/5] patient part --- patient.css | 5 +---- 1 file changed, 1 insertion(+), 4 deletions(-) diff --git a/patient.css b/patient.css index fbaff12..a88b152 100644 --- a/patient.css +++ b/patient.css @@ -80,13 +80,10 @@ color: rgb(60, 60, 55); } -.image { +image { width: 30px; } - - -/* Home */ .center_home { margin-left: 20px; } From 95e50e4a4fdbf9da4b3c000d8fd225dc70f8f38a Mon Sep 17 00:00:00 2001 From: xulkif Date: Mon, 3 Jun 2024 13:25:17 -0700 Subject: [PATCH 3/5] patient part --- patient.css | 2 +- patient.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/patient.css b/patient.css index a88b152..b880410 100644 --- a/patient.css +++ b/patient.css @@ -21,7 +21,7 @@ border-radius: 50%; } -.btn1 { +.btn01 { background-color: blue; width: 100px; height: 30px; diff --git a/patient.html b/patient.html index 5189ccd..7561cb4 100644 --- a/patient.html +++ b/patient.html @@ -17,7 +17,7 @@ - +