Creating a hospital website involves various components to provide information about the hospital's services, facilities, and contact details. Below is a basic example of HTML code for a simple hospital website. Please note that this is a starting
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XYZ Hospital</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
header {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
nav {
background-color: #4CAF50;
color: #fff;
padding: 10px;
text-align: center;
}
section {
padding: 20px;
}
footer {
background-color: #333;
color: #fff;
padding: 10px;
text-align: center;
}
</style>
</head>
<body>
<header>
<h1>XYZ Hospital</h1>
</header>
<nav>
<a href="#home">Home</a> |
<a href="#services">Services</a> |
<a href="#doctors">Doctors</a> |
<a href="#contact">Contact</a>
</nav>
<section id="home">
<h2>Welcome to XYZ Hospital</h2>
<p>Providing quality healthcare services since [year].</p>
</section>
<section id="services">
<h2>Our Services</h2>
<ul>
<li>Emergency Care</li>
<li>Inpatient Services</li>
<li>Outpatient Services</li>
<li>Specialized Clinics</li>
</ul>
</section>
<section id="doctors">
<h2>Our Doctors</h2>
<p>Meet our team of experienced and dedicated healthcare professionals.</p>
<!-- Add more details or profiles of doctors -->
</section>
<section id="contact">
<h2>Contact Us</h2>
<p>Address: [Hospital Address]</p>
<p>Phone: [Hospital Phone Number]</p>
<p>Email: [Hospital Email]</p>
</section>
<footer>
<p>© 2023 XYZ Hospital. All rights reserved.</p>
</footer>
</body>
</html>
```
This example includes a simple navigation menu, sections for home, services, doctors, and contact information. The styling is basic, and you may want to customize it further based on your design preferences. Additionally, you can add more sections, pages, and interactive features as needed for a comprehensive hospital website.