Scribd
Upload
229 views34 pages

O Level Project NEW

HOSPITAL

Uploaded by

vgurjar69
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
229 views34 pages

O Level Project NEW

HOSPITAL

Uploaded by

vgurjar69
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 34

NAME- VIKAS KUMAR

REG No.- 1657234


COURSE- ‘O’ LEVEL

PROJECT NAME- HTML LANGUAGE


TOPIC- HOSPITAL MANAGEMENT
Project Overview

The hospital management system is


a web-based application that allows
hospital administrators to manage
patient information, appointments,
and medical records.
HTML CODING :

<html>
<head>
<title>Rohini Hospital</title>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
</head>
<body id="page1" onload="new ElementMaxHeight();">
<div id="main">
<!-- header -->

<div class="phones"> 90-3223-63-01<br />


90-4463-87-68 </div>
</div>
</div>
<div class="row-2">
<div class="indent">
<!-- header-box begin -->
<div class="header-box">
<div class="inner">
<ul class="nav">
<li><a href="index.html" class="current">Home
page</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="gallery.html">patient services</a></li>
<li><a href="restaurant.html">clinic servics</a></li>
<li><a href="testimonials.html">About us</a></li>
<li><a href="booking.html">contous us</a></li>
</ul>
</div>
</div>

</div>
</div>
</div>
<!-- content -->
<div id="content">
<div class="wrapper">
<div class="aside maxheight">
<!-- box begin -->
<div class="box maxheight">
<div class="inner">
<h3>Reservation:Room</h3>
<form action="#" id="reservation-form">
<fieldset>
<div class="field">
<label>Check In:</label>
<select class="select1">
<option>30</option>
</select>
<select class="select2">
<option>SEPT 2015</option>
</select>
</div>
<div class="field">
<label>Check Out:</label>
<select class="select1">
<option>01</option>
</select>
<select class="select2">
<option>oct 2015</option>
</select>
</div>
<div class="field"> Persons:
<input type="text" value="1"/>
<!-- box end -->
</div>
<div class="content">
<div class="indent">
<h2>Rohini Hosptial</h2>
<img class="img-indent png" alt="" src="image/hospital.png"
/>
<p class="alt-top">When patients are considering having
spine surgery, one of t
“Which is better, a neurosurgeon or an orthopedic spine
surgeon?” The quick answer is t
both specially trained orthopedic surgeons and
neurosurgeons may be considered.
<div class="clear"></div>
<div class="line-hor"></div>
<div class="wrapper line-ver">
<div class="col-1">
<h3>Special Treatemant</h3>
<ul>
<li>FREE Chcekup</li>
<li>50% Discount for using first time</li>
<li>free hard check up</li>
<li>luxiry room with AC or NON AC</li>
<li>Exclusive </li>
</ul>
<div class="button"><span><span><a href="#">contact
Now</a></span></span></
</div>
<div class="col-2">
<h3>Location</h3>
<p>National Institute of Technology, Warangal.(A.P)</p>
<dl class="contacts-list">
<dt>India 2015</dt>
<dd>90-3223-63-01</dd>
<dd>90-44-6387-68</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<div id="footer">
<ul class="nav">
<li><a href="#">Home</a>|</li>
<li><a href="#">Services</a>|</li>
<li><a href="#">patient services</a>|</li>
<li><a href="#">clinic servics</a>|</li>
<li><a href="#">About us</a>|</li>
<li><a href="#">contous us</a></li>
</ul>
<div class="wrapper">
<div class="fleft">Copyright © 2015 <a href="#">Name
Here</a>. All Rights Reserved<
<div class="fright">Designed by Ghanendra <a
href="">website</a> provider</div>
</div>
</div>
</div>
<div align=center>Designed By Ghanendra Yadav <a href=''>
website </a></div></body>
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
</head>
<body id="page4" onload="new ElementMaxHeight();">
<div id="main">
<!-- header -->
<div id="header" class="small">
<div class="row-1">
<div class="wrapper">
<div class="logo">
<h1><a href="#">Rohini Hospital</a></h1>
<em>Orthopedic</em> <strong>Iso Certified</strong>
</div>
<div class="phones"> 90-3223-63-01<br />
90-4463-87-68 </div>
</div>
</div>
<div class="row-2 alt">
<div class="indent">
<!-- header-box-small begin -->
<div class="header-box-small">
<div class="inner">
<ul class="nav">
<li><a href="index.html">Home page</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="gallery.html">patient services</a></li>
<li><a href="restaurant.html" class="current">clinic
servics</a></li>
<li><a href="testimonials.html">About us</a></li>
<li><a href="booking.html">contous us</a></li>
</ul>
</div>
</div>
<!-- header-box-small end -->
</div>
</div>
</div>
<!-- content -->
<div id="content">
<div class="gallery">
<ul>
<li><a href="#"><img alt="" src="images/c1.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/c2.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/c3.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/c4.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/c5.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/c6.jpg" /></a></li>
</ul>
</div>
<div class="container">
<div class="aside maxheight">
<!-- box begin -->
<div class="box maxheight">
<div class="inner">
<h3>Doctor</h3>
<ul class="list3">
</div>
<!-- box end -->
</div>
<div class="content">
<div class="indent">
<h2>Doctors Information's</h2>
<img class="img-indent png alt" alt="" src="images/4page-
img1.png" />
<div class="extra-wrap">
<h5>Splization in!</h5>
<ul class="list2">
<li>Doctor of Food Science</li>
<li>Doctor of Philosophy</li>
<li>Doctor of Fine Arts</li>
<li> Doctor of Theology!</li>
<li>Doctor of Health Sciences!</li>
</ul>
<div class="aligncenter"><strong
class="txt2"></strong></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- footer -->
<div id="footer">
<ul class="nav">
<li><a href="#">Home</a>|</li>
<li><a href="#">Services</a>|</li>
<li><a href="#">patient services</a>|</li>
<li><a href="#">clinic servics</a>|</li>
<li><a href="#">About us</a>|</li>
<li><a href="#">contous us</a></li>
</ul>
<div class="wrapper">
<div class="fleft">Copyright © 2015 <a href="#">Name
Here</a>. All Rights Reserved<
<div class="fright">Designed by Ghanendra<a
href="">website Rohini</a> provider</di
</div>
</div>
</div>
<div align=center>This Webpage desigen by Ghanendra <a
href=''> website</a></div></body>
</html>
Services.html
<html>
<head>
<title>Hospital</title>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
</head>
<body id="page2" onload="new ElementMaxHeight();">
<div id="main">
<!-- header -->
90-4463-87-68 </div>
</div>
</div>
<div class="row-2 alt">
<div class="indent">
<!-- header-box-small begin -->
<div class="header-box-small">
<div class="inner">
<ul class="nav">
<li><a href="index.html">Home page</a></li>
<li><a href="services.html"
class="current">Services</a></li>
<li><a href="gallery.html">patient services</a></li>
<li><a href="restaurant.html">clinic servics</a></li>
<li><a href="testimonials.html">About us</a></li>
<li><a href="booking.html">contous us</a></li>
</ul>
</div>
</div>
<!-- header-box-small end -->
</div>
</div>
</div>
<!-- content -->
<div id="content">
<div class="gallery">
<ul>
<li><a href="#"><img alt="" src="images/operation.jpg"
/></a></li>
<li><a href="#"><img alt="" src="images/acbc.jpg"
/></a></li>
<li><a href="#"><img alt="" src="images/aaaa.jpg"
/></a></li>
<li><a href="#"><img alt="" src="images/bbbbb.jpg"
/></a></li>
<li><a href="#"><img alt="" src="images/cccc.jpg"
/></a></li>

