Oriential Palace

Arrival Date:

Depart Date:

Copy and paste below code into your website wherever you want to display this section.

Horizontal Script

<div class="onbook"><div class="panel panel-default panel-booking">
	<div class="panel-heading bgbook">Book Room Now</div>
	<div class="panel-body padding-top-10">
   <div class="hotelReservationPanel">
   <form action="https://booking.orientalpalaceresort.com:443/hotel/orientalpalace/process-hotel-booking" method="get"
                onsubmit="return validateForm()" target="_blank">
    <script src="https://booking.orientalpalaceresort.com:443/js/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="https://booking.orientalpalaceresort.com:443/js/jquery-ui.js" type="text/javascript"></script>
    <link href="https://booking.orientalpalaceresort.com:443/css/jquery-ui.css" rel="stylesheet" type="text/css" />
       <link href="https://booking.orientalpalaceresort.com:443/css/main.css" rel="stylesheet" type="text/css" />
    <script src="https://booking.orientalpalaceresort.com:443/js/windowReservation.js" type="text/javascript"></script>
   
   <div class="col-md-4 col-sm-6 col-xs-12 center-cl"><label for="exampleInputName2"> Arrival Date</label>
        <input type="text" id="Text1" name="arrival" class="arrival icon-calender" readonly="readonly" onchange="arrival_onchange(this.value)" />
    </div>
  <div class="col-md-4 col-sm-6 col-xs-12 center-cl"><label for="exampleInputName2"> Departure Date</label>
        <input type="text" id="Text2" name="depart" class="depart icon-calender" readonly="readonly" /> 
   </div>
    <div class="col-md-4 col-sm-6 col-xs-12 center-cl"> 
        <input type="submit" class="loginButton button-black" value="View Best Available Rate" />
    </div>
        
    </form>
		</div>
	</div>
	</div>
</div>

Vertical Script

<div class="onbook" style="width:310px"><div class="panel panel-default panel-booking">
	<div class="panel-heading bgbook">Book Room Now</div>
	<div class="panel-body padding-top-10">
   <div class="hotelReservationPanel">
   <form action="https://booking.orientalpalaceresort.com:443/hotel/orientalpalace/process-hotel-booking" method="get"
                onsubmit="return validateForm()" target="_blank">
    <script src="https://booking.orientalpalaceresort.com:443/js/jquery-1.10.2.js" type="text/javascript"></script>
    <script src="https://booking.orientalpalaceresort.com:443/js/jquery-ui.js" type="text/javascript"></script>
    <link href="https://booking.orientalpalaceresort.com:443/css/jquery-ui.css" rel="stylesheet" type="text/css" />
       <link href="https://booking.orientalpalaceresort.com:443/css/main.css" rel="stylesheet" type="text/css" />
    <script src="https://booking.orientalpalaceresort.com:443/js/windowReservation.js" type="text/javascript"></script>
   
   <div class="row">
   <div class="col-md-12 center-cl"><label for="exampleInputName2"> Arrival Date</label>
        <input type="text" id="Text3" style="width:150px" name="arrival" class="arrival icon-calender control" readonly="readonly" onchange="arrival_onchange(this.value)" />
    </div>
</div>
   <div class="row">
  <div class="col-md-12"><label for="exampleInputName2"> Departure Date</label>
        <input type="text" id="Text4" style="width:150px" name="depart" class="depart icon-calender control" readonly="readonly" /> 
   </div>
   </div>
   <div class="row">
    <div class="col-md-12" align="center"> 
        <input type="submit" class="loginButton button-black" value="View Best Available Rate" />
    </div>
   </div>
      
    </form>
		</div>
	</div>
	</div>
</div>
    <style>
        .control{
margin-bottom:10px;
float:right;
}
    </style>