<!DOCTYPE html>
<html>
<head>
<title>Clinic System</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<style>
body{
 background:#f4f6fb;
 font-family:Arial;
}

.box{
 width:320px;
 margin:100px auto;
 background:#fff;
 padding:30px;
 border-radius:10px;
 box-shadow:0 0 12px rgba(0,0,0,0.1);
 text-align:center;
}

h2{
 margin-bottom:25px;
}

button{
 width:100%;
 padding:14px;
 margin-top:15px;
 font-size:18px;
 border:none;
 border-radius:8px;
 color:white;
 cursor:pointer;
}

.admin-btn{
 background:#4f7cff;
}

.patient-btn{
 background:#28a745;
}
</style>
</head>

<body>

<div class="box">
<h2>Clinic System</h2>

<a href="admin_login.php">
<button class="admin-btn">Admin Login</button>
</a>

<a href="patient_login.php">
<button class="patient-btn">Patient Login</button>
</a>

</div>


<div style="text-align:center;margin-top:20px;">

<h3>Scan to Book Appointment</h3>

<img 
src="https://api.qrserver.com/v1/create-qr-code/?size=250x250&data=https://kolhapurairport.com/clinic/appointment_form.php"
alt="Appointment QR Code">

<p>Scan this QR code to book appointment</p>

</div>
</body>
</html>