-
Notifications
You must be signed in to change notification settings - Fork 0
/
hos.html
131 lines (130 loc) · 6.54 KB
/
hos.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="hos.css">
<title>Document</title>
</head>
<body>
<div id="top">
<header>
<div id="logo">
<img src="images/hospital-logo-and-symbols-template-icons-vector-removebg-preview.png" alt="Logo">
<h1 id="name">VHospital</h1>
<nav>
<ul>
<li><a href="#content">Home</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#do">Our Doctors</a></li>
<li><a href="#contact">Contact Us</a></li>
<li><a href="signup.html">Signup</a></li>
</ul>
</nav>
</div>
</header>
</div>
<div id="content">
<article>
<img src="images/undraw_medicine_b-1-ol.svg" alt="Image">
<div id="info">
<h1>Stay Safe Stay Healthier</h1>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Facere dolor quas modi veritatis amet cumque tempore aut, temporibus quod optio ut vitae eligendi iste perspiciatis nulla excepturi possimus nemo molestiae!</p>
</div>
</article>
</div>
<hr>
<div id="services">
<h1>Our Services</h1>
<article id="service">
<div class="blocks">
<h1>Best Doctors</h1>
<img src="images/vector-set-of-doctor-cartoon-characters-medical-staff-team-concept.jpg" alt="">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Rerum accusantium inventore perspiciatis tempore unde aperiam iusto nesciunt tenetur, nihil consequuntur cupiditate iure odio perferendis officia in labore saepe dolores repudiandae! Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam quidem labore veritatis ullam facere iste exercitationem laudantium delectus pariatur possimus?</p>
</div>
<div class="blocks">
<h1>Best Infrastructure</h1>
<img src="images/OIP.jfif" alt="">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Rerum accusantium inventore perspiciatis tempore unde aperiam iusto nesciunt tenetur, nihil consequuntur cupiditate iure odio perferendis officia in labore saepe dolores repudiandae! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sunt inventore laboriosam consectetur, mollitia dolor cum suscipit quis eligendi nisi exercitationem.</p>
</div>
<div class="blocks">
<h1>Best Staff</h1>
<img src="images/set-of-doctor-cartoon-characters-medical-staff-team-concept-in-hospital-vector.jpg" alt="">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Rerum accusantium inventore perspiciatis tempore unde aperiam iusto nesciunt tenetur, nihil consequuntur cupiditate iure odio perferendis officia in labore saepe dolores repudiandae! Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo ex sapiente vel quas rem voluptatibus fugiat error odit eligendi fugit?</p>
</div>
</article>
</div>
<hr>
<div id="do">
<h1 id="doch1">Our Doctors</h1>
<div id="doctors">
<div class="doc">
<img src="images/OIP (2).jfif" alt="">
<h2>Anand Joshi</h2>
<h3>Specialization : Pediatrician</h3>
<div class="icons">
<img src="icons/facebook.png" alt="">
<img src="icons/instagram.png" alt="">
<img src="icons/whatsapp.png" alt="">
<img src="icons/gmail.png" alt="">
</div>
</div>
<div class="doc">
<img src="images/how-to-get-prescription-for-testosterone.jpg" alt="">
<h2>Yogesh Sharma</h2>
<h3>Specialization : Psychiatrist</h3>
<div class="icons">
<img src="icons/facebook.png" alt="">
<img src="icons/instagram.png" alt="">
<img src="icons/whatsapp.png" alt="">
<img src="icons/gmail.png" alt="">
</div>
</div>
<div class="doc">
<img src="images/medical-doctor-man-25138196.jpg" alt="">
<h2>Amol Yadav</h2>
<h3>Specialization : Cardiologist</h3>
<div class="icons">
<img src="icons/facebook.png" alt="">
<img src="icons/instagram.png" alt="">
<img src="icons/whatsapp.png" alt="">
<img src="icons/gmail.png" alt="">
</div>
</div>
<div class="doc">
<img src="images/istockphoto-479378798-170667a.jpg" alt="">
<h2>Sarawati Mohite</h2>
<h3>Specialization : Dentist</h3>
<div class="icons">
<img src="icons/facebook.png" alt="">
<img src="icons/instagram.png" alt="">
<img src="icons/whatsapp.png" alt="">
<img src="icons/gmail.png" alt="">
</div>
</div>
</div>
</div>
<hr>
<div id="contact">
<h1>Contact Us</h1>
<img src="images/undraw_doctor_kw-5-l.svg" alt="">
<div id="con">
<form action="contactus.php" method="post">
<input type="text" name="Name" placeholder="Enter your name"></label><br>
<input type="text" name="Phone" placeholder="Enter your phone no"></label><br>
<input type="text" name="Age" placeholder="Enter your age"></label><br>
<input type="email" name="Email" placeholder="Enter your mail Id"></label><br>
<input type="text" name="Address" placeholder="Enter your address"></label> <br>
<textarea name="comment" cols="50" rows="10" placeholder="Enter your problem"></textarea></label>
<button>Submit</button>
</form>
</div>
</div>
<footer>
<div class="foot">
Copyright © www.virtualHospitalManagementSystem.com. All rights reserved!
</div>
</footer>
</body>
</html>