You are on page 1of 37

Hotal Management

System
Submitted in partial fulfillment of the requirements
for the award of the degree of

Bachelor of Commerce
To

Sam Higginbottom University


of Agriculture Technology
and Sciences
Guide by:
Er. Abdul Rub
(Assistant Professor)

Submitted by:
Pranjal Singh – ( 19 BCOM 014)
Shashwat Asthana -( 19 BCOM 029)
Harsh Gupta -( 19 BCOM 073)
Certificate
We Pranjal Singh, Shashwat Asthana, Harsh Gupta certify that the
Project Report entitled “HOTAL MANAGEMENT SYSTEM” is done by us
and it is an authentic work carried out by us at Institute of Innovation in
Technology and Management. The matter embodied in this project work
has not been submitted earlier for the award of any degree of diploma to
the best of our knowledge and belief.

1. Signature of the student 2. Signature of the student

3. Signature of the student 4. Signature of the student

Date: 28th May 20020

Certified that the Project Report entitled “HOSPITAL MANAGEMENT

WEBSITE” done by above mention students is completed under my

guidance.

Signature of the Guide

Name of the Guides:

Er. Abdul Rub

Countersigned
(Director / Project Coordinator)
ACKNOWLEDGMENT

We take this opportunity to express our sense of gratitude

to all those who helped us in completing this project. The

successful task would be incomplete without the mention of the

people whose constant guidance and encouragement crown all

efforts with success. We would like to convey our thanks to Er.

Abdul Rub for their constant suggestions which have resulted in

successful completion of the project.


SYSTEM CODING AND IMPLEMENTATION

HOMEPAGE
<!DOCTYPE>

<html>

<head>

<title>Hotel Management</title>

<link rel="stylesheet" type="text/css" href="index.css"/>

<link rel="stylesheet" type="text/css" href="dhtmlxcalendar.css"/>

<script src="dhtmlxcalendar.js"></script>

<style>

#calendar,

#calendar2,

border: 1px solid #909090;

font-family: Tahoma;

font-size: 12px;

</style>

<script>

var myCalendar;

function doOnLoad()

myCalendar = new dhtmlXCalendarObject(["calendar","calendar2",]);

</script

</head>
<body onload="doOnLoad();">

<div id="holder"><a href="https://www.co.in"><img src="images/22.jpg" width="200px"


height="100px"/></a>

<div id="header">

<ul>

<li><a href="login.html">Login</a></li>

<li><a href="http://localhost/project/overview.html">Overview</a></li>

<li><a href="http://localhost/project/rest/index.html">Restaurant</a></li>

<li><a href="book.html">Booking</a></li>

<li><a href="index.html">Home</a></li>

</ul>

</div><!--header -->

<br>

<div id="ab">

<div id="check">

<br>

<form action="check.php" method="post">

<div style="position:relative;height:80px;">

<label for="in">Check in:</label> &nbsp;&nbsp;&nbsp;&nbsp;

<input id="calendar" name="in" placeholder="2015-06-02" required=""


type="text"> <br><br>

<label for="in">Check out:</label> &nbsp;&nbsp;

<input id="calendar2" name="out" placeholder="2015-06-05"


required="" type="text"> <br><br>

</div>

Room Type:
<select name="room">

<option value="A/C">A/C</option>

<option value="Non-A/C">Non-A/C</option>

</select>

<select name="type">

<option value="single">Single</option>

<option value="double">Double</option>

<option value="three">Three</option>

</select>

<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;

<input type="submit" name="submit" value="submit" />

<input type="reset" name="reset" value="Reset" />

</form>

</div><!--chack -->

&nbsp;

<div id="chat">

<form action="" method="post">

<label for="in">Chat</label>

<input id="chat" name="chat" placeholder="message"


required="">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input type="submit" name="submit" value="submit" />

</form>

</div><!--chat-->
<br>

<br>

<div id="fd">

<form action="feedback.php" method="post">

<label for="in">Feedback</label>

<input id="fd" name="feed" placeholder="Type message"


required="">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input type="submit" name="submit" value="submit" />

</form>

</div><!--fd-->

</div><!--ab-->

<br clear="all"/>

<div id="ac">

<h1>A/C</h1>

<div id="a">

<br><br><br><br>

&nbsp;&nbsp;

