added new button

This commit is contained in:
hari lee
2023-10-31 12:50:53 +05:30
parent 9031b176da
commit 988dba5c55
5 changed files with 142 additions and 114 deletions

View File

@@ -3,7 +3,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="top_header.css" />
<link rel="stylesheet" href="/nav_bar/nav_bar.css"/>
<link rel="stylesheet" href="/nav_bar/nav_bar.css" />
</head>
<body>
<div>
@@ -27,36 +27,45 @@
<!--starting of the rest of the header code-->
<div class="top-header-container">
<div class="img_container">
<img class="doctor_img" src="img/doctor_img.png" alt="doc image" />
</div>
<div class="title_1">
<h1>Love & Care to Humanity</h1>
<h3>Fastest-Growing Multi Speciality Hospital in South Kerala</h1>
<h3>Fastest-Growing Multi Speciality Hospital in South Kerala</h3>
</div>
<div class="book-appointment-div">
<button class="book-appointment-button small">
Book Appointment
</button>
</div>
</div>
<div class="book-appointment">
<h4>Book an Appoinment</h4>
<div class="input-container">
<input type="text" placeholder="Full name" class="rounded-input">
<input type="text" placeholder="Phone number" class="rounded-input">
<input type="text" placeholder="Select Date" class="rounded-input">
<input type="text" placeholder="Full name" class="rounded-input" />
<input type="text" placeholder="Phone number" class="rounded-input" />
<input type="text" placeholder="Select Date" class="rounded-input" />
</div>
<div class="input-container">
<input type="text" placeholder="Select Department" class="rounded-input">
<input type="text" placeholder="Select Doctor" class="rounded-input">
<button class="book-appointment-button">Book Appointment</button>
</div>
</div>
<div class="input-container">
<input
type="text"
placeholder="Select Department"
class="rounded-input"
/>
<input
type="text"
placeholder="Select Doctor"
class="rounded-input"
/>
<button class="book-appointment-button">Book Appointment</button>
</div>
</div>
</div>
</body>
</html>