Sie sind auf Seite 1von 89

CHAPTER-1

PROBLEM DEFINATION

1. INTRODUCTION

An information system is an integrated set of components for collecting, storing, processing, and

communicating information. Business firms, other organizations, and individuals in contemporary society rely

on information systems to manage their operations, compete in the marketplace, supply services, and augment

personal lives.

Now a days, mostly service industries have shifted themselves to information system it ease the work of the

company and approach of the customer are also better. As the world is moving fast now people look how a work

can be quickly completed and the information system helps in this. Data can be easily stored by the company as

well as the customer can easily do their booking, get information about the particular firm etc.

Our project report is on HOTEL named SPAR LEISURE INN. It provides information regarding hotels

rooms and suits, dinning, meeting and events rooms. Our website also provides the facility of online reservation.

The hotel offers tastefully modern guestrooms and suites. Many rooms boast spectacular views of the city's

historic diplomatic district. All rooms are exquisitely appointed with contemporary Asian furnishings. Our

generously-spaced suites offer the very best in luxury living. Stylish and abundantly spacious with fabulous

interiors, provide an exclusive retreat from the city.

Local and international guests alike can look forward to choice Indian, Mediterranean, Asian and Italian

specialties, authentically prepared and graciously presented. In addition, the hotels Bar and Lounge offer an

extensive selection of wines, single malt whiskeys and cigars for a relaxing end to the day.

Located on Level One, overlooking the lush manicured terrace, Spars Ballroom is an ideal venue for important

1
meetings and banquet celebrations. Its contemporary and luxurious interiors offer latest state-of-the-art

convention and conferencing facilities

1.1 OBJECTIVES OF THE PROPOSED SYSTEM:

1. Today Internet is the fast way of transferring Data and Information over wide area, hence we have

used internet as a way for exchanging information with the consumer.

2. It automates the process of tracking details of the customers in safe and secure manner while

reducing the chances of manual errors.

3. Making the reservation process easy and simple for consumers so that they dont have to face

difficulty in booking it.

4. The system allows the data retrieval information quickly and easily, improving operational

effectiveness and efficiency.

5. Computerization of the official works will help in doing lot of manual work quickly.

1.2 PURPOSE OF THE PROPOSED SYSTEM:

1. To facilitate monitoring of operations at low levels and frees up resources for departmental managers to

devote time to strategic activities

2. To minimize information overload, this can be quite common with conventional businesses in the

modern era.

3. To ensure better planning and control

4. To facilitate aid decision making

5. To reduce the manual work

6. Easy data storage

7. To help in easy access by the customers. They can easily get the information about particular firms.

8. Less chances of errors.


2
1.3 PROBLEM WITH THE EXISTING SYSTEM:

1. Information systems cannot present all kinds of information accurately.

2. Thick information, which is rich in meaning and not quantifiable, is best suited to human analysis.

Example: employee evaluations need face-to-face communication to convey all information.

3. Information systems can be hard to develop.

2. DATA COLLECTION

1. www.shangri-la.com/newdelhi/erosshangrila :

2. www.tajhotels.com

3. www.lemeridiendelhi.com

3. CONTRIBUTION MADE BY OTHER TEAM MEMBERS:

NAME OF THE MEMBERS JOB DONE

DIKSHA GANDHI DATABASE DESCRIPTION

MAYANK MAKHIJA DATABASE DESCRIPTION / SYSTEM

ANALYSIS

SAKSHI GUPTA CODING AND IMPLEMENTATION /

SYSTEM ANALYSIS

FINNI SHAJI CODING AND IMPLEMENTATION/

SYSTEM ANALYSIS

Table no.1.1: Job done by team members.

3
CHAPTER -2

SYSTEM ANALYSIS AND DESIGN

2.1 BLOCK DIAGRAM

Selects makes makes


Customer Rooms Reservation Payment Customer

List of Account
rooms payable

Figure 2.1- Block Diagram of Hotel

2.2 SITEMAP

HOMEPAGE

RESERVATION ROOMS MEETING FINE PHOTOS OFFER


ABOUT US
AND AND DINNING
SUITS EVENTS CONTACT
BOOKING US

CANCELATION ROOMS

SUITS

SPAR CLUB ROOM

Figure 2.2- Sitemap of Hotel


4
2.3 ER- DIAGRAM

Customer_id
Contact no.

name e.mail_id arrival


Room_no.
Customer_id
Customer Makes
address Reservation

Departure
Reservatin_id
Room type

Pays
Makes

Cancellation Payment payment_id

payment_id Reservatin_id
Customer_id
Reservation-id
Customer_ id Amount

Figure 2.3- ER-Diagram of Hotel

2.4 (i) DATABASE DESIGN

FILE NAME-CUSTOMER

FIELD FIELD FIELD SIZE(NO. OF DESCRIPTION

NAME CODE TYPE CHARACTERS)

Name Name Text 15 The name of the customer

Address Address Text 40 The address of the customer

Customer Customer Number 15 The telephone number of the

5
number no. customer

Customer_id Customer_id Auto 50 The unique id no. of the

number customer

Room no. Room no. Number 3 The number of the room

Room type Room type Text 15 The type of room

E.mail_id E.mail_id Text 56 The email id of the customer

Table 2.4.1- Database Description of Customer

FILE NAME-RESERVATION

FIELD NAME FIELD CODE FIELD SIZE(NO. OF DESCRIPTION

TYPE CHARACTERS)

Reservation_id Reservation_id Auto 50 The unique id no. of

number reservation of the

customer

Arrival Arrival Date/Time 15 The arrival date and time

of the customer

Departure Departure Date/Time 15 The departure date and

time of the customer

Customer_id Customer_id Auto 50 The unique id no. of the

number customer

Room no. Room no. Number 15 The number of the room

Room type Room type Text 15 The type of room

Table 2.4.2- Database Description of Reservation

6
FILE NAME-PAYMENT

FIELD NAME FIELD CODE FIELD SIZE(NO. OF DESCRIPTION

TYPE CHARACTERS)

Reservation_id Reservation_id Auto 50 The unique id no. of

number reservation of the

customer

Customer_id Customer_id Auto 50 The unique id no. of

number the customer

Payment_id Payment_id Auto 50 The unique payment

number id no. of the

customer

Amount Amount Currency 15 The amount payable

by customer.

Table 2.4.3- Database Description of Payment

FILE NAME-CANCELATION

FIELD NAME FIELD CODE FIELD SIZE(NO. OF DESCRIPTION

TYPE CHARACTERS)

Reservation_id Reservation_id Auto 50 The unique id no. of

number reservation of the

customer

Customer_id Customer_id Auto 50 The unique id no. of

number the customer

Payment_id Payment_id Auto 50 The unique payment

7
number id no. of the customer

Table 2.4.4- Database Description of cancelation

(ii) WEBPAGE DESIGN

INPUT NAME: RESERVATION FORM

NAME OF LABEL DESCRIPTION/PURPOSE VALIDATION

REQUIRED

Check-in This tells the check in date and time Date/Time

of the visitor

Check-out This tells the check out date and time Date/Time

of the visitor

Rooms Number of rooms to be booked Number

Adult Number of adults in a room Number

Children Number of children in room Number

Reservation no. Reservation number of the customer Auto Number

Family/Last Name Last name of the customer Alphabetic

Membership no. Membership number of the members Number

Password Password of the members Alphanumeric

Table 2.4.5 Webpage description of reservation page

8
2.5 FLOW CHART Start

Home Page

Access information

Preference Search

Room Dinning
Events

Tariff Reserve Reserve

Payment Payment
Book?

No
NO

yes Conformation Conformation

yes Thanks for


Thanks for