Single Rs.2000

<br>&nbsp;&nbsp;&nbsp;

<a href="video.html"><input type="submit" value="View"></a>

<a href="book.html"><input type="submit" value="Booking"></a>

</div><!--a-->

<div id="b">

<br><br><br><br>
&nbsp;&nbsp;&nbsp;

Double Rs.3000

<br>&nbsp;&nbsp;&nbsp;

<a href="video.html"><input type="submit" value="View"></a>

<a href="book.html"><input type="submit" value="Booking"></a>

</div><!--b-->

<div id="c">

<br><br><br><br>

&nbsp;&nbsp;

Three Rs.5000

<br>&nbsp;&nbsp;&nbsp;

<a href="video.html"><input type="submit" value="View"></a>

<a href="book.html"><input type="submit" value="Booking"></a>

</div><!--c-->

</div><!--ac-->

<div id="offer">

<h1>Special Offers</h1>

<div id="a1"><p>&nbsp;</p>

<br><br>

Single Bed<br>

Three Booking<br>For <b>5</b>% discount

</div><!--a1-->

<div id="b1"><p>&nbsp;</p><br>

<br>

Double Bed<br>

Three Booking<br> For <b>10</b>% discount

</div><!--b1-->
<div id="c1"><p>&nbsp;</p><br>

<br>

Three Bed<br>

Three Booking<br> For <b>15</b>% discount

</div><!--c1-->

</div><!--offer-->

<div id="nonac">

<h1>Non-A/C</h1>

<div id="a2">

&nbsp;<p>&nbsp;</p>

&nbsp;&nbsp;

Single Rs.1000

<br>&nbsp;&nbsp;&nbsp;

<a href="video.html"><input type="submit" value="View"></a>

<a href="book.html"><input type="submit" value="Booking"></a>

</div><!--a2-->

<div id="b2">

&nbsp;<p>&nbsp;</p>

&nbsp;&nbsp;

Double Rs.2000

<br>&nbsp;&nbsp;&nbsp;

<a href="video.html"><input type="submit" value="View"></a>

<a href="book.html"><input type="submit" value="Booking"></a>

</div><!--b2-->

<div id="c2">

&nbsp;<p>&nbsp;</p>

&nbsp;&nbsp;

Three Rs.3500
<br>&nbsp;&nbsp;&nbsp;

<a href="video.html"><input type="submit" value="View"></a>

<a href="book.html"><input type="submit" value="Booking"></a>

</div><!--c2-->

</div><!--nonac-->

<div id="rest">

<h1>Special Dishes</h1>

<div id="a3">

</div>

<div id="b3">

<a href="#"></a>

</div>

<div id="c3">

</div>

</div><!--rest-->

</div><!--holder -->

</body>

</html>
Booking
<!DOCTYPE>
<html>
<head>
<title>Booking</title>
<link rel="stylesheet" type="text/css" href="book.css"/>
<link rel="stylesheet" type="text/css" href="dhtmlxcalendar.css"/>

<script src="dhtmlxcalendar.js"></script>

<style>
#calendar,
#calendar2,
#calendar3,
#calendar4,
{
border: 1px solid #909090;
font-family: Tahoma;
font-size: 12px;
}
</style>
<script>
var myCalendar;
function doOnLoad()
{
myCalendar = new
dhtmlXCalendarObject(["calendar","calendar2","calendar3","calendar4",]);
}
</script>
</head>
<body onload="doOnLoad();">
<div id="holder"><a href="https://www.co.in"><img src="images/22.jpg"
width="200px" height="100px"/></a>
<div id="header">

<ul>
<li><a href="login.html">Login</a></li>
<li><a href="overview.html">Overview</a></li>
<li><a href="rest/index.html">Restaurant</a></li>
<li><a href="book.html">Booking</a></li>
<li><a href="index.html">Home</a></li>
</ul>
</div><!--header -->
<div id="ab">
<div id="check">
<br>
<form action="check.php" method="post">
<div style="position:relative;height:80px;">
<label for="in">Check in:</label> &nbsp;&nbsp;&nbsp;&nbsp;
<input id="calendar" name="in" placeholder="2015-06-02"
required="" type="text"> <br><br>

<label for="in">Check out:</label> &nbsp;&nbsp;


