-
Notifications
You must be signed in to change notification settings - Fork 2
/
home.html
210 lines (166 loc) · 9.08 KB
/
home.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
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
<!DOCTYPE html>
<html lang="en">
<head>
<title>Get the Team Treatment at Physique Clinic</title>
<link rel="shortcut icon" href="logo.png" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Add the css files-->
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="home.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<header>
<img class="logo" src="logo.png">
<h2> <br> Physique Clinic</h2>
</header>
<nav>
<a href="home.html" style="background-color: #82a2ca; color: rgb(56, 73, 109); font-weight: 600;">Home</a>
<a href="Location.html">Location</a>
<a id="service">Services</a>
<a href="Gallery.html">Gallery</a>
<a href="bookings.html">Appointments</a>
<a id="contact">Contact Us</a>
</nav>
<div class="BlankSpace"></div>
<!--drop down list-->
<div class="dropdown">
<!-- drop down contents for services-->
<div class="dropdown-content" id="myDropdown">
<ul>
<h2>What conditions do we handle?</h2>
<li>Neck pain</li>
<li>Knee pain</li>
<li>Shoulder pain</li>
<li>Joint pain</li>
<li>Groin/Pelvic pain</li>
<li>Sports injuries</li>
<li>Acute/Chronic injuries</li>
<li>Sprains and strains</li>
<li>Sciatica</li>
<li>Post-operative rehabilitation</li>
<li>Chronic disease management</li>
<li>Falls prevention</li>
<li>Neurological rehabilitation for stroke, Parkinson's disease, spinal cord injuries</li>
<li>Cardio-pulmonary rehabilitation and management</li>
</ul>
</div>
</div>
<!--contact info pop up modal-->
<div id="myModal" class="modal">
<div class="modal-content">
<span id="close">×</span><br>
<h2>Contact Us</h2>
<p>01023456789</p>
<p>physiquelclinic@gmail.com</p>
<p>49 Fareed Semeika, Al Matar, El Nozha, Cairo Governorate</p>
</div>
</div>
<!-- < The moving image > -->
<article class="parallax">
<div class="parallax-inner">
<p>Say Goodbye To The Pain</p><br><br>
</div>
</article>
<!-- < The about of the clinic > -->
<br><br>
<div>
<h1>Welcome to The Clinic</h1>
<a href="About.jpeg"><img id="clinicImage" src="About.jpeg" alt="clinic image"></a>
<p class="about">Our story began with a belief that we belong to nature so if we are a tree, our health and well being are the root, our happiness is the fruit and hope is how we water and nurture ourselves. We also believe that we all human beings, patients, doctors, nurses, helpers, etc. share the same blend of joy and pain in our life journey.</p>
<br>
<p class="about">The Clinic was established in El Nozha to be one of the first and most prestigious medical care facilities service in the district. Our group of consultants were carefully selected to comprise only the best in Egypt and probably around the world. All our doctors are highly qualified with extensive internal and international training as well as friendly & professional communication skills. </p>
<br>
<p class="about">Our staff of nurses are very well trained to provide you with the ultimate care needed. The clinic is situated in the most advanced and elegant medical complex building in Cairo (Health Care City – HCC). The whole basement floor is utilized by Misr Radiology Center where state of the art technologies and facilities are available (High resolution MRI, 3D U/S, Isotope scan, U/S mammography, MR Spectroscopy, spiral ct angiography, mammography and interventional radiology). We are looking forward to both welcome you and impress you with our highly professional standard of care you would expect.</p>
<br>
</div>
<!-- < The doctors of the clinic > -->
<br><br>
<div id="row2">
<h1 class="header">Meet The Doctors </h1> <img id="icon1" class="icon" src="drop down.jpg" > <br> <img style="margin-left: 40px;" id="icon2" class="icon" src="x.png" >
<div id="first" class="dr">
<img src="doctors/meredith.jpg">
<h3>Dr. Meredith Grey</h3>
<p>Meredith graduated from the University of Idaho with her Bachelor of Science in Physical Education as a Collegiate Soccer Athlete. She went on to earn her Doctor of Physical Therapy Degree from the University of Iowa. Meredith’ passion for learning and expanding her skills as a physical therapist have led her to participate in an extensive number of continuing education courses, as well as completing numerous certifications and a post graduate orthopedic residency, making her our most credentialed therapist. </p> </div>
<div class="dr">
<img src="doctors/alex.jpg">
<h3>Dr. Alex Karev</h3>
<p>Alex graduated with his Master of Physical Therapy Degree from Idaho State University in 1997. He spent his first four years working at Kootenai Medical Center, in the Acute, Subacute, and Outpatient settings. Alex gained valuable experience treating multi-trauma, neurologic, orthopaedic, and post-surgical cases. Alex spent his next seven years working at a local outpatient physical therapy clinic in North Idaho. During that period, in 2006, while managing that clinic and seeing a full patient load, Alex earned his Doctor of Physical Therapy Degree from Idaho State University. In 2008, Alex and Derek opened In Touch Physical Therapy and Sports Medicine. In 2017, Alex celebrated twenty years as a physical therapist in North Idaho.</p>
</div>
<div class="dr">
<img src="doctors/derek.jpg">
<h3>Dr.Derek Shepherd</h3>
<p>Derek worked for a number of years in the general workforce, including management positions. Desiring something more, Derek explored the field of physical therapy, first volunteering at In Touch Physical Therapy and Sports Medicine, then working as an Aide. After returning to school to complete prerequisite work, he was accepted into a Physical Therapist Assistant Program. Years of hard work paid off when Derek graduated from Spokane Falls Community College with his Associate Degree in Applied Science / Physical Therapist Assistant. Derek is also a Certified Reiki Master under the Usui System of Hands on Healing. </p>
</div>
<div class="dr">
<img src="doctors/callie.jpg">
<h3>Dr.Callie Torres</h3>
<p>Callie graduated from Oklahoma Panhandle State University with a Bachelor of Science in Biology and went on to earn her Doctor of Physical Therapy Degree from Eastern Washington University. Callie gained extensive experience working in a number of different therapy clinics in Washington and Idaho, covering for therapists on leave. </p>
</div>
</div>
<!-- < The embedded Youtube video > -->
<br><br>
<iframe width="560" height="315" src="https://www.youtube.com/embed/UQF1tFtCt6M" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<br><br>
<!-- <Review table part> -->
<br />
<div class="container" style="width:600px;">
<button class=" btn-info">Click to view reviews</button> <br> <br>
<table class=" table-bordered" style="display:none;">
<tr>
<th>Patient reviews </th>
</tr>
</table>
</div>
<br />
<br>
<br><br>
<div class="BlankSpace" > </div>
<!-- <Footer> -->
<footer>
<h2>Get In Touch</h2>
<p>Say Goodbye To The Pain<br></p>
<img src="instagram.png" class="insta" width="20" height="20"><a href="https://www.instagram.com/physique.clinic/?utm_medium=copy_link"> Physique Therapy</a>
<br>
<img src="phone-call.png" class="phone" width="20" height="20"><p class="phone_no"> 01023456789</p>
</footer>
<!--Add the js scripts-->
<script src="jquery-1.8.1.min.js" type="text/javascript"></script>
<script src="AjaxScript.js">type="text/javascript"> </script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="event.js" type="text/javascript"></script>
<script>
//Ajax part of Loading JSON file using Ajax getJSON Method
$(document).ready(function(){
$("button").click(function(){
$("button").prop('disabled',true);
$("table").show();
$.getJSON("reviews.json", function(data){
$.each(data, function(key, value){
$("table").append("<tr><td>"+value.review+"</td></tr>");
});
});
});
});
//Jquery part of showing and hiding drs info when image is clicked
$(document).ready(function(){
$(".dr").hide();
$("#icon2").hide();
$(document).ready(function(){
$("#icon2").click(function(){
$(".dr").hide();
$("#icon1").show();
$("#icon2").hide();
});
$("#icon1").click(function(){
$(".dr").show();
$("#icon1").hide();
$("#icon2").show();
});
});
});
</script>
</body>
</html>