API tools faq
paste
Advertisement
Guest User

konten

a guest
Feb 8th, 2016
59
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 14.83 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. .ui-datepicker {
  3.     width: 250px;
  4. }
  5.  
  6. .datepicker-wrap1 {
  7.     position: relative;
  8. }
  9.  
  10. .datepicker-wrap1:after {
  11.     display: block;
  12.     font-family: "fontawesome";
  13.     content: "\f073";
  14.     font-size: 25px;
  15.     color: #D1D1D1;
  16.     position: absolute;
  17.     right: 0;
  18.     top: 0;
  19.     bottom: 0;
  20.     width: 30px;
  21.     height: 100%;
  22.     text-align: center;
  23.     line-height: 34px;
  24. }
  25.  
  26. .ui-datepicker {
  27.     z-index: 999 !important;
  28. }
  29. </style>
  30.  
  31. <style>
  32. .modalDialog {
  33.     position: fixed;
  34.     font-family: Arial, Helvetica, sans-serif;
  35.     top: 0;
  36.     right: 0;
  37.     bottom: 0;
  38.     left: 0;
  39.     background: rgba(0, 0, 0, 0.8);
  40.     z-index: 99999;
  41.     opacity: 0;
  42.     -webkit-transition: opacity 400ms ease-in;
  43.     -moz-transition: opacity 400ms ease-in;
  44.     transition: opacity 400ms ease-in;
  45.     pointer-events: none;
  46.     z-index: 99999;
  47. }
  48.  
  49. .modalDialog:target {
  50.     opacity: 1;
  51.     pointer-events: auto;
  52. }
  53.  
  54. .modalDialog>div {
  55.     width: 90%;
  56.     margin: 1% auto;
  57.     position: relative;
  58.     border-radius: 10px;
  59.     background: #FFFFFF;
  60. }
  61.  
  62. .xclose {
  63.     z-index: 99999;
  64.     color: #000000;
  65.     line-height: 25px;
  66.     position: absolute;
  67.     right: -12px;
  68.     text-align: center;
  69.     top: -10px;
  70.     width: 24px;
  71.     text-decoration: none;
  72.     font-weight: bold;
  73.     border-radius: 12px;
  74.     box-shadow: 1px 1px 3px #000;
  75.     background: #00d9ff !important;
  76. }
  77. </style>
  78. <!-- start main slider -->
  79. <div class="main_slider_area">
  80.     <div class="main_slider" id="slider_rev">
  81.         <!-- start hotel booking -->
  82.         <div class="hotel_booking_area">
  83.             <div class="container">
  84.                 <div class="hotel_booking">
  85.                     <form id="form1" role="form" action="leisure-avail" method="POST">
  86.                         <div class="col-lg-2 col-md-2 col-sm-2">
  87.                             <div class="room_book border-right-dark-1">
  88.                                 <h6>Chose Your</h6>
  89.                                 <p>
  90.                                     <i>Leisure</i>
  91.                                 </p>
  92.                             </div>
  93.                         </div>
  94.                         <div class="form-group col-lg-5 col-md-5 col-sm-5">
  95.                             <div class="form-group col-lg-12 col-md-12 col-sm-12 icon_arrow">
  96.                                 <div class="input-group border-bottom-dark-2">
  97.                                     <select class="form-control" name="leisure" id="room">
  98.                                         <option value="1">Candi Borobudur</option>
  99.                                         <option value="2">Candi Prambanan</option>
  100.                                         <option value="3">Candi BOKO</option>
  101.                                         <option value="4">Trans Studio Bandung</option>
  102.                                         <option value="5">Jungle Land</option>
  103.                                     </select>
  104.                                 </div>
  105.                             </div>
  106.                         </div>
  107.                         <div class="form-group col-lg-2 col-md-2 col-sm-2">
  108.                             <div class="input-group border-bottom-dark-2">
  109.                                 <input class="xdate-picker" name="checkin" id="datepicker"
  110.                                     placeholder="Checkin" type="text" required />
  111.                                 <div class="input-group-addon">
  112.                                     <i class="fa fa-calendar"></i>
  113.                                 </div>
  114.                             </div>
  115.                         </div>
  116.                         <div class="col-lg-3 col-md-6 col-sm-6">
  117.                             <div class="row">
  118.                                 <div class="form-group col-lg-6 col-md-6 col-sm-6 icon_arrow">
  119.                                     <div class="input-group border-bottom-dark-2">
  120.                                         <select class="form-control" name="room" id="room">
  121.                                             <option value="1">1 Guest</option>
  122.                                             <option value="2">2 Guests</option>
  123.                                             <option value="3">3 Guests</option>
  124.                                             <option value="4">4 Guests</option>
  125.                                             <option value="5">5 Guests</option>
  126.                                             <option value="6">6 Guests</option>
  127.                                             <option value="7">7 Guests</option>
  128.                                         </select>
  129.                                     </div>
  130.                                 </div>
  131.                                 <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
  132.                                     <button class="btn-primary floatright"
  133.                                         style="font-size: none; background: #EDA30C; border-color: #F3B92F;">Book</button>
  134.                                 </div>
  135.                             </div>
  136.                         </div>
  137.                     </form>
  138.                     <!-- special offer start -->
  139.                     <div class="special_offer_main">
  140.                         <img src="img/promo.png" alt="" usemap="#Map">
  141.                         <map name="Map" id="Map">
  142.                             <area alt="" title="Booking Flight" href="flight" shape="rect"
  143.                                 coords="52,119,139,147" />
  144.                             <area alt="" title="Where is attractive place ?" href="leisure"
  145.                                 shape="rect" coords="51,170,146,200" />
  146.                         </map>
  147.                     </div>
  148.                     <!-- end offer start -->
  149.                 </div>
  150.             </div>
  151.         </div>
  152.         <!-- end hotel booking -->
  153.  
  154.         <div class="fullwidthbanner-container">
  155.             <div class="fullwidth_home_banner">
  156.                 <ul>
  157.  
  158.                     <li data-transition="random" data-slotamount="3"
  159.                         data-masterspeed="500"><img src="img/rev-slider/borobudur1.jpg"
  160.                         alt="slide"></li>
  161.  
  162.                     <li data-transition="random" data-slotamount="3"
  163.                         data-masterspeed="500"><img src="img/rev-slider/prambanan.jpg"
  164.                         alt="slide"></li>
  165.  
  166.                     <li data-transition="random" data-slotamount="3"
  167.                         data-masterspeed="500"><img src="img/rev-slider/boko.jpg"
  168.                         alt="slide"></li>
  169.  
  170.                     <li data-transition="random" data-slotamount="3"
  171.                         data-masterspeed="500"><img src="img/rev-slider/borobudur2.jpg"
  172.                         alt="slide"></li>
  173.  
  174.                     <li data-transition="random" data-slotamount="3"
  175.                         data-masterspeed="500"><img src="img/rev-slider/borobudur3.jpg"
  176.                         alt="slide"></li>
  177.                 </ul>
  178.             </div>
  179.         </div>
  180.     </div>
  181. </div>
  182. <!-- end main slider -->
  183.  
  184.  
  185.  
  186. <div class="room_detail_main margin-bottom-55">
  187.     <div class="container">
  188.         <div class="row">
  189.             <div class="col-lg-12 col-md-12">
  190.                 <div class="deluxe_room_detail" style="margin-top: -40px;">
  191.                     <!-- contoh hari -->
  192.                     <div class="row">
  193.                         <!-- <div class="col-lg-4 col-md-4 col-sm-4">
  194.                                         <div class="single_room_wrapper clearfix">
  195.                                             <div class="room_wrapper">
  196.                                                 <div class="room_media">
  197.                                                     <a href="#"><img src="img/room-image-ten.jpg" alt=""></a>
  198.                                                 </div>
  199.                                                 <div class="room_title clearfix" style="margin-top:20px;">
  200.                                                     <div class="left_room_title floatleft">
  201.                                                         <h5>IDR. 379,670.00/ <span>night</span></h5>
  202.                                                     </div>
  203.                                                     <br></br>
  204.                                                     <div class="left_room_title floatright">
  205.                                                         <a href="#" class="btn">Book</a>
  206.                                                     </div>
  207.                                                 </div>
  208.                                             </div>
  209.                                         </div>
  210.                                     </div> -->
  211.  
  212.                     </div>
  213.                     <!-- Contoh selesai -->
  214.                     <br>&nbsp;
  215.  
  216.  
  217.  
  218.  
  219.  
  220.  
  221.                     <!--booking-->
  222.                     <div class="room-complete-detail">
  223.                         <ul class="nav nav-tabs">
  224.  
  225.  
  226.                         </ul>
  227.                         <div class="tab-content">
  228.                             <div id="overview" class="tab-pane fade"></div>
  229.                             <div id="room-info" class="tab-pane fade in active">
  230.                                 <h4 class="tab-heading"></h4>
  231.                                 <div class="room-info-wrapper">
  232.                                     <div class="col-md-3 col-sm-3 clear-padding">
  233.                                         <br></br> <img src="img/leisure/borobudur2.jpg" alt="gambar-tiket-borobudur">
  234.                                     </div>
  235.                                     <div class="col-md-5 col-sm-6 room-desc">
  236.                                         <br>&nbsp;
  237.                                         <h5>Borobudur Domestic ticket</h5>
  238.                                         <h6></h6>
  239.                                         &nbsp;&nbsp
  240.                                         <small><p class="fa fa-check">&nbsp Taman wisata candi buka setiap hari termasuk hari libur dengan
  241.                                         jam oprasional 06:00-17:00 WIB.</p></small>
  242.                                         <small><p class="fa fa-check">&nbsp Harga tiket dapat berubah sewaktu-waktu tanpa pemberitahuan terlebih dahulu</p></small>
  243.                                     </div>
  244.                                     <div class="clearfix visible-sm-block"></div>
  245.                                     <div class="col-md-3 text-center booking-box">
  246.                                         <div class="price">
  247.                                             <br>&nbsp;
  248.                                             <h6><strong>IDR 30,000.00</strong></h6>
  249.                                             <p>
  250.                                             <h6><strong>/ Guest</strong></h6>
  251.                                             </p>
  252.                                             <br></br>                                          
  253.                                             <div class="btn" style="width:85%;">
  254.                                             <a href="hotelbooking.php?id=1">BOOK</a>
  255.                                         </div>
  256.                                         </div>                                     
  257.                                     </div>
  258.                                 </div>
  259.                             </div>
  260.                         </div>
  261.                     </div>
  262.  
  263.  
  264.                     <div class="room-complete-detail">
  265.                         <ul class="nav nav-tabs">
  266.                             <li class="active"></li>
  267.  
  268.                         </ul>
  269.                         <div class="tab-content">
  270.                             <div id="overview" class="tab-pane fade"></div>
  271.                             <div id="room-info" class="tab-pane fade in active">
  272.                                 <h4 class="tab-heading"></h4>
  273.                                 <div class="room-info-wrapper">
  274.                                     <div class="col-md-3 col-sm-3 clear-padding">
  275.                                         <br></br> <img src="img/leisure/borobudur3.jpg" alt="gambar-tiket-wna">
  276.                                     </div>
  277.                                     <div class="col-md-5 col-sm-6 room-desc">
  278.                                         <br>&nbsp;
  279.                                         <h5>Borobudur Foreigner Ticket Admission</h5>
  280.                                         &nbsp;
  281.                                         <small><p class="fa fa-check">&nbsp The Temple is open everyday including
  282.                                         public holiday opening hour : 06 am - 5 pm</p></small>
  283.                                         <small><p class="fa fa-check">&nbsp Price are subject to change without prior notice</p></small>
  284.                                     </div>
  285.                                     <div class="clearfix visible-sm-block"></div>
  286.                                     <div class="col-md-3 text-center booking-box">
  287.                                         <div class="price">
  288.                                             <br>&nbsp;
  289.                                             <h6><strong>USD 20</strong></h6>
  290.                                             <p>
  291.                                            
  292.                                            
  293.                                             <h6><strong>/ Adult Visitor</strong></h6>
  294.                                             </p>
  295.                                             <br></br>                                          
  296.                                             <div class="btn" style="width:75%;">
  297.                                             <a href="hotelbooking.php?id=1">BOOK</a>
  298.                                         </div>
  299.                                         </div>
  300.                                     </div>
  301.                                 </div>
  302.                             </div>
  303.                         </div>
  304.                     </div>
  305.  
  306.  
  307.                     <div class="room-complete-detail">
  308.                         <ul class="nav nav-tabs">
  309.                             <li class="active"></li>
  310.  
  311.                         </ul>
  312.                         <div class="tab-content">
  313.                             <div id="overview" class="tab-pane fade"></div>
  314.                             <div id="room-info" class="tab-pane fade in active">
  315.                                 <h4 class="tab-heading"></h4>
  316.                                 <div class="room-info-wrapper">
  317.                                     <div class="col-md-3 col-sm-3 clear-padding">
  318.                                         <br></br> <img src="img/leisure/borobudur4.jpg" alt="gambar-paket-borobudur-sunrise">
  319.                                     </div>
  320.                                     <div class="col-md-5 col-sm-6 room-desc">
  321.                                         <br>&nbsp;
  322.                                         <h5>Borobudur Sunrise / sunset package</h5>
  323.                                         &nbsp;
  324.                                         <small><p class="fa fa-check">&nbsp The rates include tea/coffee, light meals, entrance to Borobudur Temple
  325.                                         from 4.30am. Not Aplicable for Borobudur Manohara Package
  326.                                         </p></small>
  327.                                        
  328.                                         <small><p class="fa fa-check">&nbsp Children (1-5 year) will free of charge</p></small>
  329.                                         <small><p class="fa fa-check">&nbsp Children (6-10 year) will be charge 50% from adult</p></small>
  330.                                         <small><p class="fa fa-check">&nbsp Children above 11 year will be charge as adult</p></small>
  331.                                         <small><p class="fa fa-check">&nbsp Price are subject to charge without prior notice</p></small>
  332.                                     </div>
  333.                                     <div class="clearfix visible-sm-block"></div>
  334.                                     <div class="col-md-3 text-center booking-box">
  335.                                         <div class="price">
  336.                                             <br>&nbsp;
  337.                                             <h6><strong>IDR 250,000.00</strong></h6>
  338.                                             <p>
  339.                                            
  340.                                            
  341.                                             <h6><strong>/ Domestic Visitor</strong></h6>
  342.                                             </p>
  343.                                             <br></br>                                          
  344.                                             <div class="btn" style="width:60%;">
  345.                                             <a href="hotelbooking.php?id=1">BOOK</a>
  346.                                         </div>
  347.                                         </div>
  348.                                 </div>
  349.                                 </div>
  350.                             </div>
  351.                         </div>
  352.                     </div>
  353.  
  354.                     <div class="room-complete-detail">
  355.                         <ul class="nav nav-tabs">
  356.                             <li class="active"></li>
  357.  
  358.                         </ul>
  359.                         <div class="tab-content">
  360.                             <div id="overview" class="tab-pane fade"></div>
  361.                             <div id="room-info" class="tab-pane fade in active">
  362.                                 <h4 class="tab-heading"></h4>
  363.                                 <div class="room-info-wrapper">
  364.                                     <div class="col-md-3 col-sm-3 clear-padding">
  365.                                         <br></br> <img src="img/leisure/borobudur5.jpg" alt="gambar-paket-borobudur-manohara">
  366.                                     </div>
  367.                                     <div class="col-md-5 col-sm-6 room-desc">
  368.                                         <br>&nbsp;
  369.                                         <h5>Borobudur Manohara package</h5>
  370.                                         <br>
  371.                                        
  372.                                         <small><p class="fa fa-check">&nbsp Children (1-5 year) will free of charge</p></small>
  373.                                         <small><p class="fa fa-check">&nbsp Children (6-10 year) will be charge 50% from adult</p></small>
  374.                                         <small><p class="fa fa-check">&nbsp Children above 11 year will be charge as adult</p></small>
  375.                                         <small><p class="fa fa-check">&nbsp Price are subject to charge without prior notice</p></small>
  376.                                
  377.                                     </div>
  378.                                     <div class="clearfix visible-sm-block"></div>
  379.                                     <div class="col-md-3 text-center booking-box">
  380.                                         <div class="price">
  381.                                             <br>&nbsp;
  382.                                             <h6><strong>IDR 120,000.00</strong></h6>
  383.                                             <p>
  384.                                            
  385.                                             <h6><strong>/ Domestik Visitor</strong></h6>
  386.                                             </p>
  387.                                             <br></br>                                          
  388.                                             <div class="btn" style="width:60%;">
  389.                                             <a href="hotelbooking.php?id=1">BOOK</a>
  390.                                         </div>
  391.                                         </div>
  392.                                     </div>
  393.                                 </div>
  394.                             </div>
  395.                         </div>
  396.                     </div>
  397.  
  398.                     <div class="room-complete-detail">
  399.                         <ul class="nav nav-tabs">
  400.                             <li class="active"></li>
  401.  
  402.                         </ul>
  403.                         <div class="tab-content">
  404.                             <div id="overview" class="tab-pane fade"></div>
  405.                             <div id="room-info" class="tab-pane fade in active">
  406.                                 <h4 class="tab-heading"></h4>
  407.                                 <div class="room-info-wrapper">
  408.                                     <div class="col-md-3 col-sm-3 clear-padding">
  409.                                         <br></br> <img src="img/leisure/borobudur6.jpg" alt="gambar-paket-borobudur-sunrise">
  410.                                     </div>
  411.                                     <div class="col-md-5 col-sm-6 room-desc">
  412.                                         <br>&nbsp;
  413.                                         <h5>Borobudur Sunrise / Sunset package (Stay In Manohara)</h5>
  414.                                         <br>
  415.                                        
  416.                                         <small><p class="fa fa-check">&nbsp Children (1-5 year) will free of charge</p></small>
  417.                                         <small><p class="fa fa-check">&nbsp Children (6-10 year) will be charge 50% from adult</p></small>
  418.                                         <small><p class="fa fa-check">&nbsp Children above 11 year will be charge as adult</p></small>
  419.                                         <small><p class="fa fa-check">&nbsp Price are subject to charge without prior notice</p></small>
  420.                                     </div>
  421.                                     <div class="clearfix visible-sm-block"></div>
  422.                                     <div class="col-md-3 text-center booking-box">
  423.                                         <div class="price">
  424.                                             <br>&nbsp;
  425.                                             <h6><strong>IDR 230,000.00</strong></h6>
  426.                                             <p>
  427.                                            
  428.                                            
  429.                                             <h6><strong>/ Visitor</strong></h6>
  430.                                             </p>
  431.                                             <br></br>                                          
  432.                                             <div class="btn" style="width:80%;">
  433.                                             <a href="hotelbooking.php?id=1">BOOK</a>
  434.                                         </div>
  435.                                         </div>
  436.                                     </div>
  437.                                 </div>
  438.                             </div>
  439.                         </div>
  440.                     </div>
  441.                 </div>
  442.             </div>
  443.         </div>
  444.     </div>
  445. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!