It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://pesantrenadabdanilmu.id/

  1.  
  2. <html lang="en">
  3.    <head>
  4.      <!-- Meta Tags -->
  5.      <meta charset="utf-8" />
  6.      <meta
  7.        name="viewport"
  8.        content="width=device-width, initial-scale=1, shrink-to-fit=no"
  9.      />
  10.  
  11.      
  12.      <meta property="og:title" content="RANAH MINANG COFFEE SHOP - Truntum Padang" />
  13.      <meta property="og:description"  content="A cozy and comfortable restaurant perfect for a business rendezvous, casual catch up with friends or relaxing drink alone after a hectic day. Here we cater" />
  14.      <meta property="og:image" content="https://cms.hig.id//upload/cms/RMCS_THUMBNAIL_952X789_PX.jpg" />
  15.      <meta property="og:url" content="http://truntumhotels.com/hotels/truntum-padang/restaurant/7/ranah-minang-coffee-shop" />
  16.      <meta name="keywords" content="RANAH MINANG COFFEE SHOP,Truntum Padang,Truntum Padang, hig, hotel indonesia group">
  17.      <title>RANAH MINANG COFFEE SHOP - Truntum Padang</title>
  18.      <link rel="icon" href="https://cms.hig.id//upload/cms/LOGO-HEADER-TRUNTUM-PADANG.png" />
  19.      <meta name="viewport" content="width=device-width, initial-scale=1" />
  20.      <link href="https://truntumhotels.com/fonts/font-awesome.min.css" rel="stylesheet" />
  21.      <link rel="stylesheet" href="https://truntumhotels.com/css/bootstrap.min.css" />
  22.      <link rel="stylesheet" href="https://truntumhotels.com/css/multi/owl.carousel.css" />
  23.      <link rel="stylesheet" href="https://truntumhotels.com/css/bootstrap-select.css" />
  24.      <link rel="stylesheet" href="https://truntumhotels.com/css/bootstrap-datepicker.min.css" />
  25.                  <link rel="stylesheet" href="https://truntumhotels.com/css/multi/truntum/style.css" />
  26.              
  27.              <!-- Global site tag (gtag.js) - Google Analytics -->
  28.        <script async src="https://www.googletagmanager.com/gtag/js?id=G-2EL95MDKJQ"></script>
  29.        <script>
  30.            window.dataLayer = window.dataLayer || [];
  31.            function gtag(){dataLayer.push(arguments);}
  32.            gtag('js', new Date());
  33.            gtag('config', 'G-2EL95MDKJQ');
  34.        </script>
  35.        <!-- End Google Analytic -->
  36.  
  37.        <!-- Google Tag Manager -->
  38.        <script>
  39.          (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  40.          new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  41.          j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  42.          'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  43.          })(window,document,'script','dataLayer','GTM-TKSXTJDP');
  44.        </script>
  45.        <!-- End Google Tag Manager -->
  46.      
  47.  
  48.    </head>
  49.    <style>
  50.  
  51.        /* width */
  52.        ::-webkit-scrollbar {
  53.        width: 6px;
  54.      }
  55.  
  56.      /* Track */
  57.      ::-webkit-scrollbar-track {
  58.        box-shadow: inset 0 0 5px #D3D3D3;
  59.        border-radius: 6px;
  60.      }
  61.      
  62.      /* Handle */
  63.      ::-webkit-scrollbar-thumb {
  64.        background: #A9A9A9;
  65.        border-radius: 6px;
  66.      }
  67.  
  68.      /* Handle on hover */
  69.      ::-webkit-scrollbar-thumb:hover {
  70.        background:#808080;
  71.      }
  72.  
  73.      .thead-content-title {
  74.          width: 290px;
  75.          display: flex;
  76.          align-items: center;
  77.          justify-content: center;
  78.      }
  79.  
  80.      @media (max-width: 780px){
  81.        .thead-content-title {
  82.            display: block;            
  83.        }
  84.      }
  85.    </style>
  86.    <body>
  87.  
  88.    
  89. <!-- Google Tag Manager (noscript) -->
  90. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TKSXTJDP"
  91. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  92. <!-- End Google Tag Manager (noscript) -->
  93. <div class="modal fade modal-acc" id="myModal-acc" role="dialog">
  94.    <div class="modal-dialog modal-acc">
  95.      <!-- Modal content-->
  96.      <div class="modal-content modal-acc">
  97.        <!--<div class="modal-acc-bg"></div>-->
  98.        <div class="modal-body modal-acc">
  99.          <div align="center">
  100.            <div class="centerd-modal-menu-header">
  101.              <button
  102.                type="button"
  103.                class="close modal-acc"
  104.                data-dismiss="modal"
  105.              >
  106.                &times;
  107.              </button>
  108.              <div class="pull-left modal-menu-header-modalAcc">
  109.                                <div class="pull-left in-modal-menu-header-modalAcc">
  110.                  <div class="title-First-modal-menu-header-modalAcc">
  111.                    ROOMS
  112.                  </div>
  113.                                                        <a href="https://truntumhotels.com/hotels/truntum-padang/accomodation/22/deluxe-double-bedroom">
  114.                      <div class="title-InMenu-ModalHeadErs">Deluxe Double Bedroom</div>
  115.                    </a>
  116.                                                        <a href="https://truntumhotels.com/hotels/truntum-padang/accomodation/21/deluxe-twin-bedroom">
  117.                      <div class="title-InMenu-ModalHeadErs">Deluxe Twin Bedroom</div>
  118.                    </a>
  119.                                  
  120.                </div>
  121.                                                <div class="pull-left in-modal-menu-header-modalAcc">
  122.                  <div class="title-First-modal-menu-header-modalAcc">
  123.                    SUITES
  124.                  </div>
  125.                                                        <a href="https://truntumhotels.com/hotels/truntum-padang/accomodation/93/junior-suite-room">
  126.                      <div class="title-InMenu-ModalHeadErs">Junior Suite Room</div>
  127.                    </a>
  128.                                  </div>
  129.                                                <div class="clear"></div>
  130.              </div>
  131.                            <div class="clear"></div>
  132.            </div>
  133.          </div>
  134.        </div>
  135.      </div>
  136.    </div>
  137.  </div>
  138. <div class="modal fade modal-acc" id="myModal-dining" role="dialog">
  139.    <div class="modal-dialog modal-acc">
  140.      <!-- Modal content-->
  141.      <div class="modal-content modal-acc">
  142.        <div class="modal-acc-bg"></div>
  143.        <div class="modal-body modal-acc">
  144.          <div align="center">
  145.            <div class="centerd-modal-menu-header dining">
  146.              <button
  147.                type="button"
  148.                class="close modal-acc"
  149.                data-dismiss="modal"
  150.              >
  151.                &times;
  152.              </button>
  153.              <div class="pull-left modal-menu-header-modalAcc two">
  154.                                <div class="pull-left in-modal-menu-header-modalAcc">
  155.                  <div class="title-First-modal-menu-header-modalAcc">
  156.                    RESTAURANT
  157.                  </div>
  158.                                                        <a href="https://truntumhotels.com/hotels/truntum-padang/restaurant/7/ranah-minang-coffee-shop">
  159.                      <div class="title-InMenu-ModalHeadErs">RANAH MINANG COFFEE SHOP</div>
  160.                    </a>
  161.                                                        <a href="https://truntumhotels.com/hotels/truntum-padang/restaurant/6/muaro-terrace-cafe-resto">
  162.                      <div class="title-InMenu-ModalHeadErs">MUARO TERRACE CAFE &amp; RESTO</div>
  163.                    </a>
  164.                                  </div>
  165.                                                <div class="clear"></div>
  166.              </div>
  167.                            <div class="clear"></div>
  168.            </div>
  169.          </div>
  170.        </div>
  171.      </div>
  172.    </div>
  173.  </div><div class="modal fade modal-acc" id="myModal-exp" role="dialog">
  174.    <div class="modal-dialog modal-acc">
  175.      <!-- Modal content-->
  176.      <div class="modal-content modal-acc">
  177.        <div class="modal-acc-bg"></div>
  178.        <div class="modal-body modal-acc">
  179.          <div align="center">
  180.            <div class="centerd-modal-menu-header dining">
  181.              <button
  182.                type="button"
  183.                class="close modal-acc"
  184.                data-dismiss="modal"
  185.              >
  186.                &times;
  187.              </button>
  188.              <div class="pull-left modal-menu-header-modalAcc two">
  189.                <div class="pull-left in-modal-menu-header-modalAcc">
  190.                                                        <a href="https://truntumhotels.com/hotels/truntum-padang/experiences/5/muara-fitness">
  191.                      <div class="title-InMenu-ModalHeadErs">Muara Fitness</div>
  192.                    </a>
  193.                                                        <a href="https://truntumhotels.com/hotels/truntum-padang/experiences/36/muara-poolside">
  194.                      <div class="title-InMenu-ModalHeadErs">Muara Poolside</div>
  195.                    </a>
  196.                                  </div>
  197.                <div class="clear"></div>
  198.              </div>
  199.                            <div class="clear"></div>
  200.            </div>
  201.          </div>
  202.        </div>
  203.      </div>
  204.    </div>
  205.  </div><div class="modal Mypromo1 fade" id="myModal-contactUs" role="dialog">
  206.    <div class="modal-dialog modal-lg Mypromo1">
  207.      <div class="modal-content Mypromo1">
  208.        <div class="modal-body Mypromo1">
  209.          <button type="button" class="close Mypromo1" data-dismiss="modal">
  210.            &times;
  211.          </button>
  212.          <div class="MyPromo_pageRoom">
  213.            <div align="center">
  214.              <div class="centered-MyPromo_pageRoom x44">
  215.                <div class="thead-content-title44">
  216.                  <img src="https://cms.hig.id//upload/cms/LOGO-FOOTER-TRUNTUM-PADANG.png"
  217.                      alt="logo truntum-padang"
  218.                      title="logo truntum-padang" />
  219.                </div>
  220.                <div class="tiTle-contactUS">
  221.                  <p>
  222.                    <b>Address:</b>Jl. Gereja No. 34, Belakang Tangsi, Padang City, West Sumatera 25118
  223.                  </p>
  224.                  <p><b>Phone: </b>+62 751 35600</p>
  225.                  <p><b>Email: </b><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d5bdb0b9b9bafba5b4b1b4bbb295a1a7a0bba1a0b8bdbaa1b0b9a6fbb6bab8">[email&#160;protected]</a></p>
  226.                </div>
  227.                <form>
  228.                  <div class="inputcontactUs">
  229.                    <input type="email" placeholder="Your Email" required />
  230.                  </div>
  231.                  <div class="inputcontactUs">
  232.                    <textarea placeholder="Your Message" required></textarea>
  233.                  </div>
  234.                  <div class="inputcontactUs"><button>Send</button></div>
  235.                </form>
  236.              </div>
  237.            </div>
  238.          </div>
  239.        </div>
  240.      </div>
  241.    </div>
  242.  </div><div class="modal fade modal-acc" id="myModal-forgot" role="dialog">
  243.    <div class="modal-dialog modal-login">
  244.      <!-- Modal content-->
  245.      <div class="modal-content modal-login">
  246.        <div class="modal-body modal-login">
  247.          <button
  248.            type="button"
  249.            class="close modal-accLogins"
  250.            data-dismiss="modal"
  251.          >
  252.            &times;
  253.          </button>
  254.          <div align="center">
  255.            <div class="modal-title-login">FORGOT PASSWORD</div>
  256.            <form>
  257.              <div class="tform-modals-login-room fcv">
  258.                <div class="tform-title-login">Email</div>
  259.                <div class="input-tform-login">
  260.                  <input
  261.                    type="email"
  262.                    placeholder="Your registered email"
  263.                    readonly
  264.                    required
  265.                  />
  266.                </div>
  267.              </div>
  268.              <div
  269.                class="option-login"
  270.                align="center"
  271.                style="text-align: center"
  272.                data-dismiss="modal"
  273.                data-toggle="modal"
  274.                data-target="#myModal-login"
  275.              >
  276.                Back
  277.              </div>
  278.              <div align="center">
  279.                <div class="T-formOptions xc">
  280.                  <div class="pull-left btnLogin-submit Fp">
  281.                    <button class="btn btn-default">Request Password</button>
  282.                  </div>
  283.                  <div class="clear"></div>
  284.                </div>
  285.              </div>
  286.            </form>
  287.          </div>
  288.        </div>
  289.      </div>
  290.    </div>
  291.  </div><!-- Modal Thank You-->
  292. <div class="modal Mypromo1 fade" id="myModal-tq" role="dialog">
  293.    <div class="modal-dialog modal-lg Mypromo1 tq">
  294.        <div class="modal-content Mypromo1 tq">
  295.            <div class="modal-body Mypromo1 tq">
  296.            <button type="button" class="close Mypromo1" data-dismiss="modal">
  297.                &times;
  298.            </button>
  299.            <div class="MyPromo_pageRoom">
  300.                <div align="center">
  301.                <div class="centered-MyPromo_pageRoom tq">
  302.                    <div class="thead-content-title33-tq">THANK YOU</div>
  303.                    <div class="page-InMyPromo_Roomtop-tq">
  304.                    Please kindly check your email.We sent an email to
  305.                    <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="513723303f32382238323011363c30383d7f323e3c">[email&#160;protected]</a> </span>with a link to get back
  306.                    into your account.
  307.                    </div>
  308.                    <div class="tfootInMyBackHome" data-dismiss="modal">Home</div>
  309.                </div>
  310.                </div>
  311.            </div>
  312.            </div>
  313.        </div>
  314.    </div>
  315. </div>
  316.  
  317. <!-- Modal Login-->
  318.  
  319. <div class="modal fade modal-acc" id="myModal-login" role="dialog">
  320.    <div class="modal-dialog modal-login">
  321.      <!-- Modal content-->
  322.      <div class="modal-content modal-login">
  323.        <div class="modal-body modal-login">
  324.          <button
  325.            type="button"
  326.            class="close modal-accLogins"
  327.            data-dismiss="modal"
  328.          >
  329.            &times;
  330.          </button>
  331.          <div align="center">
  332.            <div class="modal-title-login">LOGIN</div>
  333.            <form>
  334.              <div class="tform-modals-login-room">
  335.                <div class="tform-title-login">Email</div>
  336.                <div class="input-tform-login">
  337.                  <input
  338.                    type="email"
  339.                    placeholder="Your registered email"
  340.                    readonly
  341.                    required
  342.                  />
  343.                </div>
  344.              </div>
  345.              <div class="tform-modals-login-room">
  346.                <div class="tform-title-login">Password</div>
  347.                <div class="input-tform-login">
  348.                  <input
  349.                    type="password"
  350.                    placeholder="Your password"
  351.                    readonly
  352.                    required
  353.                  />
  354.                </div>
  355.              </div>
  356.              <div class="form-option-login">
  357.                <div
  358.                  class="pull-left option-login"
  359.                  data-dismiss="modal"
  360.                  data-toggle="modal"
  361.                  data-target="#myModal-forgot"
  362.                >
  363.                  Forgot Password
  364.                </div>
  365.                <div
  366.                  class="pull-right option-login"
  367.                  data-dismiss="modal"
  368.                  data-toggle="modal"
  369.                  data-target="#myModal-phone"
  370.                >
  371.                  Login with Mobile Phone
  372.                </div>
  373.                <div class="clear"></div>
  374.              </div>
  375.              <div align="center">
  376.                <div class="T-formOptions hhh">
  377.                  <div
  378.                    class="pull-left btnLogin-submit"
  379.                    data-dismiss="modal"
  380.                    data-toggle="modal"
  381.                    data-target="#myModal-tq"
  382.                  >
  383.                    <button class="btn btn-default">Login</button>
  384.                  </div>
  385.                  <div class="pull-right btnLogin-submit">
  386.                    <button class="btn btn-default">Join High Rewards</button>
  387.                  </div>
  388.                  <div class="clear"></div>
  389.                </div>
  390.              </div>
  391.            </form>
  392.          </div>
  393.        </div>
  394.      </div>
  395.    </div>
  396.  </div>
  397.  
  398.   <!--pop up login phone-->
  399.   <div class="modal fade modal-acc" id="myModal-phone" role="dialog">
  400.    <div class="modal-dialog modal-login">
  401.      <!-- Modal content-->
  402.      <div class="modal-content modal-login">
  403.        <div class="modal-body modal-login">
  404.          <button
  405.            type="button"
  406.            class="close modal-accLogins"
  407.            data-dismiss="modal"
  408.          >
  409.            &times;
  410.          </button>
  411.          <div align="center">
  412.            <div class="modal-title-login">LOGIN</div>
  413.            <form>
  414.              <div class="form-phoneNumbers">
  415.                <div class="row">
  416.                  <div class="col-lg-5 col-md-lg-5 col-sm-lg-5 col-xs-12">
  417.                    <div class="tform-modals-login-room fcv">
  418.                      <div class="tform-title-login">Country Code</div>
  419.                      <div class="input-tform-login">
  420.                        <select>
  421.                          <option selected>ID+(62)</option>
  422.                          <option selected>KANADA+(1)</option>
  423.                          <option selected>RUSIA+(7)</option>
  424.                        </select>
  425.                      </div>
  426.                    </div>
  427.                  </div>
  428.                  <div class="col-lg-7 col-md-lg-7 col-sm-lg-7 col-xs-12">
  429.                    <div class="tform-modals-login-room fcv">
  430.                      <div class="tform-title-login">Phone Number</div>
  431.                      <div class="input-tform-login">
  432.                        <input
  433.                          type=""
  434.                          placeholder="Your phone number"
  435.                          readonly
  436.                          required
  437.                        />
  438.                      </div>
  439.                    </div>
  440.                  </div>
  441.                </div>
  442.              </div>
  443.              <div class="tform-modals-login-room">
  444.                <div class="tform-title-login">Password</div>
  445.                <div class="input-tform-login">
  446.                  <input
  447.                    type="password"
  448.                    placeholder="Your password"
  449.                    readonly
  450.                    required
  451.                  />
  452.                </div>
  453.              </div>
  454.              <div class="form-option-login">
  455.                <div
  456.                  class="pull-left option-login"
  457.                  data-dismiss="modal"
  458.                  data-toggle="modal"
  459.                  data-target="#myModal-forgot"
  460.                >
  461.                  Forgot Password
  462.                </div>
  463.                <div
  464.                  class="pull-right option-login"
  465.                  data-dismiss="modal"
  466.                  data-toggle="modal"
  467.                  data-target="#myModal-login"
  468.                >
  469.                  Login with Email
  470.                </div>
  471.                <div class="clear"></div>
  472.              </div>
  473.              <div align="center">
  474.                <div class="T-formOptions hhh">
  475.                  <div class="pull-left btnLogin-submit">
  476.                    <button class="btn btn-default">Login</button>
  477.                  </div>
  478.                  <div class="pull-right btnLogin-submit">
  479.                    <button class="btn btn-default">Join High Rewards</button>
  480.                  </div>
  481.                  <div class="clear"></div>
  482.                </div>
  483.              </div>
  484.            </form>
  485.          </div>
  486.        </div>
  487.      </div>
  488.    </div>
  489.  </div>
  490.  <!--pop up end phone--><div class="modal fade modal-acc" id="myModal-promo1" role="dialog">
  491.  <div class="modal-dialog modal-acc">
  492.    <!-- Modal content-->
  493.    <div class="modal-content modal-acc offers popup-offers single">
  494.      <div class="modal-acc-bg"></div>
  495.      <div class="modal-body modal-acc so-wrap">
  496.        <div align="center">
  497.          <div class="centerd-modal-menu-header offers">
  498.            <button
  499.              type="button"
  500.              class="close modal-acc"
  501.              data-dismiss="modal"
  502.            >
  503.              &times;
  504.            </button>
  505.  
  506.            <div class="clear"></div>
  507.          </div>
  508.          <div class="so-header">
  509.            <div class="so-title">Special Offers</div>
  510.            <div id="single-offer-title" class="so-subtitle"></div>
  511.          </div>
  512.          <div class="tnc">Terms & Conditions ></div>
  513.          <div class="tnc so">< Back to Detail</div>
  514.          <ol class="carousel-indicators top-UP-custom">
  515.            <li class="so-dot active" data-index="0"></li>
  516.            <li class="so-dot" data-index="1"></li>
  517.          </ol>
  518.          <div class="contents-wrapper">
  519.            <div class="row so-contents">
  520.              <div class="col-lg-5 col-md-lg-5 col-sm-lg-5 col-xs-12 offers-img">
  521.                <div class="so-img">
  522.                  <img id="single-offer-img" src="" alt="" />
  523.                </div>
  524.                <div class="form-inputPromo" id="offers-promo-wrapper">
  525.                  <p>Use this code for this promo on your order.</p>
  526.                  <input
  527.                    id="single-offer-promo"
  528.                    type="text"
  529.                    value=""
  530.                    class="offers-promo"
  531.                    disabled
  532.                  />
  533.                  <button class="btn btn-res copy-btn">Copy X</button>
  534.                  <p><i id="single-offer-exp" id="offer-cat-exp"></i></p>
  535.                </div>
  536.              </div>
  537.              <div class="col-lg-7 col-md-lg-7 col-sm-lg-7 col-xs-12 offers-desc">
  538.                <div id="single-offer-content" class="so-desc">
  539.                  
  540.                </div>
  541.              </div>
  542.            </div>
  543.            <div
  544.              style="display: none"
  545.              class="
  546.                col-lg-12 col-md-lg-12 col-sm-lg-12 col-xs-12
  547.                tnc-wrap
  548.              "
  549.            >
  550.              <div class="header-tnc">TERMS & CONDITIONS</div>
  551.              <div id="single-offer-tnc" class="desc-tnc">
  552.              
  553.              </div>
  554.            </div>
  555.          </div>
  556.        </div>
  557.      </div>
  558.    </div>    
  559.    </div>
  560.  </div>
  561. </div><style>
  562.  .so-desc {
  563.    height: 28vh;
  564.    overflow-y: auto;
  565.  }
  566.  .btn-link-booknow{
  567.    font-size:12px; border-radius:25px;background: #771d25;color: #fff; width:200px
  568.  }
  569.  .tnc {
  570. position: fixed;
  571.    z-index: 10000;
  572. }
  573.  
  574.  
  575.  @media (max-width: 600px){
  576. .tnc {
  577. margin-bottom:20px
  578. }
  579.  
  580.  .so-desc {
  581.    height: 16vh;
  582.    overflow-y: auto;
  583.  }
  584.  
  585. }
  586. </style>
  587.  
  588.  
  589. <div class="modal fade" id="myModal-so" role="dialog">
  590.    <div class="modal-dialog">
  591.      <div class="modal-content">
  592.        <div class="modal-header">
  593.          <button type="button" class="close" data-dismiss="modal">&times;</button>          
  594.        </div>      
  595.        <div class="modal-body ">
  596.          <div style="padding:5%">
  597.            <center>
  598.              <h3><b>Oops!</b></h3>              
  599.              <h4>No data found..</h4>
  600.            </center>
  601.          </div>
  602.        </div>
  603.      </div>
  604.    </div>
  605. </div>
  606. <style>
  607.    .nav li a{
  608.        padding: 5px 10px;
  609.    }
  610.    @media (max-width: 780px){
  611.    .header-language.pull-right {
  612.            width: 180px;
  613.        }
  614.    }
  615. </style>
  616. <header>
  617.    <nav class="navbar navbar-default navbar-fixed-top">
  618.        <div class="container">
  619.        <div class="navbar-header" >
  620.            <button
  621.            type="button"
  622.            class="navbar-toggle collapsed"
  623.            data-toggle="collapse"
  624.            data-target="#navbar"
  625.            aria-expanded="false"
  626.            aria-controls="navbar"
  627.            >
  628.            <span class="sr-only">Toggle navigation</span>
  629.            <span class="icon-bar"></span> <span class="icon-bar"></span>
  630.            <span class="icon-bar"></span>
  631.            </button>
  632.            <a class="navbar-brand img-logo" href="https://truntumhotels.com/hotels/truntum-padang"><img
  633.                src="https://cms.hig.id//upload/cms/LOGO-HEADER-TRUNTUM-PADANG.png"
  634.                title="Logo truntum-padang"
  635.                alt="Logo truntum-padang"
  636.            /></a>
  637.        </div>
  638.        <div id="navbar" class="navbar-collapse collapse" >
  639.            <div align="center" >
  640.            <div class="centerd-header" style="padding-left:0px">
  641.                <ul class="nav navbar-nav navbar-header HO">
  642.                <li data-toggle="modal" data-target="#myModal-acc">
  643.                    <a href="javascript:void(0)">ACCOMMODATION</a>
  644.                </li>
  645.                <li data-toggle="modal" data-target="#myModal-dining">
  646.                    <a href="javascript:void(0)">DINING</a>
  647.                </li>
  648.                <li><a href="https://truntumhotels.com/hotels/truntum-padang/wedding">WEDDING</a></li>
  649.                <li><a href="https://truntumhotels.com/hotels/truntum-padang/mice">MICE</a></li>                
  650.                <li data-toggle="modal" data-target="#myModal-exp">
  651.                    <a href="javascript:void(0)">EXPERIENCES</a>
  652.                </li>
  653.                <li data-toggle="modal" data-target="#myModal-so">
  654.                    <a href="javascript:void(0)">SPECIAL OFFERS</a>
  655.                </li>
  656.                </ul>
  657.            </div>
  658.            </div>
  659.            <ul class="nav navbar-nav navbar-right ">
  660.            <!--<div class="t-form-login-register-header">
  661.                <div align="center">
  662.                    <div class="high-rewards-text">High Reward</div>
  663.                </div>
  664.                <div class="nav-user" style="width:120px">
  665.                    <div class="pull-left t-form-login" data-toggle="modal" data-target="#myModal-login"> Login </div>
  666.                    <div class="pull-left t-form-line"></div>
  667.                    <a href="http://truntumhotels.com/hotels/truntum-padang/register">
  668.                    <div class="pull-left t-form-register">Sign Up</div>
  669.                    </a>
  670.                </div>
  671.                <div class="clear"></div>
  672.                
  673.            </div>-->
  674.            <div class="header-language pull-right">
  675.               Language
  676.                <select onchange="changeLanguage(this.value)">
  677.                    <option  value="en">ENG</option>
  678.                    <option  value="id">INA</option>
  679.                </select>
  680.            </div>
  681.            <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>                        
  682.                function changeLanguage(lang){                  
  683.                    window.location='http://truntumhotels.com/change-language/'+lang;
  684.                }
  685.            </script>
  686.            <div class="clear"></div>
  687.            </ul>
  688.        </div>
  689.        <!--/.nav-collapse -->
  690.        </div>
  691.    </nav>
  692. </header><section class="pages-content">
  693.  <div align="center">
  694.      <div class="container">
  695.        <div class="thead-content-title t-full" style="padding-top:25px">
  696.          <div class="pull-left asideText1">DINING</div>
  697.          <div class="pull-left asideLine"></div>
  698.          <div class="pull-left asideText2">RANAH MINANG COFFEE SHOP</div>
  699.          <div class="clear"></div>
  700.        </div>
  701.      </div>      
  702.  
  703.                  <div class="section-page-room-wrapper threee" >
  704.        <div class="pull-left w50 page-room-wrapper" onClick="openModal();currentSlide(5)" >
  705.          <div class="img-full big-picture" style="max-height: inherit"><img style="border-radius:12px;padding:1px"  src="https://cms.hig.id//upload/cms/2_RMCS_DETAIL_IMAGE_961X680_PX.jpg" alt="" title=""/></div>
  706.        </div>
  707.        <div class="pull-left w50 page-room-wrapper"  style="padding-top:0px">
  708.  
  709.                      <div class="pull-left img-full w25 " style="max-height: inherit" onClick="openModal();currentSlide(1)" ><img style="border-radius:12px;padding:2px" src="https://cms.hig.id//upload/cms/1_RMCS_DETAIL_IMAGE_961X680_PX.jpg" alt=""/>
  710.            </div>
  711.                      <div class="pull-left img-full w25 " style="max-height: inherit" onClick="openModal();currentSlide(2)" ><img style="border-radius:12px;padding:2px" src="https://cms.hig.id//upload/cms/5_RMCS_DETAIL_IMAGE_961X680_PX.jpg" alt=""/>
  712.            </div>
  713.                      <div class="pull-left img-full w25 " style="max-height: inherit" onClick="openModal();currentSlide(3)" ><img style="border-radius:12px;padding:2px" src="https://cms.hig.id//upload/cms/4_RMCS_DETAIL_IMAGE_961X680_PX.jpg" alt=""/>
  714.            </div>
  715.                      <div class="pull-left img-full w25 " style="max-height: inherit" onClick="openModal();currentSlide(4)" ><img style="border-radius:12px;padding:2px" src="https://cms.hig.id//upload/cms/3_RMCS_DETAIL_IMAGE_961X680_PX.jpg" alt=""/>
  716.            </div>
  717.                
  718.          <div class="clear"></div>
  719.        </div>
  720.        <div class="clear"></div>
  721.      </div>
  722.      
  723.      <div class="container">
  724.        <div class="text-full-content-desc2" align="center"><p>A cozy and comfortable restaurant perfect for a business rendezvous, casual catch up with friends or relaxing drink alone after a hectic day. Here we cater a variety of beverages and an oriental and international menu, original, traditional flavors with a modern touch as well as international dishes.<br></p></div>
  725.        
  726.        <div class="desc-rooms-detail-content">
  727.          <div class="t-head-title-info-rooms">ABOUT THIS RESTAURANT</div>
  728.          <div class="in-RoomInfoContent001">
  729.            <div class="InRoomContentsDetails0001 pull-left">
  730.              <div class="pull-left Icons-InRoomContentsDetails"><img src="https://truntumhotels.com/images/multi/time.svg" alt="" title=""></div>
  731.              <div class="pull-left Text-Icons-InRoomContentsDetails">Operation Hours</div>
  732.              <div class="clear"></div>
  733.            </div>
  734.            <div class="InRoomContentsDetails0002 pull-left">
  735.              <div class="desc-InRoomContentsDetails"><p>07.00 - 18.00</p></div>
  736.            </div>
  737.            <div class="clear"></div>
  738.          </div>
  739.          
  740.          
  741.          <div class="in-RoomInfoContent001">
  742.            <div class="InRoomContentsDetails0001 pull-left">
  743.              <div class="pull-left Icons-InRoomContentsDetails"><img src="https://truntumhotels.com/images/multi/Capacity.svg" alt="" title=""></div>
  744.              <div class="pull-left Text-Icons-InRoomContentsDetails">Guest Capacity</div>
  745.              <div class="clear"></div>
  746.            </div>
  747.            <div class="InRoomContentsDetails0002 pull-left">
  748.              <div class="desc-InRoomContentsDetails">150 Seat</div>
  749.            </div>
  750.            <div class="clear"></div>
  751.          </div>
  752.  
  753.          <div class="in-RoomInfoContent001">
  754.            <div class="InRoomContentsDetails0001 pull-left">
  755.              <div class="pull-left Icons-InRoomContentsDetails"><img src="https://truntumhotels.com/images/multi/cuisine.svg" alt="" title=""></div>
  756.              <div class="pull-left Text-Icons-InRoomContentsDetails">Cuisine</div>
  757.              <div class="clear"></div>
  758.            </div>
  759.            <div class="InRoomContentsDetails0002 pull-left">
  760.              <div class="desc-InRoomContentsDetails"></div>
  761.            </div>
  762.            <div class="clear"></div>
  763.          </div>
  764.          
  765.            
  766.          <div class="in-RoomInfoContent001">
  767.            <div class="InRoomContentsDetails0001 pull-left">
  768.              <div class="pull-left Icons-InRoomContentsDetails"><img src="https://truntumhotels.com/images/multi/location.svg" alt="" title=""></div>
  769.              <div class="pull-left Text-Icons-InRoomContentsDetails">Locations</div>
  770.              <div class="clear"></div>
  771.            </div>
  772.            <div class="InRoomContentsDetails0002 pull-left">
  773.              <div class="desc-InRoomContentsDetails">Truntum Padang</div>
  774.            </div>
  775.            <div class="clear"></div>
  776.          </div>
  777.          
  778.          <div class="in-RoomInfoContent001">
  779.            <div class="InRoomContentsDetails0001 pull-left">
  780.              <div class="pull-left Icons-InRoomContentsDetails"><img src="https://truntumhotels.com/images/multi/packagesvg.svg" alt="" title=""></div>
  781.              <div class="pull-left Text-Icons-InRoomContentsDetails">Menu</div>
  782.              <div class="clear"></div>
  783.            </div>
  784.            <div class="InRoomContentsDetails0002 pull-left">
  785.              <div class="desc-InRoomContentsDetails"><a href="https://cms.hig.id//upload/cms/RMCS_FOR_WEB.pdf">Download PDF File</a></div>
  786.            </div>
  787.            <div class="clear"></div>
  788.          </div>
  789.          
  790.          
  791.       <!-- </div>     -->
  792.        <div class="centered-content-informasi">
  793.          <div class="line-long"></div>
  794.          <div class="pos-abs-content-info">
  795.            <div align="center">
  796.              <div class="center-info-content">
  797.                <div class="content-room-content-info">
  798.                  <div class="text-content-room-info01">INFORMATION &amp; RESERVATION</div>
  799.                  <div class="text-content-room-info02"><a target="_blank" href="https://api.whatsapp.com/send?phone=62811669090">CLICK HERE</a></div>
  800.                </div>
  801.              </div>
  802.            </div>
  803.          </div>
  804.          <div class="clear"></div>
  805.        </div>
  806.        
  807.      </div>
  808.      </div>
  809.    </div>
  810.  </section>
  811.  
  812.  <section class="Sections">
  813.    <div align="center">
  814.      <div class="container">
  815.        <div class="titleDesc_all" align="center" style="padding-bottom:0px;">OTHER RESTAURANT &amp; BAR</div>
  816.        <div class="room-img-content01">
  817.          <div class="row img-contentRoom">
  818.              
  819.              
  820.            <div class="contents">
  821.              <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 contentRoom01">
  822.                <a href="https://truntumhotels.com/hotels/truntum-padang/restaurant/6/muaro-terrace-cafe-resto">
  823.                  <div class="in-Room01-Content">
  824.                    <div class="image-contentRoom01"><img src="https://cms.hig.id//upload/cms/muaro-terrace.jpg" alt="" title=""></div>
  825.                    <div class="text-contentRoom01">MUARO TERRACE CAFE &amp; RESTO</div>
  826.                  </div>
  827.                </a>
  828.              </div>
  829.            </div>
  830.                        <div class="clear"></div>
  831.          </div>
  832.        </div>
  833.      </div>
  834.    </div>
  835.  </section>
  836.  <style>
  837.  .div-footer{
  838.    padding-top: 125px;
  839.    bottom:0px;
  840.    display: flex;
  841.    align-items: center;
  842.    justify-content: center;
  843.  }
  844. .menus-footer {
  845.    float:left;
  846.    padding-right:8px;
  847.    font-size: 10px;
  848.    display:flex;flex-wrap:wrap;justify-content: center;
  849. }
  850. .xfooter-right{
  851.  display: flex;flex-wrap: wrap;justify-content: right; padding-bottom:20px
  852. }
  853.  
  854. .title-footer-address01 {
  855.    padding-bottom: 0px;
  856. }
  857.  
  858. .pull-right.tfooters-aside-Right {
  859.    padding-top: 55px;
  860. }
  861.  
  862. .t-form-addreess {
  863.    padding-top: 0px;
  864. }
  865.  
  866. .logo-aside-left-footers > img {
  867.    width: auto;
  868.    height: 90px;
  869. }
  870.  
  871. .div-footer {
  872.    bottom: 15px;  
  873. }
  874.  
  875. .pull-left.imgHIG > img {
  876.    height: 25px;
  877.    width: auto;
  878. }
  879. .room-footers-right01 {
  880.    float: none;
  881.    width: auto;
  882.    margin: 0px;
  883. }
  884.  
  885. .rounded-wa {  
  886.  right:0px;      
  887.  padding: 20px 10px 20px 15px;
  888.  border-top:5px solid rgba(255,255,255,.4) ;
  889.  border-left:5px  solid rgba(255,255,255,.4) ;
  890.  border-bottom:5px  solid rgba(255,255,255,.4) ;
  891.  background-clip: padding-box;
  892.  width:155px;
  893.  background-color:#858e3d;
  894.  border-top-left-radius: 50px;
  895.  border-bottom-left-radius: 50px;
  896.  color:#FFF;
  897.  position: fixed;
  898.  right: 0;
  899.  bottom: 30px;
  900.  z-index: 10;
  901. }
  902.  
  903. @media (max-width: 780px) {
  904.  .rounded-wa {
  905.    bottom: 80px;
  906.  }
  907.  .div-footer{
  908.    padding-top: 40px;
  909.    flex-wrap: wrap;
  910.    justify-content: center;
  911.  }
  912.  .menus-footer {
  913.    margin-top:0px;
  914.    padding: 5px ;  
  915.  }
  916.  .text-copyright{
  917.    margin-bottom:150px;
  918.  
  919.  }
  920.  
  921.  .xfooter-right{
  922.    display: flex;flex-wrap: wrap;justify-content: center; padding-bottom:20px
  923.  }
  924. }
  925.  
  926. .titleWa{
  927.  font-size:10px;      
  928. }
  929. .subtitleWa{      
  930.  font-size:10px;
  931. }
  932.  
  933. </style>
  934. <section>
  935.    <div class="img-full">
  936.      <img src="https://cms.hig.id//upload/cms/Truntum_Hotels.jpg" width="100%" />
  937.    </div>
  938.  </section>
  939.  <footer>
  940.    <div align="center">
  941.      <div class="container">
  942.        <div class="first-room-footer">
  943.          <div class="row t-footer">
  944.            <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 t-footer">
  945.              <div class="pull-left aside-left-footer" style="padding-top: 20px">
  946.                <a href="">
  947.                  <div class="logo-aside-left-footers">
  948.                    <img
  949.                      src="https://cms.hig.id//upload/cms/LOGO-FOOTER-TRUNTUM-PADANG.png"
  950.                      alt="logo truntum-padang"
  951.                      title="logo truntum-padang"
  952.                    />
  953.                  </div>
  954.                </a>
  955.                <div class="t-form-addreess">
  956.                  <div class="title-footer-address01">
  957.                                        <strong>Address</strong>Jl. Gereja No. 34, Belakang Tangsi, Padang City, West Sumatera 25118
  958.                                      </div>
  959.                  <div class="title-footer-address01">
  960.                    <div class="footer-item-address">
  961.                      <strong>Phone : </strong>+62 751 35600<span></span>
  962.                    </div>
  963.                    <div class="footer-item-address">
  964.                      <strong>Email : </strong> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4129242d2d2e6f312025202f26013533342f35342c292e35242d326f222e2c">[email&#160;protected]</a>
  965.                    </div>
  966.                  </div>
  967.                </div>
  968.              </div>
  969.              <div class="clear"></div>
  970.            </div>
  971.                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12  div-footer  t-footer" >  
  972.                
  973.                  <a href="https://hig.id">
  974.                    <div class="menus-footer">HIG</div>
  975.                  </a>
  976.                  <a href="https://truntumhotels.com">
  977.                    <div class="menus-footer">
  978.                                              TRUNTUM
  979.                                                 </div>
  980.                  </a>
  981.                  <a href="">                
  982.                    <div class="menus-footer">TRUNTUM PADANG</div>
  983.                  </a>
  984.                  <a href="javascript:void(0)">
  985.                    <div
  986.                      class="menus-footer"
  987.                      data-toggle="modal"
  988.                      data-target="#myModal-contactUs"
  989.                    >
  990.                    CONTACT US
  991.                    </div>
  992.                  </a>
  993.  
  994.                  <div class="clear"></div>
  995.              
  996.            
  997.              
  998.            </div>
  999.            <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 t-footer">
  1000.              <div class="pull-right tfooters-aside-Right">
  1001.                <div class="xfooter-right">
  1002.                  <a href="https://hig.id/">
  1003.                    <div class="pull-left imgHIG">
  1004.                      <img src="https://truntumhotels.com/images/multi/hig-logo.png" />
  1005.                    </div>
  1006.                  </a>
  1007.                  <a href="">
  1008.                    <div class="pull-left imgBUMN">
  1009.                      <img src="https://truntumhotels.com/images/multi/BUMN.png" />
  1010.                    </div>
  1011.                  </a>
  1012.                  <div class="clear"></div>
  1013.                </div>
  1014.                <div class="room-last-sosial-media">
  1015.                  <div class="pull-right">
  1016.                    <a href="https://www.facebook.com/truntumpadang">
  1017.                      <div class="pull-left icons-text-sosial-media">
  1018.                        <i class="fa fa-facebook fb"></i>
  1019.                      </div>
  1020.                    </a>
  1021.                    <a href="https://www.instagram.com/truntumpadang/">
  1022.                      <div class="pull-left icons-text-sosial-media">
  1023.                        <i class="fa fa-instagram insta"></i>
  1024.                      </div>
  1025.                    </a>
  1026.                    <a href="">
  1027.                      <div class="pull-left icons-text-sosial-media">
  1028.                        <i class="fa fa-linkedin lin"></i>
  1029.                      </div>
  1030.                    </a>
  1031.                    <a href="https://twitter.com/truntumpadang">
  1032.                      <div class="pull-left icons-text-sosial-media last">
  1033.                        <i class="fa fa-twitter tw"></i>
  1034.                      </div>
  1035.                    </a>
  1036.                    <div class="clear"></div>
  1037.                  </div>
  1038.                  <div class="pull-right text-sosial-media">Contact Us</div>
  1039.                  <div class="clear"></div>
  1040.                </div>
  1041.              </div>
  1042.              <div class="clear"></div>
  1043.            </div>
  1044.            <div class="clear"></div>
  1045.          </div>
  1046.        </div>
  1047.        <div class="text-copyright">COPYRIGHT 2025</div>
  1048.      </div>
  1049.    </div>
  1050.  </footer>
  1051.  <a href="https://api.whatsapp.com/send?phone=62811669090" target="_blank">
  1052.  
  1053.      
  1054.    <div class="rounded-wa" style="background-color : #90612d ">
  1055.      <div class="row justify-content-start">
  1056.        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" style="padding-left:20px">
  1057.          <img width="24" src="https://truntumhotels.com/images/multi/wa_icon.png" />
  1058.        </div>
  1059.        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8" style="padding:0px 0px 0px 15px">
  1060.          <div class="titleWa"><b>WhatsApp</b>Chat</div>
  1061.          <div class="subtitleWa">Reservation Team</div>
  1062.        </div>
  1063.      </div>
  1064.    
  1065.    </div>
  1066.  </a>
  1067.  
  1068.    <style>
  1069. .room-widget-header-fixed {  
  1070.  background-color: none;
  1071.  background: none;  
  1072.    position: fixed;
  1073.    top: 80;
  1074.    width: 100%;
  1075.    height: 65px;    
  1076.    color: #333;
  1077.    font-family: "roman";
  1078.    font-size: 12px;
  1079. }
  1080. .header-bg{
  1081.  padding: 15px 30px 5px 20px;
  1082.  border-radius: 12px;
  1083.  opacity: 0.8;
  1084.    -webkit-backdrop-filter: blur(45px);
  1085.    backdrop-filter: blur(45px);
  1086.    box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.1);
  1087.    background-color: rgba(255, 255, 255, 0.9);
  1088.    background: rgba(255, 255, 255, 0.9);
  1089. }
  1090.  
  1091. .pull-right.form-widget-date {
  1092.    width:90%;
  1093. }
  1094.  
  1095. .left-icon{    
  1096.    position: absolute; padding-top:10px; padding-left:10px; width:28px; color:#CCCCCC; font-size:14px
  1097. }
  1098.  
  1099. .pos-fixed-btn {
  1100.    display: none;
  1101. }
  1102.  
  1103.  
  1104.  
  1105. @media (max-width: 780px) {    
  1106.    .room-widget-header-fixed {
  1107.      opacity: 1;
  1108.      background: #FFFFFF;
  1109.      background-color: #FFFFFF;  
  1110.    }
  1111.    .header-bg{
  1112.      padding: 15px 30px 5px 20px;
  1113.      border-radius: 12px;
  1114.      opacity: 1;
  1115.    }
  1116.    .pos-fixed-btn {
  1117.        position: fixed;
  1118.        width:100%;
  1119.        bottom: 0px;  
  1120.        z-index: 1988;
  1121.        display: block;
  1122.    }
  1123.    .btn-mobile-klik-new {
  1124.        font-size: 14px;
  1125.        width: 99% auto;
  1126.        text-align: center;
  1127.        height: 45px;
  1128.        border-top-left-radius: 10px;
  1129.        border-top-right-radius: 10px;
  1130.        color: #fff;
  1131.        background-color: #771d25;
  1132.        padding-top: 12px;
  1133.        bottom: 0px;
  1134.        cursor: pointer;
  1135.        z-index: 88;
  1136.        padding-bottom: 5px;
  1137.    }
  1138.    
  1139.    .modal-booknow-mobile{
  1140.      width:98%;display: none;
  1141.      margin-left: 1%;
  1142.      margin-right: 1%;
  1143.      bottom:30;
  1144.      top:auto;
  1145.      position:fixed;
  1146.      z-index:987;
  1147.      padding:25px 20px 25px 20px;      
  1148.      border-top-left-radius: 10px;
  1149.      border-top-right-radius: 10px;      
  1150.      -webkit-backdrop-filter: blur(5px);
  1151.      backdrop-filter: blur(5px);
  1152.      
  1153.    }
  1154.  }
  1155. </style>
  1156. <!--Modal BookNow Mobile -->
  1157. <div id="myModalBookNow" class="modal-booknow-mobile" style="background: rgba(144, 97, 45, 0.4); display:none">
  1158.  <div class="container">
  1159.    <div class="row">
  1160.      <form class="form-multi" data-url="https://book.hig.id/be/indexpackdetail?propertyId=MjYxNw==&amp;groupId=MjYxOA==">
  1161.        <div class="col" style="padding:0px 15px 0px 15px">
  1162.          <div class="room-widget-date">          
  1163.            <div class="pull-right form-widget-date" style="width: 100%">
  1164.            <div class="left-icon" ><i  class="fa fa-calendar" ></i></div>
  1165.              <input class="checkin" id="modal-datepicker" placeholder="Check-In" style="padding-left:35px" readonly required />
  1166.            </div>
  1167.            <div class="clear"></div>
  1168.          </div>
  1169.        </div>
  1170.        <div class="col" style="padding:0px 15px 0px 15px">
  1171.          <div class="room-widget-date">          
  1172.            <div class="pull-right form-widget-date" style="width: 100%">
  1173.              <div class="left-icon" ><i  class="fa fa-calendar"></i></div>
  1174.              <input class="checkout" id="modal-datepicker2" placeholder="Check-Out" style="padding-left:35px" readonly required />            
  1175.            </div>
  1176.            <div class="clear"></div>
  1177.          </div>
  1178.        </div>
  1179.        <div class="col" style="padding:0px 15px 0px 15px">
  1180.            <div class="pull-right form-widget-date" style="width: 100%">
  1181.              <img class="left-icon" src="https://truntumhotels.com/images/multi/promo.png ">
  1182.              <input class="promo-code" style="padding-left:35px" placeholder="Promo Code" />              
  1183.            </div>
  1184.            <div class="clear"></div>
  1185.        </div>      
  1186.        <div class="col-lg-12 col-md-12 col-sm-12 col-lg-12 widget-room" style="padding: 15px 15px 15px 15px" >
  1187.          <div class="btn-widgetRoom">
  1188.            <button type="submit" class="btn btn-default PromoCode" style="background-color : #90612d; border:none">
  1189.              Book Now
  1190.            </button>
  1191.          </div>
  1192.        </div>
  1193.        <div class="clear"></div>
  1194.      </form>
  1195.    </div>
  1196.  </div>
  1197. </div>
  1198.  
  1199. <!--Buton Book Now Mobile-->
  1200. <div class="pos-fixed-btn" >    
  1201.  <div class="btn-mobile-klik-new" id="buttonBook" style="background-color : #90612d">          
  1202.      <div class="d-flex justify-content-center" onClick="clickBookNow();">
  1203.        <img id="imgBookNow" width="30" class="img-book-now" src= "https://truntumhotels.com/images/book-now.png" >
  1204.        <span id="bookNowLabel">Book Now</span>
  1205.      </div>
  1206.  </div>
  1207. </div>
  1208.  
  1209. <div class="room-widget-header-fixed collapse" id="demoZ">
  1210.  <div class="closed-fixed hideNone2" data-toggle="collapse" data-target="#demoZ"> <i class="fa fa-close"></i> </div>
  1211.  <div class="container header-bg">
  1212.    <div class="row">
  1213.      <form class="form-multi" data-url="https://book.hig.id/be/indexpackdetail?propertyId=MjYxNw==&amp;groupId=MjYxOA==">
  1214.        <div class="col-lg-3 col-md-3 col-sm-3 col-lg-12" style="padding:0px">
  1215.          <div class="room-widget-date">          
  1216.            <div class="pull-right form-widget-date">
  1217.            <div class="left-icon" ><i  class="fa fa-calendar" ></i></div>
  1218.              <input class="checkin" id="datepicker" placeholder="Check-In" style="padding-left:35px" readonly required />              
  1219.            </div>
  1220.            <div class="clear"></div>
  1221.          </div>
  1222.        </div>
  1223.        <div class="col-lg-3 col-md-3 col-sm-3 col-lg-12" style="padding:0px">
  1224.          <div class="room-widget-date">          
  1225.            <div class="pull-right form-widget-date">
  1226.              <div class="left-icon" ><i  class="fa fa-calendar"></i></div>
  1227.              <input class="checkout" id="datepicker2" placeholder="Check-Out" style="padding-left:35px" readonly required />            
  1228.            </div>
  1229.            <div class="clear"></div>
  1230.          </div>
  1231.        </div>
  1232.        <div class="col-lg-3 col-md-3 col-sm-3 col-lg-12" style="padding:0px">
  1233.            <div class="pull-right form-widget-date">
  1234.              <img class="left-icon" src="https://truntumhotels.com/images/multi/promo.png ">
  1235.              <input class="promo-code" style="padding-left:35px" placeholder="Promo Code" />              
  1236.            </div>
  1237.            <div class="clear"></div>
  1238.        </div>
  1239.      
  1240.        <div class="col-lg-3 col-md-3 col-sm-3 col-lg-12 widget-room" style="padding:0px 22px 0px 28px" >
  1241.          <div class="btn-widgetRoom">
  1242.            <button type="submit" class="btn btn-default PromoCode" >
  1243.            SEARCH
  1244.            </button>
  1245.          </div>
  1246.        </div>
  1247.        <div class="clear"></div>
  1248.      </form>
  1249.    </div>
  1250.  </div>
  1251. </div>
  1252.  
  1253. <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
  1254.  function clickBookNow() {  
  1255.   var element = document.getElementById("bookNowLabel");
  1256.    if (element.innerHTML == "Book Now"){        
  1257.      document.getElementById("buttonBook").style.backgroundColor = "#999";
  1258.      document.getElementById("imgBookNow").style.display = "none";        
  1259.      element.innerHTML = "Cancel";
  1260.      document.getElementById("myModalBookNow").style.display = "block";
  1261.    }else{        
  1262.      document.getElementById("buttonBook").style.backgroundColor = "#90612d";
  1263.      document.getElementById("imgBookNow").style.display = "inline";
  1264.      element.innerHTML = "Book Now";
  1265.      document.getElementById("myModalBookNow").style.display = "none";
  1266.  }
  1267. }  
  1268. </script>
  1269.  
  1270.  </body>
  1271. <script src="https://truntumhotels.com/js/jquery.min.js"></script>
  1272. <script src="https://truntumhotels.com/js/bootstrap.min.js"></script>
  1273. <script src="https://truntumhotels.com/js/owl.carousel.min.js"></script>
  1274. <script src="https://truntumhotels.com/js/bootstrap-select.js"></script>
  1275. <script src="https://truntumhotels.com/js/bootstrap-datepicker.min.js"></script>
  1276. <script src="https://truntumhotels.com/js/widget-book.js"></script>
  1277.  
  1278. <script>
  1279.    $(document).ready(function () {
  1280.      var offerIndex = 0;
  1281.      $(".tnc.so").hide();
  1282.      $(".copy-btn").click(function () {
  1283.        var copyText = $(this)[0].previousSibling.previousSibling;
  1284.        copyText.removeAttribute("disabled");
  1285.        copyText.select();
  1286.        copyText.setSelectionRange(0, 99999);
  1287.        document.execCommand("copy");
  1288.        copyText.setAttribute("disabled", true);
  1289.        alert("Copied to Clipboard");
  1290.      });
  1291.      // Initiate with custom caret icon
  1292.      $("select.selectpicker").selectpicker({
  1293.        caretIcon: "glyphicon glyphicon-menu-down",
  1294.        dropupAuto: false,
  1295.      });
  1296.  
  1297.      $("#datepicker").datepicker({
  1298.        format: "dd : mm : yyyy",
  1299.        todayHighlight: true,
  1300.        autoclose: true,
  1301.        //minDate: new Date,
  1302.        startDate: "1d",
  1303.      });
  1304.  
  1305.      $("#datepicker2").datepicker({
  1306.        format: "dd : mm : yyyy",
  1307.        todayHighlight: true,
  1308.        autoclose: true,
  1309.        startDate: "+1d",
  1310.      });
  1311.  
  1312.      if($(".popup-offers").length > 0){
  1313.        $(".so-dot").click(function () {
  1314.          var wrapper = $(this).parent().parent().find(".contents-wrapper");
  1315.          $(this).addClass("active");
  1316.          $(this).siblings().removeClass("active");
  1317.          var so_contents = wrapper.find(".so-contents");
  1318.          var tnc = wrapper.find(".tnc-wrap");
  1319.        
  1320.          if ($(this).data("index") == 0) {
  1321.            so_contents.css({ display: "block" });
  1322.            tnc.css({ display: "none" });
  1323.            wrapper.parent().find(".tnc").show();
  1324.            wrapper.parent().find(".tnc.so").hide();
  1325.            return;
  1326.          }
  1327.          so_contents.css({ display: "none" });
  1328.          tnc.css({ display: "block" });
  1329.          wrapper.parent().find(".tnc").hide();
  1330.          wrapper.parent().find(".tnc.so").show();
  1331.          console.log('here');
  1332.        });
  1333.  
  1334.        $(".tnc").click(function () {
  1335.          var wrapper = $(this).parent().find(".contents-wrapper");
  1336.          var dot1 = $(this)
  1337.            .parent()
  1338.            .find(".carousel-indicators")
  1339.            .find(`[data-index="0"]`);
  1340.          var dot2 = $(this)
  1341.            .parent()
  1342.            .find(".carousel-indicators")
  1343.            .find(`[data-index="1"]`);
  1344.          var so_contents = wrapper.find(".so-contents");
  1345.          var tnc = wrapper.find(".tnc-wrap");
  1346.          $(this).hide();
  1347.          $(this).siblings().show();
  1348.          if ($(this).hasClass("so")) {
  1349.            so_contents.css({ display: "block" });
  1350.            tnc.css({ display: "none" });
  1351.            dot1.addClass("active");
  1352.            dot2.removeClass("active");
  1353.            return;
  1354.          }
  1355.          so_contents.css({ display: "none" });
  1356.          tnc.css({ display: "block" });
  1357.          dot1.removeClass("active");
  1358.          dot2.addClass("active");
  1359.        });
  1360.      }
  1361.      
  1362.      if($(".modal-wrapper .popup-offers").length > 1){
  1363.        $(".modal-wrapper").owlCarousel({
  1364.          stagePadding: 200,
  1365.          loop: true,
  1366.          margin: 50,
  1367.          nav: false,
  1368.          items: 1,
  1369.          lazyLoad: true,
  1370.          dots: true,
  1371.          responsive: {
  1372.            0: {
  1373.              items: 1,
  1374.              stagePadding: 60,
  1375.            },
  1376.            600: {
  1377.              items: 1,
  1378.              stagePadding: 100,
  1379.            },
  1380.            1000: {
  1381.              items: 1,
  1382.              stagePadding: 200,
  1383.            },
  1384.            1200: {
  1385.              items: 1,
  1386.              stagePadding: 250,
  1387.            },
  1388.            1400: {
  1389.              items: 1,
  1390.              stagePadding: 250,
  1391.            },
  1392.            1600: {
  1393.              items: 1,
  1394.              stagePadding: 250,
  1395.            },
  1396.            1800: {
  1397.              items: 1,
  1398.              stagePadding: 350,
  1399.            },
  1400.          },
  1401.        });
  1402.      }
  1403.  
  1404.  
  1405.      $(".owl-carousel").owlCarousel({
  1406.        stagePadding: 200,
  1407.        loop: true,
  1408.        margin: 20,
  1409.        nav: false,
  1410.        items: 3,
  1411.        lazyLoad: true,
  1412.        nav: true,
  1413.        dots: true,
  1414.        autoplay: true,
  1415.        autoplayTimeout: 5000,
  1416.        responsive: {
  1417.          0: {
  1418.            items: 1,
  1419.            stagePadding: 60,
  1420.          },
  1421.          600: {
  1422.            items: 1,
  1423.            stagePadding: 100,
  1424.          },
  1425.          1000: {
  1426.            items: 1,
  1427.            stagePadding: 200,
  1428.          },
  1429.          1200: {
  1430.            items: 1,
  1431.            stagePadding: 250,
  1432.          },
  1433.          1400: {
  1434.            items: 1,
  1435.            stagePadding: 350,
  1436.          },
  1437.          1600: {
  1438.            items: 1,
  1439.            stagePadding: 350,
  1440.          },
  1441.          1800: {
  1442.            items: 1,
  1443.            stagePadding: 400,
  1444.          },
  1445.        },
  1446.      });
  1447.  
  1448.      $(".slide-it").owlCarousel({
  1449.        loop: true,
  1450.        margin: 5,
  1451.        nav: false,
  1452.        items: 1,
  1453.        lazyLoad: true,
  1454.        nav: true,
  1455.        dots: true,
  1456.        autoplay: true,
  1457.        autoplayTimeout: 5000,
  1458.      });
  1459.      //Allows bootstrap carousels to display 3 items per page rather than just one
  1460.      $(".carousel.carousel-multi .item").each(function () {
  1461.        var next = $(this).next();
  1462.        if (!next.length) {
  1463.          next = $(this).siblings(":first");
  1464.        }
  1465.        next
  1466.          .children(":first-child")
  1467.          .clone()
  1468.          .attr("aria-hidden", "true")
  1469.          .appendTo($(this));
  1470.  
  1471.        if (next.next().length > 0) {
  1472.          next
  1473.            .next()
  1474.            .children(":first-child")
  1475.            .clone()
  1476.            .attr("aria-hidden", "true")
  1477.            .appendTo($(this));
  1478.        } else {
  1479.          $(this)
  1480.            .siblings(":first")
  1481.            .children(":first-child")
  1482.            .clone()
  1483.            .appendTo($(this));
  1484.        }
  1485.      });
  1486.      $('#myModal-so').on('shown.bs.modal', function (e) {
  1487.        $(".modal-wrapper").trigger('to.owl.carousel', [offerIndex, 500, true]);
  1488.        offerIndex = 0;
  1489.      });
  1490.      $(".offer-home").click(function(){
  1491.        offerIndex = $(this).data("index");
  1492.      });
  1493.  
  1494.      $(".load-more").click(function(){
  1495.        var $this = $(this);
  1496.        var page = $(this).data("page");
  1497.        var limit = $(this).data("limit");
  1498.        var type = $(this).data("type");
  1499.        var hotel_id = $(this).data("hotel-id");
  1500.        var url =  "http://truntumhotels.com/loadMore" + `?page=${page}&limit=${limit}&type=${type}&hotel_id=${hotel_id}`;
  1501.        var container = $(this).parent().find(".contents")[0];
  1502.        var target_url = type == 'mice' ? "http://truntumhotels.com/hotels/$hotels_url/mice/venue" : "http://truntumhotels.com/hotels/$hotels_url/wedding/celebration";
  1503.        $.ajax({
  1504.          method : 'GET',
  1505.          url : url,
  1506.          success : function(res){
  1507.            var res = JSON.parse(res);
  1508.            res.data.forEach(element => {
  1509.              var html = $(`<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 contentRoom01">
  1510.                  <a href="${target_url}${element.id}">
  1511.                    <div class="in-Room01-Content">
  1512.                      <div class="image-contentRoom01"><img src="${element.venue_image}" alt="" title=""/></div>
  1513.                      <div class="text-contentRoom01">${element.venue_title}</div>
  1514.                    </div>
  1515.                  </a>
  1516.                </div>`)
  1517.              container.append(html[0]);
  1518.            });
  1519.            $this.data("page",page+1);
  1520.            if(res.page.current_page >= res.page.last_page){
  1521.              $this.hide();
  1522.            }
  1523.          },
  1524.          error : function(err){
  1525.            console.log(err);
  1526.          }
  1527.        })
  1528.      });
  1529.  
  1530.      $(".bTN-SIDEriGhT-header-menu-modal").click(function(){
  1531.        var img = $(this).data("img");
  1532.        var title = $(this).data("title");
  1533.        var content = $(this).data("content");
  1534.        var tnc = $(this).data("tnc");
  1535.        var expired = `*Expired Until ${$(this).data("expired")}`;
  1536.        var promo = $(this).data("promo");
  1537.  
  1538.        $("#single-offer-img").attr("src", img);
  1539.        $("#single-offer-title").html(title);
  1540.        $("#single-offer-content").html(content);
  1541.        $("#single-offer-tnc").html(tnc);
  1542.        $("#single-offer-expired").html(expired);
  1543.        $("#single-offer-promo").val(promo);
  1544.      });
  1545.    });
  1546. </script>
  1547. </html>
  1548.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda