Web Page Designing using HTML
Subject: Website for hospital management system
Code:-
<!DOCTYPE html>
<html>
<head>
<title>Hospital Management System</title>
<link rel="stylesheet" href="styles.css"> </head>
<body>
<header>
<h1>Welcome to XYZ Hospital</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="registration.html">Patient Registration</a></li>
<li><a href="appointment.html">Appointment Scheduling</a></li>
<li><a href="records.html">Medical Records</a></li>
<li><a href="billing.html">Billing</a></li>
<li><a href="reports.html">Reports</a></li>
</ul>
</nav>
</header>
<main>
<section id="hero">
<h2>Quality Healthcare Services</h2>
<p>Providing comprehensive healthcare services with a patient-centric approach.</p>
</section>
<section id="features">
<h2>Our Services</h2>
<ul>
<li>
<img src="patient-registration.png" alt="Patient Registration">
<h3>Patient Registration</h3>
<p>Efficiently manage patient information and registration process.</p>
</li>
<li>
<img src="appointment-scheduling.png" alt="Appointment Scheduling">
<h3>Appointment Scheduling</h3>
<p>Seamlessly schedule appointments for patients and doctors.</p>
</li>
<li>
<img src="medical-records.png" alt="Medical Records">
<h3>Medical Records</h3>
<p>Store and retrieve patient's medical records securely.</p>
</li>
<li>
<img src="billing.png" alt="Billing">
<h3>Billing</h3>
<p>Generate and manage patient bills and payments.</p>
</li>
<li>
<img src="reports.png" alt="Reports">
<h3>Reports</h3>
<p>Generate various reports for hospital management and analysis.</p>
</li>
</ul>
</section>
</main>
<footer>
<p>Contact Us:
[email protected] | Phone: 123-456-7890</p>
</footer>
</body>
</html>
Actual Website