<input id="calendar2" name="out" placeholder="2015-06-05"
required="" type="text"> <br><br>

</div>
Room Type:
<select name="room">
<option value="A/C">A/C</option>
<option value="Non-A/C">Non-A/C</option>
</select>
<select name="type">
<option value="single">Single</option>
<option value="double">Double</option>
<option value="three">Three</option>
</select>

<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="submit" name="submit" value="submit" />
<input type="reset" name="reset" value="Reset" />
</form>
</div><!--chack -->
&nbsp;
<div id="chat">
<form action="" method="post">
<label for="in">Chat</label>
<input id="chat" name="chat" placeholder="message"
required="">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="submit" name="submit"
value="submit" />
</form>
</div><!--chat-->
<br>
<br>
<div id="fd">
<form action="feedback.php" method="post">
<label for="in">Feedback</label>
<input id="fd" name="feed" placeholder="Type message"
required="">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="submit" name="submit"
value="submit" />
</form>
</div><!--fd-->
</div><!--ab-->
<div id="book">
<h1>Booking</h1>
<div id="a1">
<p>&nbsp;</p>

<form action="book.php" method="post">


<label
for="name">Name:</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;
<input id="name" name="name" placeholder="Full Name"
required="" tabindex="1" type="text"><br><br>

<label
for="email">Email</label>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;
<input id="email" name="email" placeholder="Email" required=""
type="email"><br><br>

<label for="mobile">Mobile No:</label> &nbsp;


<input id="phone" name="mobile" placeholder="Number"
required="" type="text"> <br><br>

<div style="position:relative;height:80px;">

<label for="in">Check in:</label> &nbsp;&nbsp;&nbsp;&nbsp;


<input id="calendar3" name="in" placeholder="2015-06-02"
required="" type="text"> <br><br>

<label for="out">Check out:</label> &nbsp;&nbsp;


<input id="calendar4" name="out" placeholder="2015-06-05"
required="" type="text"> <br><br>

</div>
Room Type:
<select name="room">
<option value="A/C">A/C</option>
<option value="Non-A/C">Non-A/C</option>
</select>
<select name="type">
<option value="single">Single</option>
<option value="double">Double</option>
<option value="three">Three</option>
</select>
<br/><br/><br/>
<a href="payment.html"><input type="submit" name="submit" value="Book"/></a>
<input type="reset" name="reset" value="Reset" />
</form>
</div><!--a1-->
</div><!--book-->
<div id="rest">
<h1>Special Dishes</h1>
<div id="a3">
</div>
<div id="b3">
</div>
<div id="c3">
</div>
</div><!--rest-->
</div><!--holder-->
</body>
</html>
Restaurant
<!DOCTYPE html>

<!-- Website template by freewebsitetemplates.com -->

<html>

<head>

<meta charset="UTF-8">

<title>Sushi Website Template</title>

<link rel="stylesheet" href="css/style.css" type="text/css">

<!--[if IE7]>

<link rel="stylesheet" href="css/ie7.css" type="text/css">

<![endif]-->

</head>

<body>

<div id="page">

<div id="header">

<div id="sidebar">

<a href="index.html" id="logo"><img src="images/logo.png"


alt="LOGO"></a>

<div id="navigation">

<ul>

<li class="selected">

<a href="index.html">Home</a>

</li>

<li class="menu">

<a href="menu.html">Menu</a>

<div class="sub">

<a href="menu.html">Lorem Ipsum</a>


<a href="menu.html">Dolor Sit Amet</a> <a href="menu.html">Nulla Pretium</a> <a
href="menu.html" class="last-child">Curabitur</a>
</div>

<span></span>

</li>

</ul>

</div>

</div>

<div id="adbox">

<h1>Lorem ipsum dolor sit amet!</h1>

<div class="frame">

<div class="section">

<p>

Lorem ipsum dolor sit amet, consectetur


adipiscing elit. Sed aliquet nulla ac purus iaculis quis fermentum lacus sodales. Nulla facilisi.
Nam eget orci enim, eu sodales ligula. <span>+0908 345 5647 | +65 2314</span>

</p>

</div>

<div class="section">

<h2>Lorem ipsum dolor sit</h2>

<p>

Lorem ipsum dolor sit amet, consectetur