</ul>
</div>
<div class="wrapper">
<div class="aside maxheight">
<!-- box begin -->
<div class="box maxheight">
<div class="inner">
<h3>Other Services</h3>
<div class="txt1">
<p>In addition to housing we also offer</p>
<ul class="img-list">
<li> <img alt="" src="images/> HArd checkup regulr and food
quality </li>
<li> <img alt="" src="images/2page-img8.jpg" /> good staff
And exprexcies
<li> <img alt="" src="images/2page-img9.jpg" /> Daily
cleaning (included
<li> <img alt="" src="images/2page-img10.jpg" /> included
medical in hosp
</ul>
</div>
</div>
</div>
<!-- box end -->
</div>
<div class="content">
<dd><span>6-10</span>Floor</dd>
<dd><span>1</span>Rooms</dd>
<dd><span>1</span>Beds</dd>
<dd class="alt"><span>1</span>Baths</dd>
<dd class="last"><span>rs99</span>Price:</dd>
</dl>
<div class="button"><span><span><a href="#">Order
Now!</a></span></span></d
</div>
<div class="col-2"> <img alt="" src="images/hhhh.png"
class="extra-img png"/>
<dl class="list1">
<dt>X-ray Room</dt>
<dd>The show aimed to highlight food poverty and involved
the chefs cooki
<dd><span>3-5</span>Floor</dd>
<dd><span>2</span>Rooms</dd>
<dd><span>2</span>Beds</dd>
<dd class="alt"><span>1</span>Baths</dd>
<dd class="last"><span>rs49</span>Price:</dd>
</dl>
<div class="button"><span><span><a href="#">Order
Now!</a></span></span></d
</div>
<div class="col-3"> <img alt="" src="images/ffff.png"
class="extra-img png"/>
<dl class="list1">
<dt>Check_up Room</dt>
<dd>OmniThe show aimed to highlight food poverty and
involved the chefs c
<dd><span>1-2</span>Floor</dd>
<dd><span>3</span>Rooms</dd>
<dd><span>3</span>Beds</dd>
<dd class="alt"><span>2</span>Baths</dd>
<dd class="last"><span>$199</span>Price:</dd>
</dl>
<div class="button"><span><span><a href="#">Book
Now!</a></span></span></di
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<div id="footer">
<ul class="nav">
<li><a href="#">Home</a>|</li>
<li><a href="#">Services</a>|</li>
<li><a href="#">patient services</a>|</li>
<li><a href="#">clinic servics</a>|</li>
<li><a href="#">About us</a>|</li>
<li><a href="#">contous us</a></li>
</ul>
<div class="wrapper">
<div class="fleft">Copyright © 2015 <a href="#">Name
Here</a>. All Rights Reserved<
<div class="fright">Designed by Ghanendra <a href="">
templates</a> provider</div>
</div>
</div>
</div>
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
</head>
<body id="page5" onload="new ElementMaxHeight();">
<div id="main">
<!-- header -->
<div id="header">
<div class="row-1">
<div class="wrapper">
<div class="logo">
<h1><a href="#">Rohini Hospital</a></h1>
<em>Orthopedic</em> <strong>ISO Certified</strong>
</div>
<div class="phones"> 90-3223-63-01<br />
90-4463-87-68</div>
</div>
</div>
<div class="row-2">
<div class="indent">
<!-- header-box begin -->
<div class="header-box">
<div class="inner">
<ul class="nav">
<li><a href="index.html">Home page</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="gallery.html">patient services</a></li>
<li><a href="restaurant.html">clinic servics</a></li>
<li><a href="testimonials.html">About us</a></li>
<li><a href="booking.html" class="current">contous
us</a></li>
</ul>
</div>
</div>
<!-- header-box end -->
</div>
</div>
</div>
<!-- content -->
<div id="content">
<div class="wrapper">
<div class="aside maxheight">
<!-- box begin -->
<div class="box maxheight">
<div class="inner">
<h3>Reservation:</h3>
<form action="#" id="reservation-form">
<fieldset>
<div class="field">
<label>Check In:</label>
<select class="select1">
<option>30</option>
</select>
<select class="select2">
<option>Sept 2015</option>
</select>
<option>Oct 2015</option>
</select>
</div>
<div class="field"> Persons:
<input type="text" value="1"/>
Rooms:
<input type="text" value="1"/>
</div>
<div class="button"><span><span><a href="#">Check
Availability</a></span>
</fieldset>
</form>
</div>
</div>
<!-- box end -->
</div>
<div class="content">
<div class="indent">
<h2>Our location</h2>
<img class="img-indent png" alt="" src="images/5page-
img1.png" />
<div class="extra-wrap">
<p class="alt-top">In both specialties, the surgeons may
subspecialize, such
cervical spine, lumbar spine, hand and wrist surgery, plastic
surgery, or in other areas
NIT WARANGAL(A.P)</p>
<dl class="contacts-list">
<dt>INDIA</dt>
<dd>90-3223-63-01</dd>
<dd>90-4463-87-68</dd>
</dl>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!-- footer -->
<div id="footer">
<ul class="nav">
<li><a href="#">Home</a>|</li>
<li><a href="#">Services</a>|</li>
<li><a href="#">patient services</a>|</li>
<li><a href="#">clinic servics</a>|</li>
<li><a href="#">About us</a>|</li>
<li><a href="#">contous us</a></li>
</ul>
<div class="wrapper">
<div class="fleft">Copyright © 2015 <a href="#">Name
Here</a>. All Rights Reserved<
<div class="fright">Designed by Ghanendra<a href="">
Ghanendra website </a> </div>
</div>
</div>
</div>
<div align=center>This template desigen by Ghanendra<a
href=''> templates</a></div></bod
</html>
Contact.html
<html>
<body id="page5" onload="new ElementMaxHeight();">
<div id="main">
<!-- header -->
<div id="header" class="small">
<div class="row-1">
<div class="wrapper">
<div class="logo">
<h1><a href="#">Rohini Hospital</a></h1>
<em>Orthopedic</em> <strong>Iso Certified</strong>
</div>
<div class="phones"> 90-3223-63-01<br />
90-4463-87-68 </div>
</div>
</div>
<div class="row-2 alt">
<div class="indent">
<!-- header-box-small begin -->
<div class="header-box-small">
<div class="inner">
<ul class="nav">
<li><a href="index.html">Home page</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="gallery.html">patient services</a></li>
<li><a href="restaurant.html">clinic servics</a></li>
<li><a href="testimonials.html" class="current">About
us</a></li>
<li><a href="booking.html">contous us</a></li>
</ul>
</div>
</div>
<!-- header-box-small end -->
</div>
</div>
</div>
<!-- content -->
<div id="content">
<div class="gallery">
<ul>
<li><a href="#"><img alt="" src="images/c1.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/c2.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/c3.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/c4.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/c5.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/c6.jpg" /></a></li>
</ul>
</div>
<div class="indent">
<h2>Customers’ Information</h2>
<ul class="list4">
<li> <img alt="" src="images/img-empty.png" class="png" />
<h6>Ghanendra, India</h6>
As physicians and health professionals we see everyday
patients who are severely af
<li> <img alt="" src="images/img-empty.png" class="png" />
<h6>Vikram,India</h6>
It is the combustion of tobacco and the 4000 chemical
substances that are produced
<li> <img alt="" src="images/img-empty.png" class="png" />
<div class="button1"><span><span><a href="#">patient
Feedback</a></span></span></di
</div>
</div>
<!-- footer -->
<div id="footer">
<ul class="nav">
<li><a href="#">Home</a>|</li>
<li><a href="#">Services</a>|</li>
<li><a href="#">patient services</a>|</li>
<li><a href="#">clinic servics</a>|</li>
<li><a href="#">About us</a>|</li>
<li><a href="#">contous us</a></li>
</ul>
<div class="wrapper">
<div class="fleft">Copyright © 2009 <a href="#">Name
Here</a>. All Rights Reserved<
<div class="fright">Designed by Ghanendra<a href="">
website Rohini</a> provider</d
</div>
</div>
</div>
<div align=center>This Webpage desigen by Ghanendra <a
href=''> website</a></div></body>
</html>
Gallery.html
<html>
<head>
<title>Hospital</title>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<script src="maxheight.js" type="text/javascript"></script>
</head>
<body id="page3" onload="new ElementMaxHeight();">
<div id="main">
<!-- header -->
<div id="header" class="small">
<div class="row-1">
<div class="wrapper">
<div class="logo">
<h1><a href="#">Rohini Hospital</a></h1>
<em>Orthopedic</em> <strong>Iso Certified</strong>
</div>
<div class="phones"> 90-3223-63-01<br />
90-4463-87-68 </div>
</div>
</div>
<div class="row-2 alt">
<div class="indent">
<!-- header-box-small begin -->
<div class="header-box-small">
<div class="inner">
<ul class="nav">
<li><a href="index.html">Home page</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="gallery.html" class="current">patient
services</a></li>
<li><a href="restaurant.html">clinic servics</a></li>
</div>
</div>
<!-- content -->
<div id="content">
<div class="gallery">
<ul>
<li><a href="#"><img alt="" src="images/p1.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/p2.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/p3.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/p4.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/p5.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/p6.jpg" /></a></li>
</ul>
</div>
<div class="container">
<div class="aside maxheight">
<!-- box begin -->
<div class="box maxheight">
<div class="inner">
<h3>patient Images</h3>
<div class="gallery-images">
<ul>
<li><a href="#"><img alt="" src="images/p1.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/p2.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/p3.jpg" /></a></li>
<li><a href="#"><img alt="" src="images/" /></a></li>
<li><a href="#"><img alt="" src="images/" /></a></li>
<li><a href="#"><img alt="" src="images/" /></a></li>
<li><a href="#"><img alt="" src="images/" /></a></li>
<li><a href="#"><img alt="" src="images/3page-img8.jpg"
/></a></li>
<li><a href="#"><img alt="" src="images/3page-img9.jpg"
/></a></li>
<li><a href="#"><img alt="" src="images/3page-img10.jpg"
/></a></li>
<li><a href="#"><img alt="" src="images/3page-img11.jpg"
/></a></li>
<li><a href="#"><img alt="" src="images/3page-img12.jpg"
/></a></li>
</ul>
</div>
</div>
</div>
<!-- box end -->
</div>
<div class="content">
<div class="indent">
<h2>patient picture type</h2>
<div class="gallery-main png">
<div class="inner"> <img alt="" src="images/3page-
img13.jpg" />
<div class="prev"><a href="#"><img alt=""
src="images/prev.png" class="png"
<div class="next"><a href="#"><img alt=""
src="images/next.png" class="png"
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<li><a href="#">About us</a>|</li>
<li><a href="#">contous us</a></li>
</ul>
<div class="wrapper">
<div class="fleft">Copyright © 2015 <a href="#">Name
Here</a>.
All Rights Reserved</div>
<div class="fright">Designed by desigen by Ghanendra <a
href=">
templates</a> provider</div>
</div>
</div>
</div>
<div align=center> This template Gaurav <a href=''> website
templates by Ghanendra</a></
</html>
Hospital Website Design HTML Code Output

THANK YOU

You might also like