-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
163 lines (161 loc) · 5.64 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="keywords" content="HOSPITAL,HOSPITAL.COM,HOSPITAL WEBSITE, MEDICAN">
<meta name="description" content="india's best hospital website of indian">
<meta name="author" content="hospital.com">
<title>hospital.com</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>
HOSPITAL.COM</h2>
</a>
</div>
<!-- End Brand name coding-->
<!-- Start Nav coding & menu coding -->
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="contact.html">Contact Us</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">Health Care Services</h1>
<h2 class="animated slideInRight">We Care About Your Health</h2>
</div>
</div>
<!-- text decoration coding -->
<br/><br/>
<h1 class="welcome-text">WELCOME TO HOSPITAL SERVICE</h1>
<br/><br/>
<p>
Phasellus pretium orci sit amet mi ullamcorper egestas. Sed non mattis metus. Integer vel lorem tincidunt, pharetra eros nec, posuere odio. Nullam eget bibendum sem, venenatis lacinia justo. Duis aliquet lobortis neque, eget volutpat nulla iaculis a.
</p>
<br/>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, eveniet omnis perferendis assumenda, adipisci eum esse repellat voluptatibus velit, minus sunt odio accusantium natus consequuntur deleniti voluptatum! Magnam, dicta, officiis!
</p>
<br/>
<p>
Phasellus pretium orci sit amet mi ullamcorper egestas. Sed non mattis metus. Integer vel lorem tincidunt, pharetra eros nec, posuere odio. Nullam eget bibendum sem, venenatis lacinia justo. Duis aliquet lobortis neque, eget volutpat nulla iaculis a.
</p>
<br/>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, eveniet omnis perferendis assumenda, adipisci eum esse repellat voluptatibus velit, minus sunt odio accusantium natus consequuntur deleniti voluptatum! Magnam, dicta, officiis!
</p>
<br/>
<p>
Phasellus pretium orci sit amet mi ullamcorper egestas. Sed non mattis metus. Integer vel lorem tincidunt, pharetra eros nec, posuere odio. Nullam eget bibendum sem, venenatis lacinia justo. Duis aliquet lobortis neque, eget volutpat nulla iaculis a.
</p>
<br/>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta, eveniet omnis perferendis assumenda, adipisci eum esse repellat voluptatibus velit, minus sunt odio accusantium natus consequuntur deleniti voluptatum! Magnam, dicta, officiis!
</p>
<br/>
<h1 class="welcome-text">OUR OUTSTANDING SERVICES</h1>
<br/>
<h2>What We Offer!</h2>
<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>
<br/>
<h1 class="welcome-text" style="width: 25%;">about us</h1>
<br/>
<h2>Best Medical & Health care Needs to Our Patients</h2>
<div class="about-box">
<div>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut volutpat rutrum eros amet sollicitudin interdum. Suspendisse pulvinar, velit nec pharetra interdum, ante tellus ornare mi, et mollis tellus neque vitae elit. Mauris adipiscing mauris fringilla turpis interdum sed pulvinar nisi malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
<br/>
<p>
Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
</p>
</div>
<div>
<img src="images/5.jpg" width="100%">
</div>
</div>
</div>
</section>
<!-- End Section Coding-->
<!-- Start Footer Coding-->
<footer>
<div class="w-80">
<div class="footer-box">
<h2>Services</h2>
<a href="#">HEPATOLOGY</a>
<a href="#">MEDICAL DRESSAGE</a>
<a href="#">LABORATORY</a>
<a href="#">VACCINATIONS</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="#">Our Doctors Achieve</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>
</footer>
<!-- End footer Coding-->
</body>
</html>