adipiscing elit. Sed aliquet nulla ac purus iaculis quis fermentum lacus sodales. Nulla facilisi.

</p>

</div>

</div>

</div>

</div>

<div id="contents">
<div id="articles">

<div>

<div class="frame">

<img src="images/sushi9.png" alt="Img" height="213"


width="218">

<h2>Lorem ipsum</h2>

<p>

Consectetur adipiscing elit. Sed aliquet nulla


ac purus iaculis quis fermentum lacus sodales.

</p>

<a href="blog.html" class="more">Learn More</a>

</div>

<div class="frame">

<img src="images/sushi10.png" alt="Img"


height="192" width="189">

<h2>Dolor sit amet</h2>

<p>

Lorem ipsum dolor sit amet, consectetur


adipiscing elit. Sed aliquet nulla ac purus iaculis quis fermentum lacus.

</p>

<a href="blog.html" class="more">Learn More</a>

</div>

<div id="featured">

<ul>

<li>

<a href="index.html"> <img


src="images/sushi1.png" alt="Img">

<h3>Lorem Ipsum</h3>

</a>

</li>
<li>

<a href="index.html"> <img


src="images/sushi2.png" alt="Img">

<h3>Dolor sit amet</h3>

</a>

</li>

<li>

<a href="index.html"> <img


src="images/sushi3.png" alt="Img">

<h3>Nulla Pretium</h3>

</a>

</li>

<li>

<a href="index.html"> <img


src="images/sushi4.png" alt="Img">

<h3>Curabitur</h3>

</a>

</li>

</ul>

</div>

</div>

</div>

<div id="dummy">

</div>

</div>

<div id="footer">

<div class="header">

<div class="body">

<ul>
<li>

<h4>Lorem Ipsum</h4>

<span>&gt; <a href="#header">Dolor Sit


Amet</a></span> <span>&gt; <a href="#header">Lorem Ipsum</a></span> <span>&gt; <a
href="#header">Nulla Pretium</a></span>

</li>

<li>

<h4>Dolor Sit Amet</h4>

<span>&gt; <a href="#header">Dolor Sit


Amet</a></span> <span>&gt; <a href="#header">Lorem Ipsum</a></span> <span>&gt; <a
href="#header">Nulla Pretium</a></span>

</li>

<li>

<h4>Nulla Pretium</h4>

<span>&gt; <a href="#header">Dolor Sit


Amet</a></span> <span>&gt; <a href="#header">Lorem Ipsum</a></span> <span>&gt; <a
href="#header">Nulla Pretium</a></span>

</li>

<li class="last-child">

<h4>Curabitur</h4>

<span>&gt; <a href="#header">Dolor Sit


Amet</a></span> <span>&gt; <a href="#header">Lorem Ipsum</a></span> <span>&gt; <a
href="#header">Nulla Pretium</a></span>

</li>

</ul>

</div>

<div class="footer">

<div id="connect">

<a
href="http://freewebsitetemplates.com/go/facebook/" target="_blank" class="facebook"></a>
<a href="http://freewebsitetemplates.com/go/twitter/" target="_blank" class="twitter"></a>
<a href="http://freewebsitetemplates.com/go/googleplus/" target="_blank"
class="googleplus"></a> <a href="http://freewebsitetemplates.com/go/vimeo/"
target="_blank" class="vimeo"></a>

</div>

</div>

</div>

</div>

</div>

</body>

</html>
Menu
<!DOCTYPE html>

<!-- Website template by freewebsitetemplates.com -->

<html>

<head>

<meta charset="UTF-8">

<title>Menu - Sushi Website Template</title>

<link rel="stylesheet" href="css/style.css" type="text/css">

<!--[if

IE7]>

<link rel="stylesheet" href="css/ie7.css" type="text/css">

<![endif]-->

</head>

<body>

<div

id="page">

<div id="header">

<div id="sidebar">

<a

href="index.html" id="logo"><img src="images/logo.png" alt="LOGO"></a>

<div id="navigation">

<ul>
<li>

<a href="index.html">Home</a>

</li>

<li class="menu selected">

<a href="menu.html">Menu</a>

<div class="sub">

<a

href="menu.html">Lorem Ipsum</a> <a href="menu.html" class="selected">Dolor Sit


Amet</a> <a href="menu.html">Nulla

