-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdr_wash.html
187 lines (115 loc) · 7.61 KB
/
dr_wash.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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pet-Med</title>
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<!-- Bootstrap Icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body class="main-bg">
<!-- top navbar -->
<div class="upper-bg d-flex justify-content-end pt-2 ">
<h1 class="fs-3 text-secondary my-auto ms-4 ">PET-MED</h1>
<div class=" pb-3 pt-3 pe-3 ps-3 ms-auto icon">
<a href="notification.html" class="text-decoration-none">
<i class=" bi bi-bell-fill text-secondary fs-1"></i>
</a>
</div>
<div class="pb-3 pt-3 pe-3 me-1 ps-3 icon">
<a href="#" class="text-decoration-none" onclick="signOut()">
<i class=" bi bi-power text-secondary fs-1"></i>
</a>
</div>
</div>
<div class="d-flex">
<!-- sidebar -->
<div class="sidebar upper-bg">
<div class="flex-column">
<a href="index.html" class="text-decoration-none">
<div class="sidebar-link ps-4 pt-3 pb-3">
<i class="bi bi-house-door-fill text-secondary fs-4 d-none d-lg-inline "></i>
<i class="bi bi-house-door-fill text-secondary fs-2 ms-1 d-lg-none"></i>
<span class="ms-2 me-2 fs-4 text-secondary text-opacity-50 d-none d-lg-inline">|</span>
<span class="text-secondary fs-5 fs-md-5 d-none d-lg-inline">Home </span>
</div>
</a>
<a href="vets.html" class="text-decoration-none">
<div class="sidebar-link sidebar-active ps-4 pt-3 pb-3">
<i class="fa fa-paw primary-text fs-4 d-none d-lg-inline "></i>
<i class="fa fa-paw primary-text fs-2 ms-1 d-lg-none "></i>
<span class="ms-2 me-2 fs-4 primary-text text-opacity-50 d-none d-lg-inline">|</span>
<span class=" primary-text fs-5 d-none d-lg-inline">Vets </span>
</div>
</a>
<a href="appointment.html" class="text-decoration-none">
<div class="sidebar-link ps-4 pt-3 pb-3">
<i class="bi bi-bag-fill text-secondary fs-4 d-none d-xxl-inline"></i>
<i class="bi bi-bag-fill text-secondary fs-2 ms-1 d-lg-none"></i>
<span class="ms-2 me-2 fs-4 text-secondary text-opacity-50 d-none d-xxl-inline">|</span>
<span class="text-secondary d-none d-lg-inline">Appointments </span>
</div>
</a>
<a href="chat.html" class="text-decoration-none">
<div class="sidebar-link ps-4 pt-3 pb-3">
<i class="bi bi-chat-fill text-secondary fs-4 d-none d-lg-inline"></i>
<i class="bi bi-chat-fill text-secondary fs-2 ms-1 d-lg-none"></i>
<span class="ms-2 me-2 fs-4 text-secondary text-opacity-50 d-none d-lg-inline">|</span>
<span class="text-secondary fs-5 d-none d-lg-inline ">Chat </span>
</div>
</a>
<a href="food.html" class="text-decoration-none">
<div class="sidebar-link ps-4 pt-3 pb-3">
<i class="bi bi-basket3-fill text-secondary fs-4 d-none d-lg-inline"></i>
<i class="bi bi-basket3-fill text-secondary fs-2 ms-1 d-lg-none"></i>
<span class="ms-2 me-2 fs-4 text-secondary text-opacity-50 d-none d-lg-inline">|</span>
<span class="text-secondary fs-5 d-none d-lg-inline ">Food </span>
</div>
</a>
</div>
</div>
<!-- page content -->
<div class=" sidebar-right d-flex flex-wrap flex-row justify-content-start pb-5">
<div class="card shadow-lg p-4 ms-auto me-auto mt-5 align-self-center upper-bg text-center rounded-4 border-0"
style="width: 27em; height: fit-content;">
<img src="images/transparent.png" alt="placeholder_logo"
class=" bg-primary rounded-circle align-self-center m-4 mx-3 box-5">
<p class="fs-3 primary-text mt-2 text-center my-auto mx-3 ">Dr. Wash</p>
<p class="fs-5 mb-4 primary-text text-center my-auto mx-3 ">Speciality in dogs</p>
<a href="appointment-info.html" class="button fs-5 text-dark mt-5 mb-4 mx-3 rounded-3">Hire me!</a>
</div>
<div class="card shadow-lg p-4 mx-4 mx-lg-5 mt-4 upper-bg text-center rounded-4 border-0 flex-column flex-wrap"
style=" height: fit-content;">
<p class="fs-3 mb-1 mt-4 primary-text text-center my-auto mx-4">About Me</p>
<p class="fs-4 mb-1 mt-4 primary-text text-center my-auto mx-4">I am Doctor wash.I am specialist
in dog. I have done Veterinary Physiology course from Kentucky Vet School of Veterinary
Medicine & Biomedical Sciences
(VMBS).I have an experience of 3 years from Max Superspeciality Hospital,Delhi</p>
<p class="fs-3 mb-1 mt-4 primary-text text-center my-auto mx-4">Speciality: Cats</p>
<p class="fs-3 mb-1 mt-4 primary-text text-center my-auto mx-4">Experience: 4 Years</p>
<p class="fs-3 mb-1 mt-4 primary-text text-center my-auto mx-4">Animals Treated: 135</p>
<p class="fs-3 mb-1 mt-4 primary-text text-center my-auto mx-4">Estimated Wait Time: 3-5 days</p>
</div>
</div>
</div>
<!-- Firebase Connection -->
<script src="https://www.gstatic.com/firebasejs/8.2.7/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.2.7/firebase-auth.js"></script>
<!-- Application Script -->
<script src="signout.js"></script>
<!-- Bootstrap Javascript -->
<script src=" https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-kjU+l4N0Yf4ZOJErLsIcvOU2qSb74wXpOhqTvwVx3OElZRweTnQ6d31fXEoRD1Jy"
crossorigin="anonymous"></script>
</body>
</html>