Visit Visit
yes
Go to reservation
page
`

Payment

Conformation Stop

Figure 2.5 - Flow Chart of Hotel

9
CHAPTER-3

SYSTEM CODING AND IMPLEMENTATION

CSS:

As1:

<style type="text/css">

.hovergallery img{-webkit-transform:scale(0.8);-moz-transform:scale(0.8); /*Mozilla scale


version*/.hovergallery img:hover{-webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original
size*/-moz-transform:scale(1.1); /*Mozilla scale version*/border: 0px solid #ffffff;}

/* ------------------DROPDOWN------------------------*/

#coolmenu,

#coolMenu,

#coolMenu ul { list-style: none; }

#coolMenu { float: left; }

#coolMenu > li { float: left; }

#coolMenu li a { display: block; height: 2em; line-height: 2em;padding: 0 3.5em; text-decoration: none; }

#coolMenu ul { position: absolute; display: none; z-index: 999; }

#coolMenu ul li a { width: 70px; }

#coolMenu li:hover ul { display: block; }

/* Main menu ------------------------------------------*/

#coolMenu { font-family: Arial;font-size: 12px;background: transparent; }

#coolMenu > li > a { color: #fff; font-weight: bold; }

#coolMenu > li:hover > a { background: #f09d28;font-size: 15px; color: black; }

/* Submenu ------------------------------------------*/
10
#coolMenu ul { background: #4E3716; }

#coolMenu ul li a {color: #FFB650; }

#coolMenu ul li:hover a {background:#277EE1;color: #4E3716; }

/* ------------------slider------------------------*/

#images { width: 1150px; height: 500px;overflow: hidden; position: relative;margin: 20px auto;}

#images img { width: 1150px; height: 500px; position: absolute; top: 0;left: -400px; z-index: 1; opacity: 0;

transition: all linear 500ms; -o-transition: all linear 500ms;-moz-transition: all linear 500ms;-webkit-transition:
all linear 500ms;}

#images img:target { left: 0; z-index: 9;opacity: 1;}

#images img:first-child {left: 0;}

#slider a {text-decoration: none;background: #E3F1FA; border: 1px solid #C6E4F2; padding: 4px 6px; color:
#222}

#slider a:hover {background: #C6E4F2;}

</style>

Dropdown:

<style type="text/css">

/* ------------------DROPDOWN------------------------*/

#coolmenu,

#coolMenu, #coolMenu ul { list-style: none; }

#coolMenu {float: left; }

#coolMenu > li {float: left; }

#coolMenu li a { display: block, height: 2em; line-height: 2em; padding: 0 3.5em; text-decoration: none; }
#coolMenu ul { position: absolute; display: none; z-index: 999; }

#coolMenu ul li a {width: 70px; }

11
#coolMenu li:hover ul { display: block; }

/* Main menu ------------------------------------------*/

#coolMenu { font-family: Arial; font-size: 12px; background: transparent; }

#coolMenu > li > a { color: #fff; font-weight: bold; }

#coolMenu > li:hover > a { background: #f09d28; font-size: 15px; color: black; }

/* Submenu ------------------------------------------*/

#coolMenu ul { background: #4E3716; }

#coolMenu ul li a { color: #FFB650; }

#coolMenu ul li:hover a { background:#277EE1; color: #4E3716; }

</style>

3.1 HOMEPAGE

CODING:

<html>

<head>

<title>Home Page</title>

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

</head>

<body background="..\images\SLND-Bg-Exterior-Facade-Duck-Time.jpg">

<br>

<center><img src="..//images\spar1.png" width="310" height="225"></center>

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

12
<div class="hovergallery">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp <a
href="reservation.html"><img src="../images\reservation copy.jpg"width="307" height="60"></a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<a
href="about.html"><img src="..\images\about.jpg" width="150" height="60"></a>

<a href="home.html"><img src="..\images\home.jpg" width="150" height="60" /></a>

<br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<a
href="RS.html"><img src="..\images\rooms.jpg"width="307" height="60" ></a><BR>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<a
href="dinning.html"><img src="..\images\dinning.jpg" width="150" height="60" /></a>

<a href="gallery.html"><img src="..\images\photos.jpg" width="150" height="60" /></a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<a
href="ME.html"><img src="..\images\meetings.jpg"width="307" height="60" ></a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<a
href="OFFERS.HTML"><img src="..\images\offers.jpg" width="150" height="60" /></a>

<a href="contact.html"><img src="..\images\contact.jpg" width="150" height="60"/></a><BR>

</div>

</body>

</html>

13
OUTPUT:

Figure 3.1 Homepage

3.2 RESERVATION:

CODING:

<html>
<head>
<title>Reservation</title>
<link rel="stylesheet" href='as1.css' type="text/css"/>
</head>
14
<body background="..\bckgrnd\black.jpg">
<pre>
<imgsrc="../images\spar1.png" width="245" height="152">
<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>
<hr>
<center><font color="#4E3716"> <ul id="coolmenu">
<li><a href="#"></a></li>

<li><a href="home.html">Home</a></li>
<li><a href="about.html">About Us</a> </li>
<li><a href="RS.html">Rooms & Suites</a>
<ul>
<li><a href="rooms.html">Rooms</a></li>
<li><a href="suites.html">Suites</a></li>
<li><a href="scr.html">SC Room</a></li>
</ul>

</li>

<li><a href="dinning.html">Dinning</a>
<ul>
<li><a href="restaurant.html">Restaurant</a></li>
<li><a href="barlounge.html">Bar Lounge</a></li>
<li><a href="lobby lounge.html">LobbyLounge</a></li>
</ul>
</li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="ME.html">Meetings & Events</a>
<ul>
<li><a href="cr.html">ConferenceRoom</a></li>
<li><a href="BALLROOM.HTML">Ball Room</a></li>
</ul>
</li>
<li><a href="OFFERS.HTML">Offers</a></li>
<li><a href="contact.html">Contact Us</a></li>
15
</ul>
</font></center>
<br>
<br>
<br>
<br>
<div align="center">
<table border="1" width="97%" background="../bckgrnd/whitestripes.png" height="240">
<tr>
<td height="41" width="587">
<p align="center"></font>
<font face="Abbess" size="4"><b>
New Reservation</b></td>
<td height="41">
<p align="center"><b><font face="Abbess" size="4">View, Modify &amp; Cancel
Reservation</font></b></td>
</tr>
<tr>
<td width="587"><form method="POST">

<p><font color="white" face="AR BLANCA">


&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&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;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&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;&nbsp;&nbsp;&nbsp;

</font></p>
<p align="left"><font face="Adobe Caslon Pro Bold">&nbsp;&nbsp;&nbsp;Check-in&nbsp; <select
size="1" name="D3">
<option>1</option>
<option>2</option>
<option>3</option>
16
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
</select> </font><font face="Adobe Caslon Pro Bold" color="white"> <select size="1" name="D4">
<option>January</option>
<option>February</option>
<option>March</option>
<option>April</option>
<option>May</option>
<option>June</option>
<option>July</option>
<option>August</option>
<option>September</option>
17
<option>October</option>
<option>November</option>
<option>December</option>
</select></font><font face="Adobe Caslon Pro Bold">&nbsp;</font><font face="Adobe Caslon Pro Bold"
color="white"><select size="1" name="D5">
<option>2012</option>
<option>2013</option>
</select></font><font face="Adobe Caslon Pro Bold">&nbsp;&nbsp;&nbsp;Check-out </font><font
color="white" face="AR BLANCA"> &nbsp;<select size="1" name="D1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
18
<option>26</option>
<option>27</option>
</select> <select size="1" name="D2">
<option>January</option>
<option>February</option>
<option>March</option>
<option>April</option>
<option>May</option>
<option>June</option>
<option>July</option>
<option>August</option>
<option>September</option>
<option>October</option>
<option>November</option>
<option>December</option>
</select>&nbsp;<font face="Adobe Caslon Pro Bold" color="white"><select size="1" name="D6">
<option>2012</option>
<option>2013</option>
</select></font>
</font></p>
<p align="left">&nbsp;&nbsp;&nbsp;&nbsp; <b>Rooms</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<font face="Adobe Caslon Pro Bold" color="white">
<select size="1" name="D7">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </font><font
face="Adobe Caslon Pro Bold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Adult&nbsp; </font>
<font face="Adobe Caslon Pro Bold" color="white">
<select size="1" name="D8">
<option>1</option>
19
<option>2</option>
<option>3</option>
<option>4</option>
</select></font><font face="Adobe Caslon Pro
Bold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Children </font>
<font face="Adobe Caslon Pro Bold" color="white">
<select size="1" name="D9">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select></font></p>
<p align="left">
<font face="Adobe Caslon Pro Bold"
color="#FFFFFF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</font></p>

<p align="center"><font face="Adobe Caslon Pro Bold">&nbsp;</font><font face="Adobe Caslon Pro


Bold" color="white"><input type="submit" value="Book" name="B1"></font></p>

&nbsp;<font size="2">*Special rates for coorporate</font><br>


<br>
</form>
</td>
<td>
&nbsp;
<p>&nbsp;&nbsp;&nbsp;&nbsp; <b>Retrieve your Reservation using:&nbsp;
</b> </p>
<p><b>&nbsp;&nbsp;&nbsp;&nbsp;
Option 1: </b>Reservation No.</p>
<p><b><font color= "white" face="AR BLANCA">&nbsp; </font>
20
<font face="AR BLANCA">&nbsp;&nbsp; </font></b>
<font face="AR BLANCA">Reservation no.</font><font color= "white" face="AR BLANCA"><input
name="T1" size="16">&nbsp;

</font><font face="AR BLANCA">&nbsp; Family/Last name </font>

<font color= "white" face="AR BLANCA">

<input name="T2" size="17"></font></p>


<p><font face="Adobe Caslon Pro Bold">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
.........................................................................or.....................................................</font></p>
<p><font face="Adobe Caslon Pro Bold" color="#FFFFFF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</font>
<font face="AR BLANCA"><b>Option 2:</b> Membership No.</font></p>
<p>
<font face="AR BLANCA">&nbsp;&nbsp;&nbsp;&nbsp; Membership No.</font><font color= "white"
face="AR BLANCA"><input name="T3" size="16"></font><font face="AR
BLANCA">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Password.&nbsp; </font>
<font color= "white" face="AR BLANCA">
<input name="T4" size="17"></font></p>
<p align="left">
<font color= "white" face="AR
BLANCA">&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;&nbsp;&nb
sp;&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;&nbsp;
&nbsp;<input type="submit" value="Continue" name="B2"></td>
</tr>

</table>

</div>

</body>

</html>

21
OUTPUT:

Figure 3.2 Reservation

3.3 ABOUT US:

CODING:

<html>
<head>
<title>About Us</title>
<link rel="stylesheet" href='as1.css' type="text/css"/>
</head>
<body background="..\bckgrnd\black.jpg">
<pre>

22
<img src="../images\spar1.png" width="245" height="152">
<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>
<hr>
<p>&nbsp;</p>
<br>
<center><font color="#4E3716"> <ul id="coolmenu">
<li><a href="#"></a></li>
<li><a href="home.html">Home</a></li>
<li><a href="about.html">About Us</a> </li>
<li><a href="RS.html">Rooms & Suites</a>
<ul>
<li><a href="rooms.html">Rooms</a></li>
<li><a href="suites.html">Suites</a></li>
<li><a href="scr.html">SC Room</a></li>
</ul> </li>
<li><a href="dinning.html">Dinning</a>
<ul>
<li><a href="restaurant.html">Restaurant</a></li>
<li><a href="barlounge.html">Bar Lounge</a></li>
<li><a href="lobby lounge.html">LobbyLounge</a></li>
</ul>
</li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="ME.html">Meetings & Events</a>
<ul>
<li><a href="cr.html">ConferenceRoom</a></li>
<li><a href="BALLROOM.HTML">Ball Room</a></li>
</ul>
</li>
<li><a href="OFFERS.HTML">Offers</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</font></center>
<center>
23
<table background="../bckgrnd/whitestripes.png" cellspacing="0" width="824" height="391">
<tr>
<td height="52">
<p align="center"><b><font size="5">About Us</font></b></td>
</tr>
<tr>
<td height="360">
&nbsp;
<img src="../images/about_banner.jpg" width="753" height="289"><p style="padding: 0px; color: rgb(0,
0, 0); font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; font-weight:
normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-indent: 0px; text-
transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -
webkit-text-stroke-width: 0px; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:8px">
<font size="2">
<br class="Apple-interchange-newline">
</font><font size="2" face="AcclamationItal">Mixing contemporary culture with
its European heritage, Spar Leisure Inn creates a culturally refined, meaningful and stimulating
atmosphere which inspires participants to celebrate the beauty of a moment and
the possibilities for insight that live within common occurrences.</font></p>
<p style="color: rgb(0, 0, 0); font-family: AcclamationItal; font-size: 12px; font-style: normal; font-variant:
normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: left; text-
indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-
adjust: auto; -webkit-text-stroke-width: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-
bottom: 8px; padding: 0px; >
Guests discover more than just a new destination. They discover a new way of
seeing things.</p>
<p style="margin: 0px 0px 8px; padding: 0px; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-
height: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;
">&nbsp;</p>
<p class="MsoNormal"><b>
<span style="line-height: 115%; font-family: Arial,sans-serif; color: #D1AC53; ">
MANAGEMENT</span></b></p>
24
<p class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt;">
<font color= "white" face="AR BLANCA">
<img src="../images/images.jpg" width="156" height="122"></font></p>
<p class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; ">&nbsp;</p>
<p class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; ">
<b><span style="font-size: 9.0pt; font-family: AcclamationItal; color: #231F20">
Mr. Finni Shaji</span></b><span style="font-size: 9.0pt; font-family: AcclamationItal; color:
#231F20"><br>
</span><span style="font-size: 8.0pt; font-family: AcclamationItal">Managing
Director &amp; Chief Executive Officer</span></p>
<p class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt;">
<span style="font-family: AcclamationItal"><font size="2">Finni Shajis&nbsp;
experience in hospitality spans thirty years and four continents. In January
2003, Mr. Finni moved to India and joined the Board as Executive Director &amp;
Chief Operating Officer of Spar Leisure Inn, overseeing the operations of all
luxury properties and playing a key role in the global expansion and development
of future hotels. He assumed the role as Managing Director &amp; Chief Executive
Officer of The Indian Hotels Company Limited in July 2003.</font></span></p>
<p class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; ">
<span style="font-family: AcclamationItal"><font size="2">Mr. Finni brings
extensive international hotel experience to the Spar &nbsp;in operations and
management. He most recently served fifteen years as the Vice President &amp;
General Manager of The Mark in New York for The Rafael Group Hoteliers Monaco
and with the Mandarin Oriental Hotel Group. His career includes a variety of
management assignments for over ten years with Regent International Hotels in
New York, Chicago, Dallas, Puerto Rico, Melbourne and Shanghai, as well as
training at some of the&nbsp;</font></span><span style="font-family:AcclamationItal"><span
style="color: windowtext; text-decoration: none"><font size="2">world</font></span><font
size="2"></a></font></span><span style="font-family: AcclamationItal"><font size="2">'s
most renowned hotels as the Hotel Plaza Athenee Paris, Le Montreux Palace
Switzerland and the Kahala Hilton Hawaii.</font></span></p>
<p class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt;">
<span style="font-family: AcclamationItal"><font size="2">An American
national, Mr. Finni attended the cole Htelire Lausanne in Switzerland and
25
Advanced Management Programme at Harvard Business School. He was voted one of
the Top 10 Best Hotel Managers by Leaders Magazine from 1997-2002. Mr. Finni is
a&nbsp;</font></span><span style="font-family:AcclamationItal"><font
size="2">Memberspan</font><span style="font-family: AcclamationItal"><font size="2">&nbsp;of
the World Travel &amp; Tourism Council (WTTC), International Business Leaders Forum
(IBLF) and is an advisory board member of The Leading Hotels of The World (LHW),
Cornell Hotel School Centre for Hospitality Research and Ecole Hoteliere de
Lausanne in Switzerland.</font></span></p>
<p style="margin: 0px 0px 8px; padding: 0px; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-
height: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;
">&nbsp;</p>
<p style="margin: 0px 0px 8px; padding: 0px; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-
height: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;
">&nbsp;</p>
<p class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; >
<b><span style="font-size: 9.0pt; font-family: AcclamationItal; color: #231F20">
Ms. Sakshi Gupta</span></b><span style="font-size: 9.0pt; font-family: AcclamationItal; color:
#231F20">&nbsp;<br>
Sr. Vice President, Sales and Marketing</span></p>
</font>
<font face="AcclamationItal" size="2">
<p class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; >
<span style="font-size: 9.0pt; font-family: AcclamationItal; color: #231F20">
Sakshi Gupta, Senior Vice President - Sales &amp; Marketing, successfully leads and
enhances critical sales and marketing initiatives in India and abroad for the
Spar Group.</span></p>
</font>
<font color= "white" face="AR BLANCA">
<p class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt;">
<span style="font-family: AcclamationItal; color: #231F20">
26
<font size="2">Sakshi oversees the sales and marketing function for Spar Group of hotels
worldwide encompassing the worldwide sales force, distribution, central
reservations, brand marketing, public relations, social media, marketing
communications and advertising. She has spent 28 years with Spar Group and was
Vice President Marketing prior to taking on this role in December 2011. She is
the only specialist to have served separately as Vice President Sales and Vice
President Marketing before taking the lead job to oversee both functions. She
has worked across most markets in India and abroad and has played an integral
role in the growth of Spar, including the recent Brand Architecture exercise and
the roll-out of the new Vivanta by Spar and Gateway brands.</font></span></p>
<p class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; ">
<span style="font-family: AcclamationItal; color: #231F20"><font size="2">She
is also on the board of several group companies such as Taj GVK Hotels and
Resorts Limited and PIEM Hotels Limited and others as well. She also represents
Taj in various industry organizations such as Hotel Association of India,
Experience India Society and Marketing advisory board of Leading Hotels of the
World amongst many others.</font></span></p>
<p class="MsoNormal" style="margin-bottom: .0001pt">
<b><span style="font-size: 9.0pt; font-family: AcclamationItal; color: #231F20">
Mr. Mayank Makhija</span></b><span style="font-size: 9.0pt; font-family: AcclamationItal; color:
#231F20">&nbsp;<br>
Executive Director - Hotel Operations</span></p>
<p class="MsoNormal" style="margin-bottom: .0001pt">
<span style="font-family: AcclamationItal; color: #231F20">
<font size="2">Mayank Makhija oversees hotel operations of the Spar Group and Palaces which
includes Spar Luxury Hotels - India and International, Spar Business Hotels,
Spar Leisure Hotels, Spar Spas, Spar Trade and Transport and Inditravels.&nbsp;
</font></span>
<span style="line-height: 115%; font-family: AcclamationItal; color: #231F20">
<font size="2">A career hotelier, Mr. Mukerji's experience spans 22 years and four continents.
He has spent almost 10 years as a General Manager and run several hotels that
have won international acclaim under his stewardship. His last assignment was as
Chief Operating Officer Spar Group , India</font></span></p>&nbsp;<p class="MsoNormal"
style="line-height: normal; margin-bottom: .0001pt;">&nbsp;</p>
27
<p style="margin: 0px 0px 8px; padding: 0px; color: rgb(0, 0, 0); font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-
height: normal; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal;
widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;
>&nbsp;</td>
</tr>
</table>
</body>
</html>

OUTPUT:

Figure 3.3.1 About us page

28
Figure 3.3.2 About us page

Figure 3.3.3 About us page

29
3.4 ROOMS AND SUITES:

CODING:

<html>

<head>

<title>Rooms And Suites</title>

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

</head>

<body background="..\bckgrnd\black.jpg">

<pre>

<img src="../images\spar1.png" width="245" height="152">


<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>

<hr>

<center><font color="#4E3716"> <ul id="coolmenu">

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

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

<li><a href="about.html">About Us</a> </li>

<li><a href="RS.html">Rooms & Suites</a>

<ul>

<li><a href="rooms.html">Rooms</a></li>

<li><a href="suites.html">Suites</a></li>

<li><a href="scr.html">SC Room</a></li>

</ul>
30
</li>

<li><a href="dinning.html">Dinning</a>

<ul>

<li><a href="restaurant.html">Restaurant</a></li>

<li><a href="barlounge.html">Bar Lounge</a></li>

<li><a href="lobby lounge.html">LobbyLounge</a></li>

</ul>

</li>

<li><a href="gallery.html">Gallery</a></li>

<li><a href="ME.html">Meetings & Events</a>

<ul>

<li><a href="cr.html">ConferenceRoom</a></li>

<li><a href="BALLROOM.HTML">Ball Room</a></li>

</ul>

</li>

<li><a href="OFFERS.HTML">Offers</a></li>

<li><a href="contact.html">Contact Us</a></li>

</ul>

</font></center>

<p>&nbsp;</p>

<br>

<center>

<table background="../bckgrnd/whitestripes.png" cellspacing="0" width="862" height="391">

31
<tr>

<td height="47">

<p align="center"><b>Rooms And Suites</b></td>

</tr>

<tr>

<td>

<br>

Spar Leisure Inn, New Delhi, offers 320 tastefully modern guestrooms and suites. Many rooms boast
spectacular views of the city's historic diplomatic district. All rooms are exquisitely appointed with
contemporary Asian furnishings.

Our generously-spaced suites offer the very best in luxury living. Stylish and abundantly spacious with fabulous
interiors, suites at Spar Leisure Inn, New Delhi, provide an exclusive retreat from the city.

At the heart of this historic civilization, the best in luxury awaits your indulgence.

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

<a href="rooms.html"><img src="../images/1_room1.jpg" width="213"


height="144"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;

<a href="suites.html"><img src="../images/HanoiLuxorHotelSuiteRoom.jpg" width="196"


height="145"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;

<a href="scr.html"><img src="../images/SLJ-Horizon-Club-Room.jpg" width="256" height="146"></a></p>

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Rooms&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;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs

32
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;

Suites&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&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;&nbsp;

Spar Club Rooms</td>

</tr>

<tr>

<td>

</td>

</tr>

</table>

</body>

</html>

33
OUTPUT:

Figure 3.4 Rooms and suites page

3.4.1 ROOMS:

CODING:

<html>

<head>

<title>Rooms</title>

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

</head>
34
<body background="..\bckgrnd\black.jpg">

<pre>

<img src="../images\spar1.png" width="245" height="152">


<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>

<hr>

<center><font color="#4E3716"> <ul id="coolmenu">

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

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

<li><a href="about.html">About Us</a> </li>

<li><a href="RS.html">Rooms & Suites</a>

<ul>

<li><a href="rooms.html">Rooms</a></li>

<li><a href="suites.html">Suites</a></li>

<li><a href="scr.html">SC Room</a></li>

</ul>

</li>

<li><a href="dinning.html">Dinning</a>

<ul>

<li><a href="restaurant.html">Restaurant</a></li>

<li><a href="barlounge.html">Bar Lounge</a></li>

<li><a href="lobby lounge.html">LobbyLounge</a></li>

</ul>

</li>

35
<li><a href="gallery.html">Gallery</a></li>

<li><a href="ME.html">Meetings & Events</a>

<ul>

<li><a href="cr.html">ConferenceRoom</a></li>

<li><a href="BALLROOM.HTML">Ball Room</a></li>

</ul>

</li>

<li><a href="OFFERS.HTML">Offers</a></li>

<li><a href="contact.html">Contact Us</a></li>

</ul>

</font></center>

<p>&nbsp;</p>

<br>

<center>

<table background="../bckgrnd/whitestripes.png" cellspacing="0" width="862" height="391">

<tr>

<td height="47">

<p align="center"><b>ROOMS</b></td>

</tr>

<tr>

<td>

<img src="..\images\5.JPG" align="right" width="925" height="462"><br>

</td>

36
</tr>

<tr>

<td>

<br>&nbsp;Rooms are luxuriously furnished with modern Asian touches and wood accents with

deep browns and reds.<p><br>

&nbsp;<u>Features</u>:<br>

&nbsp;1)Each Room offers tastefully modern furnishings and a view of historic New

Delhi.<br>

&nbsp;2)Spacious bathroom with plush towels and Lavender bath products.<br>

&nbsp;3)Each room offers 27 sqm / 290 sqf of comfort<br>

&nbsp;</td>

</tr>

</table>

</body>

</html>

37
OUTPUT:

Figure 3.4.1 Rooms page

3.4.2 SUITES:

CODING:

<html>

<head>

<title>Suites</title>

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

</head>

<body background="..\bckgrnd\black.jpg">
38
<pre>

<img src="../images\spar1.png" width="245" height="152">


<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>

<hr>

<center><font color="#4E3716"> <ul id="coolmenu">

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

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

<li><a href="about.html">About Us</a> </li>

<li><a href="RS.html">Rooms & Suites</a>

<ul>

<li><a href="rooms.html">Rooms</a></li>

<li><a href="suites.html">Suites</a></li>

<li><a href="scr.html">SC Room</a></li>

</ul>

</li>

<li><a href="dinning.html">Dinning</a>

<ul>

<li><a href="restaurant.html">Restaurant</a></li>

<li><a href="barlounge.html">Bar Lounge</a></li>

<li><a href="lobby lounge.html">LobbyLounge</a></li>

</ul>

</li>

<li><a href="gallery.html">Gallery</a></li>

39
<li><a href="ME.html">Meetings & Events</a>

<ul>

<li><a href="cr.html">ConferenceRoom</a></li>

<li><a href="BALLROOM.HTML">Ball Room</a></li>

</ul>

</li>

<li><a href="OFFERS.HTML">Offers</a></li>

<li><a href="contact.html">Contact Us</a></li>

</ul>

</font></center>

<p>&nbsp;</p>

<br>

<center>

<table background="../bckgrnd/whitestripes.png"cellspacing="0" width="862" height="391">

<tr>

<td height="47">

<p align="center"><b>Suites</b></td>

</tr>

<tr>

<td>

<img src="..\images\2.jpg" align="right" width="925" height="462"><br>

</td>

</tr>

40
<tr>

<td>

<br>&nbsp;With extra space to spread out and work or relax, Suites combine Delhis most elegant
accommodations with world-class service.<p><br>

&nbsp;<u>Features</u>:<br>

&nbsp;1)Stunning views of historic New Delhi<br>

&nbsp;2)Luxury one-bedroom suite with separate living room with contemporary sofas and furniture.<br>

&nbsp;3)Complimentary buffet breakfast at Caf Uno<br>

&nbsp;4)Complimentary airport transfers by hotel car<br>

&nbsp;5)The spacious, airy bathroom contains a separate shower and plush towels and bathrobes<br>

&nbsp;6)Each suite offers 44 sqm / 473 sqf of luxury.

&nbsp;7)Price starting from INR 18,500 per night

&nbsp;</td>

</tr>

</table>

</body>

</html>

41
OUTPUT:

Figure 3.4.2 Suites page

3.4.3 SPAR CLUB ROOM:

CODING:

<html>

<head>

<title>Spar Club Room</title>

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

</head>

<body background="..\bckgrnd\black.jpg">
42
<pre>

<img src="../images\spar1.png" width="245" height="152">


<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>

<hr>

<center><font color="#4E3716"> <ul id="coolmenu">

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

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

<li><a href="about.html">About Us</a> </li>

<li><a href="RS.html">Rooms & Suites</a>

<ul>

<li><a href="rooms.html">Rooms</a></li>

<li><a href="suites.html">Suites</a></li>

<li><a href="scr.html">SC Room</a></li>

</ul>

</li>

<li><a href="dinning.html">Dinning</a>

<ul>

<li><a href="restaurant.html">Restaurant</a></li>

<li><a href="barlounge.html">Bar Lounge</a></li>

<li><a href="lobby lounge.html">LobbyLounge</a></li>

</ul>

</li>

<li><a href="gallery.html">Gallery</a></li>

43
<li><a href="ME.html">Meetings & Events</a>

<ul>

<li><a href="cr.html">ConferenceRoom</a></li>

<li><a href="BALLROOM.HTML">Ball Room</a></li>

</ul>

</li>

<li><a href="OFFERS.HTML">Offers</a></li>

<li><a href="contact.html">Contact Us</a></li>

</ul>

</font></center>

<p>&nbsp;</p>

<br>

<center>

<table background="../bckgrnd/whitestripes.png" cellspacing="0" width="862" height="391">

<tr>

<td height="47">

<p align="center"><b>Spar club Room</b></td>

</tr>

<tr>

<td>

<img src="..\images\3.jpg" align="right" width="925" height="462"><br>

</td>

</tr>

44
<tr>

<td>

<br>&nbsp;Spar club room combine the comfort and amenities of Suites with exclusive Club privileges. These
rooms are an excellent choice for travellers requiring added personalized attention and services<p><br>

&nbsp;<u>Features</u>:<br>

&nbsp;1)Stunning views of historic New Delhi.<br>

&nbsp;2)Luxury one-bedroom suite with separate living room.<br>

&nbsp;3)Guests enjoy Horizon Club Privileges<br>

&nbsp;4)The spacious, airy bathroom contains a separate shower and plush towels and bathrobes<br>

&nbsp;5)Each suite offers 44 sqm / 473 sqf of luxury.<br>

&nbsp;6)Price Starting from INR 14,000 per night.

&nbsp;</td>

</tr>

</table>

</body>

</html>

45
OUTPUT:

Figure 3.4.3 Spar Club Room page

3.5 DINNING:

CODING:

<html>

<head>

<title>Dinning</title>

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

</head>

<body background="..\bckgrnd\black.jpg">

<pre>

46
<img src="../images\spar1.png" width="245" height="152">
<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>

<hr>

<center><font color="#4E3716"> <ul id="coolmenu">

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

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

<li><a href="about.html">About Us</a> </li>

<li><a href="RS.html">Rooms & Suites</a>

<ul>

<li><a href="rooms.html">Rooms</a></li>

<li><a href="suites.html">Suites</a></li>

<li><a href="scr.html">SC Room</a></li>

</ul>

</li>

<li><a href="dinning.html">Dinning</a>

<ul>

<li><a href="restaurant.html">Restaurant</a></li>

<li><a href="barlounge.html">Bar Lounge</a></li>

<li><a href="lobby lounge.html">LobbyLounge</a></li>

</ul>

</li>

<li><a href="gallery.html">Gallery</a></li>

<li><a href="ME.html">Meetings & Events</a>

47
<ul>

<li><a href="cr.html">ConferenceRoom</a></li>

<li><a href="BALLROOM.HTML">Ball Room</a></li>

</ul>

</li>

<li><a href="OFFERS.HTML">Offers</a></li>

<li><a href="contact.html">Contact Us</a></li>

</ul>

</font></center>

<p>&nbsp;</p>

<br>

<center>

<table background="../bckgrnd/whitestripes.png" cellspacing="0" width="862" height="391">

<tr>

<td height="47">

<p align="center"><b>Dinning</b></td>

</tr>

<tr>

<td>

<br>

Local and international guests alike can look forward to choice Indian, Mediterranean, Asian and Italian
specialties, authentically prepared and graciously presented.

In addition, the hotels Bar and Lounge offer an extensive selection of wines, single malt whiskeys and cigars
for a relaxing end to the day.&nbsp;
48
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="restaurant.html"><img src="../images/6a00d83451b09469e200e54f1fde058834-800wi.jpg"


width="219"
height="125"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="barlounge.html"><img src="../images/01elle.jpg" width="191"


height="127"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="lobby lounge.html"><img src="../images/large_mpprn_lobby_lounge_1.jpg" width="185"


height="127"></a><p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Restaurant&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&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;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Bar
Lounge&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;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;

Lobby&nbsp;

Lounge</td>

</tr>

<tr>

<td>

</td>

</tr>

49
</table>

</body>

</html>

OUTPUT:

Figure 3.5 Dinning Page

3.5.1 RESTAURANT:

CODING:

<html>

50
<head>

<title>Restaurant</title>

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

</head>

<body background="..\bckgrnd\black.jpg">

<pre>

<img src="../images\spar1.png" width="245" height="152">


<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>

<hr>

<center><font color="#4E3716"> <ul id="coolmenu">

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

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

<li><a href="about.html">About Us</a> </li>

<li><a href="RS.html">Rooms & Suites</a>

<ul>

<li><a href="rooms.html">Rooms</a></li>

<li><a href="suites.html">Suites</a></li>

<li><a href="scr.html">SC Room</a></li>

</ul>

</li>

<li><a href="dinning.html">Dinning</a>

<ul>

<li><a href="restaurant.html">Restaurant</a></li>

51
<li><a href="barlounge.html">Bar Lounge</a></li>

<li><a href="lobby lounge.html">LobbyLounge</a></li>

</ul>

</li>

<li><a href="gallery.html">Gallery</a></li>

<li><a href="ME.html">Meetings & Events</a>

<ul>

<li><a href="cr.html">ConferenceRoom</a></li>

<li><a href="BALLROOM.HTML">Ball Room</a></li>

</ul>

</li>

<li><a href="OFFERS.HTML">Offers</a></li>

<li><a href="contact.html">Contact Us</a></li>

</ul>

</font></center>

<p>&nbsp;</p>

<br>

<center>

<table background="../bckgrnd/whitestripes.png" cellspacing="0" width="862" height="391">

<tr>

<td height="47">

<p align="center"><b>RESTURANT</b></td>

52
</tr>

<tr>

<td>

<img src="..\images\Restaurant_Design_08.jpg" align="right" width="925" height="462"><br>

</td>

</tr>

<tr>

<td>

<br>&nbsp;Local and international guests alike can look forward to choice Indian, Mediterranean, Asian and
Italian specialties, authentically prepared and graciously presented.<p><br>

&nbsp;</td>

</tr>

</table>

</body>

</html>

53
OUTPUT:

Figure 3.5.1 Restaurant page

3.5.2 BAR LOUNGE:

CODING:

<html>

<head>

<title>Bar Lounge</title>

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

</head>

<body background="..\bckgrnd\black.jpg" >

<pre>

54
<img src="../images\spar1.png" width="245" height="152">
<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>

<hr>

<center><font color="#4E3716"> <ul id="coolmenu">

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

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

<li><a href="about.html">About Us</a> </li>

<li><a href="RS.html">Rooms & Suites</a>

<ul>

<li><a href="rooms.html">Rooms</a></li>

<li><a href="suites.html">Suites</a></li>

<li><a href="scr.html">SC Room</a></li>

</ul>

</li>

<li><a href="dinning.html">Dinning</a>

<ul>

<li><a href="restaurant.html">Restaurant</a></li>

<li><a href="barlounge.html">Bar Lounge</a></li>

<li><a href="lobby lounge.html">LobbyLounge</a></li>

</ul>

</li>

<li><a href="gallery.html">Gallery</a></li>

<li><a href="ME.html">Meetings & Events</a>

55
<ul>

<li><a href="cr.html">ConferenceRoom</a></li>

<li><a href="BALLROOM.HTML">Ball Room</a></li>

</ul>

</li>

<li><a href="OFFERS.HTML">Offers</a></li>

<li><a href="contact.html">Contact Us</a></li>

</ul>

</font></center>

<p>&nbsp;</p>

<br>

<center>

<table background="../bckgrnd/whitestripes.png"cellspacing="0" width="862" height="391">

<tr>

<td height="47">

<p align="center"><b>BAR LOUNGE</b></td>

</tr>

<tr>

<td>

<img src="..\images\01elle.jpg" align="right" width="925" height="462"><br>

</td>

</tr>

<tr>

56
<td>

<br>&nbsp;Island Bar is a wine connoisseurs delight, offering Delhis most extensive selection of
wines and spirits. The bar also features a collection of single malt whiskeys, international cigars and an
array of non-alcoholic beverages and snacks

&nbsp;</td>

</tr>

</table>

</body>

</html>

OUTPUT:

Figure 3.5.2 Bar Lounge

57
3.5.3 LOBBY LOUNGE

CODING:

<html>

<head>

<title> Lobby Lounge</title>

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

</head>

<body background="..\bckgrnd\black.jpg">

<pre>

<imgsrc="../images\spar1.png" width="245" height="152">


<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>

<hr>

<center><font color="#4E3716"> <ul id="coolmenu">

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

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

<li><a href="about.html">About Us</a> </li>

<li><a href="RS.html">Rooms & Suites</a>

<ul>

<li><a href="rooms.html">Rooms</a></li>

<li><a href="suites.html">Suites</a></li>

<li><a href="scr.html">SC Room</a></li>

</ul>

</li>

58
<li><a href="dinning.html">Dinning</a>

<ul>

<li><a href="restaurant.html">Restaurant</a></li>

<li><a href="barlounge.html">Bar Lounge</a></li>

<li><a href="lobby lounge.html">LobbyLounge</a></li>

</ul>

</li>

<li><a href="gallery.html">Gallery</a></li>

<li><a href="ME.html">Meetings & Events</a>

<ul>

<li><a href="cr.html">ConferenceRoom</a></li>

<li><a href="BALLROOM.HTML">Ball Room</a></li>

</ul>

</li>

<li><a href="OFFERS.HTML">Offers</a></li>

<li><a href="contact.html">Contact Us</a></li>

</ul>

</font></center>

<p>&nbsp;</p>

<br>

<center>

<table background="../bckgrnd/whitestripes.png" cellspacing="0" width="862" height="391">

<tr>

59
<td height="47">

<p align="center"><b>LOBBY LOUNGE</b></td>

</tr>

<tr>

<td>

<img src="..\images\large_mpprn_lobby_lounge_1.jpg" align="right" width="925" height="462"><br>

</td>

</tr>

<tr>

<td>

<br>&nbsp;An elegant venue for meeting friends, partners or clients, the hotels Lobby Lounge offers an
impressive selection of teas, coffees and snacks, making it one of the hotels most popular social
spaces.<p><br>

&nbsp;</td>

</tr>

</table>

</body>

</html>

60
OUTPUT:

Figure 3.5.3 Lobby Lounge Page

3.6 GALLERY:

CODING:

<html>

<head>

<title>Gallery</title>

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

</head>

<body background="..\bckgrnd\woodlight.jpg">

<br>

61
<center><font color="#4E3716"> <ul id="coolmenu">

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

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

<li><a href="about.html">About Us</a> </li>

<li><a href="RS.html">Rooms & Suites</a>

<ul>

<li><a href="rooms.html">Rooms</a></li>

<li><a href="suites.html">Suites</a></li>

<li><a href="scr.html">SC Room</a></li>

</ul>

</li>

<li><a href="dinning.html">Dinning</a>

<ul>

<li><a href="restaurant.html">Restaurant</a></li>

<li><a href="barlounge.html">Bar Lounge</a></li>

<li><a href="lobby lounge.html">LobbyLounge</a></li>

</ul>

</li>

<li><a href="gallery.html">Gallery</a></li>

<li><a href="ME.html">Meetings & Events</a>

<ul>

<li><a href="cr.html">ConferenceRoom</a></li>

<li><a href="BALLROOM.HTML">Ball Room</a></li>

62
</ul>

</li>

<li><a href="OFFERS.HTML">Offers</a></li>

<li><a href="contact.html">Contact Us</a></li>

</ul>

</font></center>

<br>

<br>

<div id="images">

<img id="image1" src="..\p\6.jpg" />

<img id="image2" src="..\images\01elle.jpg" />

<img id="image3" src="..\p\Hotel-Rooms.jpg"/>

<img id="image4" src="..\p\suites.jpg"/>

<img id="image5" src="..\p\5.jpg"/>

<img id="image6" src="..\p\2.jpg"/>

<img id="image7" src="..\p\3.jpg" />

<img id="image8" src="..\images\1_room1.jpg" />

<img id="image9" src="..\images\6a00d83451b09469e200e54f1fde058834-800wi.jpg" />

<img id="image10" src="..\images\5323.jpeg" />

<img id="image11" src="..\images\HanoiLuxorHotelSuiteRoom.jpg" />

<img id="image12" src="..\images\large_mpprn_lobby_lounge_1.jpg" />

<img id="image13" src="..\images\Restaurant_Design_08.jpg" />

<img id="image14" src="..\images\wedding-hall.jpg" />

63
</div>

<center>

<div id="slider">

<a href="#image1"></a>&nbsp;

<a href="#image2"></a>&nbsp;

<a href="#image3"></a>&nbsp;

<a href="#image4"></a>&nbsp;

<a href="#image5"></a>&nbsp;

<a href="#image6"></a>&nbsp;

<a href="#image7"></a>&nbsp;

<a href="#image8"></a>&nbsp;

<a href="#image9"></a>&nbsp;

<a href="#image10"></a>&nbsp;

<a href="#image11"></a>&nbsp;

<a href="#image12"></a>&nbsp;

<a href="#image13"></a>&nbsp;

<a href="#image14"></a>&nbsp;

</div>

</center>

</body>

</html>

64
OUTPUT:

Figure 3.6 Gallery page

3.7 MEETING AND EVENTS:

CODING:

<html>

<head>

<title>Meetings & Events</title>

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

</head>
65
<body background="..\bckgrnd\black.jpg">

<pre>

<img src="../images\spar1.png" width="245" height="152">

<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>

<hr>

<center><font color="#4E3716"> <ul id="coolmenu">

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

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

<li><a href="about.html">About Us</a> </li>

<li><a href="RS.html">Rooms & Suites</a>

<ul>

<li><a href="rooms.html">Rooms</a></li>

<li><a href="suites.html">Suites</a></li>

<li><a href="scr.html">SC Room</a></li>

</ul>

</li>

<li><a href="dinning.html">Dinning</a>

<ul>

<li><a href="restaurant.html">Restaurant</a></li>

<li><a href="barlounge.html">Bar Lounge</a></li>

<li><a href="lobby lounge.html">LobbyLounge</a></li>

</ul>

</li>

66
<li><a href="gallery.html">Gallery</a></li>

<li><a href="ME.html">Meetings & Events</a>

<ul>

<li><a href="cr.html">ConferenceRoom</a></li>

<li><a href="BALLROOM.HTML">Ball Room</a></li>

</ul>

</li>

<li><a href="OFFERS.HTML">Offers</a></li>

<li><a href="contact.html">Contact Us</a></li>

</ul>

</font></center>

<p>&nbsp;</p>

<br>

<center>

<table background="../bckgrnd/whitestripes.png" cellspacing="0" width="862" height="391">

<tr>

<td height="47">

<p align="center"><b>Meetings & Events</b></td>

</tr>

<tr>

<td>

<br>

&nbsp;<p class="MsoNormal" style="margin-bottom:7.5pt;line-height:13.5pt">

67
<span style="font-size: 9.0pt; font-family: Arial,sans-serif; color: #343434">&nbsp;</span><span
style="font-size: 9.0pt; font-family: Arial,sans-serif; ">

Located on Level One, overlooking the lush manicured terrace, Spars Ballroom is

an ideal venue for important meetings and banquet celebrations. </span></p>

</font>

<font face="Arial,sans-serif" style="font-size: 9pt">

<p class="MsoNormal" style="margin-bottom:7.5pt;line-height:13.5pt">&nbsp;

</font>

<font face="AR BLANCA">

<span style="font-size: 9.0pt; font-family: Arial,sans-serif; ">

Its contemporary and luxurious interiors offer latest state-of-the-art

convention and conferencing facilities.</span></p>

<p class="MsoNormal" style="margin-bottom:7.5pt;line-height:13.5pt">

<span style="font-size:9.0pt;font-family:&quot;Arial&quot;,&quot;sans-serif&quot;">&nbsp;

</span>

<span style="font-size: 9.0pt; font-family: Arial,sans-serif; ">

Ballroom can be divided into four parts for smaller gatherings. The three

private meeting rooms can be utilized as breakaway rooms for power sessions.</span></p>

<p class="MsoNormal" style="margin-bottom:7.5pt;line-height:13.5pt">

<span style="font-size: 9.0pt; font-family: Arial,sans-serif; ">&nbsp;

Additional services, such as fax, STD / ISD / ISDN / Wireless Internet, printer,

computer are available on request at additional cost.</span></p>

<p class="MsoNormal" style="margin-bottom:7.5pt;line-height:13.5pt">

68
<span style="font-size: 9.0pt; font-family: Arial,sans-serif; ">&nbsp;

All of the conference and function rooms feature state-of-the-art audiovisual

equipment, including the following:</span></p>

</font>

<font color= "white" face="AR BLANCA">

<ul>

<li>

<p class="MsoNormal" style="text-indent: -.25in; line-height: 13.5pt; margin-left: 0in; margin-right:


0in; margin-top: 3.75pt; margin-bottom: .0001pt">

<span style="font-size: 10.0pt; font-family: Symbol; color: #343434"><span style="font:7.0pt


&quot;Times New Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

</span></span>

</font>

<span style="font-size: 10.0pt; font-family: Symbol; font-style:normal; font-variant:normal; font-


weight:normal">

<font face="AR BLANCA">

&nbsp;&nbsp; </font>

</span>

<font face="AR BLANCA">

<span style="font-size: 9.0pt; font-family: Arial,sans-serif; ">&nbsp;

Complimentary wired and wireless broadband Internet access</span></li>

<li>

<p class="MsoNormal" style="text-indent: -.25in; line-height: 13.5pt; margin-left: 0in; margin-right:


0in; margin-top: 3.75pt; margin-bottom: .0001pt">

69
<span style="font-size: 10.0pt; font-family: Symbol; "><span style="font:7.0pt &quot;Times New
Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

</span></span></font>

<font face="Arial,sans-serif" style="font-size: 9pt">

<span style="font-style: normal; font-variant: normal; font-weight: normal; ">&nbsp;&nbsp;

</span></font><font face="AR BLANCA">

<span style="font-size: 9.0pt; font-family: Arial,sans-serif; ">

Large plasma display unit</span></li>

<li>

<p class="MsoNormal" style="text-indent: -.25in; line-height: 13.5pt; margin-left: 0in; margin-right:


0in; margin-top: 3.75pt; margin-bottom: .0001pt">

<span style="font-size: 10.0pt; font-family: Symbol; "><span style="font:7.0pt &quot;Times New


Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

</span></span>

<span style="font-size: 9.0pt; font-family: Arial,sans-serif; ">&nbsp;Satellite and


teleconferencing</span></li>

<li>

<p class="MsoNormal" style="text-indent: -.25in; line-height: 13.5pt; margin-left: 0in; margin-right:


0in; margin-top: 3.75pt; margin-bottom: .0001pt">

<span style="font-size: 10.0pt; font-family: Symbol; "><span style="font:7.0pt &quot;Times New


Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

</span></span>

<span style="font-size: 9.0pt; font-family: Arial,sans-serif; ">&nbsp;Simultaneous


translation&nbsp;</span></font><font color= "white" face="AR BLANCA"><a title="Click to
Continue &gt; by Monster Savings" style="text-underline: single; text-decoration: none"
href="http://www.shangri-la.com/newdelhi/erosshangrila/meetings-events/"><span style="font-size:
70
9.0pt; font-family: Arial,sans-serif; "><font color="#000000">system</font></span></a></font><font
face="AR BLANCA"><span style="font-size: 9.0pt; font-family: Arial,sans-serif; ">&nbsp;available

on request at additional cost</span></li>

<li>

<p class="MsoNormal" style="text-indent: -.25in; line-height: 13.5pt; margin-left: 0in; margin-right:


0in; margin-top: 3.75pt; margin-bottom: 7.5pt">

<span style="font-size: 10.0pt; font-family: Symbol; "><span style="font:7.0pt &quot;Times New


Roman&quot;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

</span></span>

<span style="font-size: 9.0pt; font-family: Arial,sans-serif; ">

Slide, overhead, LCD and direct projectors</span></li>

</ul>

</font><font color= "black" face="AR BLANCA">

<p class="MsoNormal" style="text-indent: -.25in; line-height: 13.5pt; margin-left: 0in; margin-right:


0in; margin-top: 3.75pt; margin-bottom: 7.5pt">&nbsp;</p>

</font>

<font color= "#343434" face="Arial,sans-serif" style="font-size: 9pt">

<p class="MsoNormal" style="text-indent: -.25in; line-height: 13.5pt; margin-left: 0in; margin-right:


0in; margin-top: 3.75pt; margin-bottom:
7.5pt">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="cr.html"><img src="../images/5323.jpeg" width="221"


height="166"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

71
<ahref="BALLROOM.HTML"><img src="../images/wedding-hall.jpg" width="239"
height="165"></a></p>

<p class="MsoNormal" style="text-indent: -.25in; line-height: 13.5pt; margin-left: 0in; margin-right:


0in;margin-top: 3.75pt; margin-bottom:
7.5pt">&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;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Conference
Room&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&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;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;

Ball Room</td>

</tr>

</table>

</body>

</html>

72
OUTPUT:

Figure 3.7 Meeting and events page

3.7.1 CONFERENCE ROOM:

CODING:

<html>

<head>

<title> Conference Room</title>

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

</head>

73
<body background="..\bckgrnd\black.jpg" >

<pre>

<img src="../images\spar1.png" width="245" height="152">


<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>

<hr>

<center><font color="#4E3716"> <ul id="coolmenu">

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

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

<li><a href="about.html">About Us</a> </li>

<li><a href="RS.html">Rooms & Suites</a>

<ul>

<li><a href="rooms.html">Rooms</a></li>

<li><a href="suites.html">Suites</a></li>

<li><a href="scr.html">SC Room</a></li>

</ul>

</li>

<li><a href="dinning.html">Dinning</a>

<ul>

<li><a href="restaurant.html">Restaurant</a></li>

<li><a href="barlounge.html">Bar Lounge</a></li

<li><a href="lobby lounge.html">LobbyLounge</a></li>

</ul>

</li>

74
<li><a href="gallery.html">Gallery</a></li>

<li><a href="ME.html">Meetings & Events</a>

<ul>

<li><a href="cr.html">ConferenceRoom</a></li>

<li><a href="BALLROOM.HTML">Ball Room</a></li>

</ul>

</li>

<li><a href="OFFERS.HTML">Offers</a></li>

<li><a href="contact.html">Contact Us</a></li>

</ul>

</font></center>

<p>&nbsp;</p>

<br>

<center>

<table background="../bckgrnd/whitestripes.png" cellspacing="0" width="862" height="391">

<tr>

<td height="47">

<p align="center"><b>CONFERENCE ROOM</b></td>

</tr>

<tr>

<td>

<img src="..\images\5323.jpeg" align="right" width="925" height="462"><br>

</td>

75
</tr>

<tr>

<td>

<br>&nbsp;Located on Level One, overlooking the lush manicured terrace, Its contemporary and luxurious
interiors offer latest state-of-the-art convention and conferencing facilities<p><br>

<p>

&nbsp;All of the conference and function rooms feature state-of-the-art audiovisual equipment, including the
following:<br><p>

&nbsp;1)Complimentary wired and wireless broadband Internet access.<br>

&nbsp;2)Large plasma display unit.<br>

&nbsp;3)Satellite and teleconferencing.<br>

&nbsp;4)Simultaneous translation system available on request at additional cost.<br>

&nbsp;5)Slide, overhead, LCD and direct projectors.<br>

&nbsp;</td>

</tr>

</table>

</body>

</html>

76
OUTPUT:

Figure 3.7.1 Conference room

3.7.2 BALLROOM:

CODING:

<html>

<head>

<title>Balroom</title>

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

</head>

<body background="..\bckgrnd\black.jpg" >

77
<pre>

<img src="../images\spar1.png" width="245" height="152">


<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>

<hr>

<center><font color="#4E3716"> <ul id="coolmenu">

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

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

<li><a href="about.html">About Us</a> </li>

<li><a href="RS.html">Rooms & Suites</a>

<ul>

<li><a href="rooms.html">Rooms</a></li>

<li><a href="suites.html">Suites</a></li>

<li><a href="scr.html">SC Room</a></li>

</ul>

</li>

<li><a href="dinning.html">Dinning</a>

<ul>

<li><a href="restaurant.html">Restaurant</a></li>

<li><a href="barlounge.html">Bar Lounge</a></li>

<li><a href="lobby lounge.html">LobbyLounge</a></li>

</ul>

</li>

<li><a href="gallery.html">Gallery</a></li>

78
<li><a href="ME.html">Meetings & Events</a>

<ul>

<li><a href="cr.html">ConferenceRoom</a></li>

<li><a href="BALLROOM.HTML">Ball Room</a></li>

</ul>

</li>

<li><a href="OFFERS.HTML">Offers</a></li>

<li><a href="contact.html">Contact Us</a></li>

</ul>

</font></center>

<p>&nbsp;</p>

<br>

<center>

<table background="../bckgrnd/whitestripes.png" cellspacing="0" width="862" height="391">

<tr>

<td height="47">

<p align="center"><b>BALLROOM</b></td>

</tr>

<tr>

<td>

<img src="..\images\wedding-hall.jpg" align="right" width="925" height="462"><br>

</td>

</tr>

79
<tr>

<td>

<br>&nbsp;Located on Level One, overlooking the lush manicured terrace, Shangri-La Ballroom is an ideal
venue for important meetings and banquet celebrations.Spar Ballroom can be divided into four parts for smaller
gatherings.<p><br>

&nbsp;</td>

</tr>

</table>

</body>

</html>

OUTPUT:

Figure 3.7.2 Ballroom page


80
3.8 OFFERS:

CODING:

<html>

<head>

<title>OFFERS</title>

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

</head>

<body background="..\bckgrnd\black.jpg">

<pre>

<img src="../images\spar1.png" width="245" height="152">


<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>

<hr>

<center><font color="#4E3716"> <ul id="coolmenu">

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

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

<li><a href="about.html">About Us</a> </li>

<li><a href="RS.html">Rooms & Suites</a>

<ul>

<li><a href="rooms.html">Rooms</a></li>

<li><a href="suites.html">Suites</a></li>

<li><a href="scr.html">SC Room</a></li> </ul>

</li>

81
<li><a href="dinning.html">Dinning</a>

<ul>

<li><a href="restaurant.html">Restaurant</a></li>

<li><a href="barlounge.html">Bar Lounge</a></li>

<li><a href="lobby lounge.html">LobbyLounge</a></li>

</ul>

</li>

<li><a href="gallery.html">Gallery</a></li>

<li><a href="ME.html">Meetings & Events</a>

<ul>

<li><a href="cr.html">ConferenceRoom</a></li>

<li><a href="BALLROOM.HTML">Ball Room</a></li>

</ul>

</li>

<li><a href="OFFERS.HTML">Offers</a></li>

<li><a href="contact.html">Contact Us</a></li>

</ul>

</font></center>

<p>&nbsp;</p>

<br>

<center>

<table background="../bckgrnd/whitestripes.png" cellspacing="0" width="862" height="391">

<tr>

82
<td height="47">

<p align="center"><b>OFFERS</b></td>

</tr>

<tr>

<TD>

&nbsp;<B>Surprises</B><br>

<P>

&nbsp;This season, enjoy endless value at our hotels. From an extra night's stay, to thoughtful privileges and a
host of complimentary services, our &nbsp;limited period offers are bound to enhance your stay.<br></P>

<P>

&nbsp;<U>Flexi Credits</U><BR>

&nbsp;Stay for two nights and enjoy unbelievable savings with complimentary hotel credits. Choose from
rejuvenating spa therapies, the finest of &nbsp;cuisines or simply spend time with your friends and business
associates at our exclusive bars.<br></P>

<P>

&nbsp;<U>Stay A Bit Longer</U><BR>

&nbsp;Stay with us for two or three consecutive nights and we'll extend your experience by another night, at no
extra cost ! Spend a day at the spa, &nbsp;dine at our celebrated restaurants or take the day out just for yourself
in the comfort of our hotels.<BR></P>

<P>

&nbsp;<U>Suite Celebrations</U><BR>

&nbsp;This season, give in to the delight of the unexpected when you stay at our celebrated suites. While
pleasant surprises keep you guessing, our &nbsp;legendary hospitality will tempt you to stay on. From the
efficient round-the-clock butler service to an additional night's stay at 50% or no extra &nbsp;cost, to the
convenience of our flexible check-in and check-out timings, our limited period offers are bound to make your
experience at our &nbsp;hotels an unforgettable one.<BR></P>
83
</td>

</tr>

</table>

</body>

</html>

OUTPUT:

Figure 3.8 Offers page

84
3.9 CONTACT US:

CODING:

<html>

<head>

<title>Contact Us</title>

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

</head>

<body background="..\bckgrnd\black.jpg" >

<pre>

<img src="../images\spar1.png" width="245" height="152">


<font color= "white" face="AR BLANCA">&nbsp; Helpline No.1800-5649&nbsp;&nbsp; </pre>

<hr>

<center><font color="#4E3716"> <ul id="coolmenu">

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

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

<li><a href="about.html">About Us</a> </li>

<li><a href="RS.html">Rooms & Suites</a>

<ul>

<li><a href="rooms.html">Rooms</a></li>

<li><a href="suites.html">Suites</a></li>

<li><a href="scr.html">SC Room</a></li>

</ul>
85
</li>

<li><a href="dinning.html">Dinning</a>

<ul>

<li><a href="restaurant.html">Restaurant</a></li>

<li><a href="barlounge.html">Bar Lounge</a></li>

<li><a href="lobby lounge.html">LobbyLounge</a></li>

</ul>

</li>

<li><a href="gallery.html">Gallery</a></li>

<li><a href="ME.html">Meetings & Events</a>

<ul>

<li><a href="cr.html">ConferenceRoom</a></li>

<li><a href="BALLROOM.HTML">Ball Room</a></li>

</ul>

</li>

<li><a href="OFFERS.HTML">Offers</a></li>
<li><a href="contact.html">Contact Us</a></li>

</ul>

</font></center>

<p>&nbsp;</p>

<br>

<center>

86
<table background="../bckgrnd/whitestripes.png" cellspacing="0" width="862" height="391">

<tr>

<td height="47">

<p align="center"><b><font size="5">Contact Us</font></b></td>

</tr>

<tr>

<td>&nbsp;</td>

<td>,</td>

</tr>

<tr>

<td>

&nbsp; <font size="6">Spar Leisure Inn,<span class="Apple-converted-space">&nbsp;</span><a


href="http://www.shangri-la.com/newdelhi/erosshangrila/contact-us/#" style="text-decoration: none"><font
color="#000000">New</font></a><span class="Apple-converted-space">&nbsp;</span>Delhi</div>

</font>

<p>

<font face="AR BLANCA"><strong>&nbsp;


Address&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

:</strong>New Delhi, 110 001, India</font></p>

<p><strong>

<font face="AR BLANCA">&nbsp;


Tel&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

</font></strong>

<font face="AR BLANCA">&nbsp; : (91 11) 4119 1919 </font></p>


87
<p>

<font face="AR BLANCA"><strong>&nbsp;


Fax&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs
p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

:</strong>(91 11) 4119 1988</font></p>

<p>

<font face="AR BLANCA"><strong>&nbsp; Email&nbsp;&nbsp;&nbsp; </strong></font>


<fontcolor="white"face="ARBLANCA">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;

</font>

<font face="AR BLANCA">:</font><font color= "white" face="AR BLANCA"><a href="http://www.shangri-


la.com/newdelhi/erosshangrila/contact-us/email-us/" style="text-decoration:
none">sparleisureinn@sli.com</a></td>

</tr>

</table>

</body>

</html>

88
OUTPUT:

Figure 3.9 Contact Us

89

Das könnte Ihnen auch gefallen