Pretium</a> <a href="menu.html" class="last-child">Curabitur</a>

</div>

<span></span>

</li>

</ul>

</div>

</div>

<div id="menu-adbox">
<div class="details">

<h1>Lorem ipsum</h1>

<p>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquet
nulla ac purus

iaculis quis fermentum lacus sodales

</p>

</div>

</div>

</div>

<div id="contents">

<ul id="gallery">

<li>

<a href="menu.html"> <img src="images/sushi3.png"


alt="Img"> <b>Lorem ipsum</b>

Dolor sit amet</a>

</li>

<li>

<a

href="menu.html"> <img src="images/sushi2.png" alt="Img"> <b>Lorem ipsum</b> Dolor sit


amet</a>
</li>

<li>

<a href="menu.html"> <img src="images/sushi5.png"

alt="Img"> <b>Lorem ipsum</b> Dolor sit amet</a>

</li>

<li>

<a href="menu.html"> <img src="images/sushi4.png" alt="Img">


<b>Lorem ipsum</b> Dolor sit amet</a>

</li>

<li>

<a href="menu.html"> <img

src="images/sushi6.png" alt="Img"> <b>Lorem ipsum</b> Dolor sit amet</a>

</li>

<li>

<a href="menu.html"> <img src="images/sushi4.png"


alt="Img"> <b>Lorem

ipsum</b> Dolor sit amet</a>

</li>

<li>
<a href="menu.html"> <img src="images/sushi3.png" alt="Img"> <b>Lorem ipsum</b> Dolor
sit amet</a>

</li>

<li>

<a href="menu.html"> <img src="images/sushi1.png"

alt="Img"> <b>Lorem ipsum</b> Dolor sit amet</a>

</li>

<li>

<a href="menu.html"> <img src="images/sushi1.png" alt="Img">


<b>Lorem ipsum</b> Dolor sit amet</a>

</li>

<li>

<a href="menu.html"> <img

src="images/sushi2.png" alt="Img"> <b>Lorem ipsum</b> Dolor sit amet</a>

</li>

<li>

<a href="menu.html"> <img src="images/sushi5.png"


alt="Img"> <b>Lorem

ipsum</b> Dolor sit amet</a>

</li>

<li>
<a href="menu.html"> <img src="images/sushi4.png" alt="Img"> <b>Lorem ipsum</b> Dolor
sit amet</a>

</li>

</ul>

</div>

<div id="footer">

<div class="header">

<div class="body">

<ul>

<li>

<h4>Lorem Ipsum</h4>

<span>&gt; <a href="#header">Dolor Sit Amet</a></span> <span>&gt; <a


href="#header">Lorem Ipsum</a></span> <span>&gt; <a

href="#header">Nulla Pretium</a></span>

</li>

<li>

<h4>Dolor Sit Amet</h4>


<span>&gt; <a href="#header">Dolor Sit Amet</a></span> <span>&gt; <a
href="#header">Lorem Ipsum</a></span> <span>&gt; <a

href="#header">Nulla Pretium</a></span>

</li>

<li>

<h4>Nulla Pretium</h4>

<span>&gt; <a href="#header">Dolor Sit Amet</a></span> <span>&gt; <a


href="#header">Lorem Ipsum</a></span> <span>&gt; <a

href="#header">Nulla Pretium</a></span>

</li>

<li class="last-child">

<h4>Curabitur</h4>

<span>&gt; <a href="#header">Dolor Sit Amet</a></span> <span>&gt; <a


href="#header">Lorem Ipsum</a></span>

<span>&gt; <a href="#header">Nulla Pretium</a></span>

</li>

</ul>

</div>

<div class="footer">
<div id="connect">

<a
href="http://freewebsitetemplates.com/go/facebook/"

target="_blank" class="facebook"></a> <a href="http://freewebsitetemplates.com/go/twitter/"


target="_blank"

class="twitter"></a> <a href="http://freewebsitetemplates.com/go/googleplus/"


target="_blank" class="googleplus"></a> <a

href="http://freewebsitetemplates.com/go/vimeo/" target="_blank" class="vimeo"></a>

</div>

</div>

</div>

</div>

</div>

</body>
</html>
Overview
<!DOCTYPE>

<html>

<head>

<title>login</title>

