-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
280 lines (241 loc) · 8.41 KB
/
index.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
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
<!DOCTYPE html>
<html lang="en">
<head>
<title>Care&Cure</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css/fontawesome/css/all.css">
<link rel="stylesheet" type="text/css" href="css/animate.css">
</head>
<body>
<!-- Start Header Coding-->
<header>
<div class="menu">
<!-- Start Brand name coding-->
<div class="brand-name">
<a href="index.html">
<h2 class="animated flash">
<i class="fa fa-hospital"></i>
CARENCURE.COM</h2>
</a>
</div>
<!-- End Brand name coding-->
<!-- Start Nav coding & menu coding -->
<nav>
<ul>
<li><a href="contact.html" style="color:#FF0000;">Emergency 24X7</a></li>
<li><a href="#" id="button3">Schedule an appointment</a></li>
<li><a href="#" id="button2"> Register</a></li>
<li><a href="#" id="button1">Login</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</nav>
<!-- End Nav coding & menu coding -->
</div>
</header>
<!-- End Header Coding-->
<!-- Start Section Coding-->
<section>
<div class="w-80" style="padding: 0;">
<div class="section-img">
<div class="section-bg-box">
<h1 class="animated slideInLeft t1">Care&Cure</h1>
<h2 class="animated slideInRight t2">We Care About Your Health</h2>
</div>
</div>
<!-- text decoration coding -->
<br/><br/>
<h1 class="welcome-text animated slideInLeft">WELCOME</h1>
<br/><br/>
<p>
Care&Cure is a leading integrated healthcare delivery service provider in India. The healthcare verticals the company primarily comprise hospital, diagnostic, day care speciality facilities. Currently the company operates it's healthcare services in India, Dubai, Australia, Sri-Lanka, Bangladesh with 45+ health care facilities, approx. 20,000 potential beds and 500+ diagnostics centers.
</p>
<br/>
<p>
In the global study of 30 most advance health care services in the world Care&Cure ranked among the top 10 health care services and placed above many outstanding health care service providers.
</p>
<br/>
<p>
Over the course of 10 years we have over 100,000 happy patients who took out health care service.
</p>
<br/>
<h1 class="welcome-text animated slideInLeft">OUR OUTSTANDING SERVICES</h1>
<br/>
<h2>What We Offer!</h2>
<p>Medical care is something everyone needs, it can be easy to forget that medical care is a service and patients are customers. But good customer service is just as important in medicine as it is in any other field, and because people's health is so important, bad medical care or shoddy customer service might cause clients to complain to local licensing boards or engage in other actions that can harm a medical business.</p>
<ul>
<li>DENTAL IMPLANTS</li>
<li>WHITENING</li>
<li>VACCINATIONS</li>
<li>LABORATORY</li>
<li>MEDICAL DRESSAGE</li>
<li>EMERGENCY CONTRACEPTION</li>
</ul>
<br/>
<h2>Our Department</h2>
<ul>
<li>DENTAL CARE</li>
<li>OTOLOGY</li>
<li>CARDIAC</li>
<li>HEPATOLOGY</li>
<li>ORTHOPEDICS</li>
<li>ORTHOPEDICS</li>
<li>OUTPATIENT</li>
<li>MENTAL HEALTH</li>
</ul>
<h1 class="welcome-text animated slideInLeft" style="width: 25%;">About us</h1>
<div class="about-box1">
<h2>Best Medical & Health care Needs to Our Patients</h2>
<div class="about-box">
<div>
<p>
Our mission is to promote awareness among functionaries involved in Health and Hospital Management. To promote research in the field of Health Care.In order to improve the efficiency of Health Care delivery Systems. To promote the development of high quality hospital services and community health care.
</p>
<br/>
</div>
<div>
<img src="images/5.jpg" width="100%">
</div>
</div>
</div>
</div>
</section>
<div class="bg-modal">
<div class="modal-content">
<div class="close">
+
</div>
<img src="icn.png">
<form>
<label for="username"><b>Username :</b></label><br/>
<input type="text" placeholder="Username" name="username" id="username" />
<br/><br/>
<label for="password"><b>Password :</b></label>
<br/>
<input type="password" placeholder="Password" name="password" id="password" />
<br/><br/>
<button type="submit" id="login-btn">Login</button>
<button type="submit" id="login-btn">Register New User</button>
<br/><br/>
<p>Forget Password ? <a href="register.html">Click Here</a></p>
</form>
</div>
</div>
<div class="bg-modal1">
<div class="modal-content1">
<div class="close1">
+
</div>
<img src="icn.png">
<form>
<label for="name"><b>Name :</b></label><br/>
<input type="text" placeholder="Name" name="name" id="name" />
<br/><br/>
<label for="email"><b>Email :</b></label><br/>
<input type="email" placeholder="Email" name="email" id="email" />
<br/><br/>
<label for="mobile"><b>Mobile :</b></label><br/>
<input type="number" placeholder="Mobile-Number" name="mobile" id="mobile" />
<br/><br/>
<label for="username"><b>Username :</b></label><br/>
<input type="text" placeholder="Username" name="username" id="username" />
<br/><br/>
<label for="password"><b>Password :</b></label>
<br/>
<input type="password" placeholder="Password" name="password" id="password" />
<br/><br/>
<label for="re-password"><b>Confirm Password :</b></label>
<br/>
<input type="password" placeholder="Re-Password" name="re-password" id="re-password" />
<br/><br/>
<button type="submit" id="login-btn">Submit</button>
</form>
</div>
</div>
<div class="bg-modal11">
<div class="modal-content11">
<div class="close11">
+
</div>
<img src="icn.png">
<form>
<label for="fullname"><b>Your name :</b></label><br/>
<input type="text" name="name" id="fullname" placeholder="Enter Fullname">
<br/><br/>
<label for="email"><b>Email :</b></label>
<br/>
<input type="email" name="email" id="email" placeholder="Enter Your Email">
<br/><br/>
<label for="message"><b>Your message :</b></label>
<br/>
<textarea id="message" placeholder="Enter Your Message"></textarea>
<br/><br/>
<button type="submit" id="contact-btn">Send Email</button>
</form>
</div>
</div>
<!-- End Section Coding-->
<!-- Start Footer Coding-->
<footer>
<div class="w-80">
<div class="footer-box">
<h2>Services</h2>
<a href="Hepatology.html">HEPATOLOGY</a>
<a href="otology.html">OTOLOGY</a>
<a href="coronavirus.html">CORONAVIRUS</a>
<a href="breast_cancer.html">BREAST CANCER</a>
<a href="#">WHITENING</a>
</div>
<div class="footer-box">
<h2>About Us</h2>
<a href="#">Company Overview</a>
<a href="#">Management</a>
<a href="#">Initiatives</a>
<a href="#">Carrers</a>
<a href="doctors.html">Our Doctors</a>
</div>
<div class="footer-box">
<h2>Contact Us</h2>
<a href="#">Post a Query</a>
<a href="#">Apollo Clinics</a>
<a href="#">Reach Hospitals</a>
<a href="#">Apollo Cradle</a>
<a href="#">Ask Question</a>
</div>
<div class="footer-box">
<h2>Facilities</h2>
<a href="#">HEPATOLOGY</a>
<a href="#">MEDICAL DRESSAGE</a>
<a href="#">LABORATORY</a>
<a href="#">VACCINATIONS</a>
<a href="#">WHITENING</a>
</div>
</div>
<h2>Contact Us</h2>
<ul>
<li>Contact number: 080-23450917, 080-23450918, 080-23450918</li>
<li>© Care&Cure. All rights reserved.</li>
</ul>
</footer>
<!-- End footer Coding-->
</body>
<script>
document.getElementById('button1').addEventListener("click", function() {
document.querySelector('.bg-modal').style.display = "flex";
});
document.querySelector('.close').addEventListener("click", function() {
document.querySelector('.bg-modal').style.display = "none";
});
document.getElementById('button2').addEventListener("click", function() {
document.querySelector('.bg-modal1').style.display = "flex";
});
document.querySelector('.close1').addEventListener("click", function() {
document.querySelector('.bg-modal1').style.display = "none";
});
document.getElementById('button3').addEventListener("click", function() {
document.querySelector('.bg-modal11').style.display = "flex";
});
document.querySelector('.close11').addEventListener("click", function() {
document.querySelector('.bg-modal11').style.display = "none";
});
</script>
</html>