<link rel="stylesheet" type="text/css" href="overview.css"/>

</head>

<body>

<div id="holder"><a href="https://www.co.in"><img src="images/22.jpg" width="200px"


height="100px"/></a>

<div id="header">

<ul>

<li><a href="login.html">Login</a></li>

<li><a href="overview.html">Overview</a></li>

<li><a href="rest/index.html">Restaurant</a></li>

<li><a href="book.html">Booking</a></li>

<li><a href="index.html">Home</a></li>

</ul>

</div><!--header -->

<div id="gallery">

<h1>Photo</h1>

<img src="images/over/01.jpg" width="150px" height="100px"/>

<img src="images/over/02.jpg" width="150px" height="100px"/>

<img src="images/over/03.jpg" width="150px" height="100px"/>

<img src="images/over/12.jpg" width="150px" height="100px"/><br>

<img src="images/over/04.jpg" width="150px" height="100px"/>

<img src="images/over/05.jpg" width="150px" height="100px"/>

<img src="images/over/06.jpg" width="150px" height="100px"/>


<img src="images/over/07.jpg" width="150px" height="100px"/><br>

<img src="images/over/08.jpg" width="150px" height="100px"/>

<img src="images/over/09.jpg" width="150px" height="100px"/>

<img src="images/over/10.jpg" width="150px" height="100px"/>

<img src="images/over/11.jpg" width="150px" height="100px"/>

</div><!--gallery-->

<div id="contact">

<h1>Contact Us</h1>

<div id="b1">&nbsp;&nbsp;

<h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Deepak Tailor</h2>

<h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9166004022</h2>

</div><!--b1-->

<div id="b2">&nbsp;&nbsp;

<h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bablu Singh</h2>

<h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9977469946</h2>

</div><!--b2-->

<div id="b3">&nbsp;&nbsp;

<h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Arshd Khan</h2>

<h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7081581466</h2>

</div><!--b3-->

<div id="b4">&nbsp;&nbsp;

<h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Govind Patidar</h2>

<h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;9565386679</h2>

</div><!--b4-->

<br><br><br><br><br><br>
<a href="https://www.facebook.com/"><img src="images/over/fb.jpg"
width="50px" height="50px"/></a>

<a href="https://accounts.google.com/ServiceLogin?
passive=1209600&continue=https%3A%2F%2Faccounts.google.com
%2FManageAccount&followup=https%3A%2F%2Faccounts.google.com
%2FManageAccount#identifier"><img src="images/over/google.jpg" width="50px"
height="50px"/></a>

<a href="https://twitter.com/login"><img src="images/over/tw.jpg"


width="50px" height="50px"/></a>

<a href="https://in.yahoo.com/"><img src="images/over/yoo.png" width="50px"


height="50px"/></a>

</div><!--contact-->

</div><!--holder-->

</body>

</html>
Login
<!DOCTYPE>

<html>

<head>

<title>login</title>

<link rel="stylesheet" type="text/css" href="login.css"/>

<script type="text/javascript">

function clicked() {

alert('Successfully submitted');

$("#formname").resetForm();

</script>

</head>

<body>

<div id="holder"><a href="https://www.co.in"><img src="images/22.jpg" width="200px"


height="100px"/></a>

<div id="header">

<ul>

<li><a href="login.html">Login</a></li>

<li><a href="overview.html">Overview</a></li>

<li><a href="rest/index.html">Restaurant</a></li>

<li><a href="book.html">Booking</a></li>

<li><a href="index.html">Home</a></li>

</ul>

</div><!--header -->

<div id="login">
<br>

<h1> Login</h1>

<div id="p"><br><br><br>

<form action="login.php" method="post">

<label for="number">Room Number:</label>&nbsp;&nbsp;

<input id="" name="rnumber" placeholder="Number" required="" type="text">


<br><br>

&nbsp;&nbsp;&nbsp;

<label for="number">Room Id:</label> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input id="" name="rid" placeholder="Id" required="" type="text"> <br><br>

Cancel:

<input type="radio" name="cancel" value="yes">Yes

<input type="radio" name="cancel" value="no">No

<br><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<input type="submit" name="submit" value="Ok"/>

</form>

</div><!--p-->

</div><!--login-->

</div><!--holder-->

</body>

</html>
The End

( Thanks)

You might also like