<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta property="og:title" content="RANAH MINANG COFFEE SHOP - Truntum Padang" />
<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" />
<meta property="og:image" content="https://cms.hig.id//upload/cms/RMCS_THUMBNAIL_952X789_PX.jpg" />
<meta property="og:url" content="http://truntumhotels.com/hotels/truntum-padang/restaurant/7/ranah-minang-coffee-shop" />
<meta name="keywords" content="RANAH MINANG COFFEE SHOP,Truntum Padang,Truntum Padang, hig, hotel indonesia group">
<title>RANAH MINANG COFFEE SHOP - Truntum Padang</title>
<link rel="icon" href="https://cms.hig.id//upload/cms/LOGO-HEADER-TRUNTUM-PADANG.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://truntumhotels.com/fonts/font-awesome.min.css" rel="stylesheet" />
<link rel="stylesheet" href="https://truntumhotels.com/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://truntumhotels.com/css/multi/owl.carousel.css" />
<link rel="stylesheet" href="https://truntumhotels.com/css/bootstrap-select.css" />
<link rel="stylesheet" href="https://truntumhotels.com/css/bootstrap-datepicker.min.css" />
<link rel="stylesheet" href="https://truntumhotels.com/css/multi/truntum/style.css" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2EL95MDKJQ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-2EL95MDKJQ');
</script>
<!-- End Google Analytic -->
<!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TKSXTJDP');
</script>
<!-- End Google Tag Manager -->
</head>
<style>
/* width */
::-webkit-scrollbar {
width: 6px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px #D3D3D3;
border-radius: 6px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #A9A9A9;
border-radius: 6px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background:#808080;
}
.thead-content-title {
width: 290px;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 780px){
.thead-content-title {
display: block;
}
}
</style>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TKSXTJDP"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="modal fade modal-acc" id="myModal-acc" role="dialog">
<div class="modal-dialog modal-acc">
<!-- Modal content-->
<div class="modal-content modal-acc">
<!--<div class="modal-acc-bg"></div>-->
<div class="modal-body modal-acc">
<div align="center">
<div class="centerd-modal-menu-header">
<button
type="button"
class="close modal-acc"
data-dismiss="modal"
>
×
</button>
<div class="pull-left modal-menu-header-modalAcc">
<div class="pull-left in-modal-menu-header-modalAcc">
<div class="title-First-modal-menu-header-modalAcc">
ROOMS
</div>
<a href="https://truntumhotels.com/hotels/truntum-padang/accomodation/22/deluxe-double-bedroom">
<div class="title-InMenu-ModalHeadErs">Deluxe Double Bedroom</div>
</a>
<a href="https://truntumhotels.com/hotels/truntum-padang/accomodation/21/deluxe-twin-bedroom">
<div class="title-InMenu-ModalHeadErs">Deluxe Twin Bedroom</div>
</a>
</div>
<div class="pull-left in-modal-menu-header-modalAcc">
<div class="title-First-modal-menu-header-modalAcc">
SUITES
</div>
<a href="https://truntumhotels.com/hotels/truntum-padang/accomodation/93/junior-suite-room">
<div class="title-InMenu-ModalHeadErs">Junior Suite Room</div>
</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade modal-acc" id="myModal-dining" role="dialog">
<div class="modal-dialog modal-acc">
<!-- Modal content-->
<div class="modal-content modal-acc">
<div class="modal-acc-bg"></div>
<div class="modal-body modal-acc">
<div align="center">
<div class="centerd-modal-menu-header dining">
<button
type="button"
class="close modal-acc"
data-dismiss="modal"
>
×
</button>
<div class="pull-left modal-menu-header-modalAcc two">
<div class="pull-left in-modal-menu-header-modalAcc">
<div class="title-First-modal-menu-header-modalAcc">
RESTAURANT
</div>
<a href="https://truntumhotels.com/hotels/truntum-padang/restaurant/7/ranah-minang-coffee-shop">
<div class="title-InMenu-ModalHeadErs">RANAH MINANG COFFEE SHOP</div>
</a>
<a href="https://truntumhotels.com/hotels/truntum-padang/restaurant/6/muaro-terrace-cafe-resto">
<div class="title-InMenu-ModalHeadErs">MUARO TERRACE CAFE & RESTO</div>
</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div><div class="modal fade modal-acc" id="myModal-exp" role="dialog">
<div class="modal-dialog modal-acc">
<!-- Modal content-->
<div class="modal-content modal-acc">
<div class="modal-acc-bg"></div>
<div class="modal-body modal-acc">
<div align="center">
<div class="centerd-modal-menu-header dining">
<button
type="button"
class="close modal-acc"
data-dismiss="modal"
>
×
</button>
<div class="pull-left modal-menu-header-modalAcc two">
<div class="pull-left in-modal-menu-header-modalAcc">
<a href="https://truntumhotels.com/hotels/truntum-padang/experiences/5/muara-fitness">
<div class="title-InMenu-ModalHeadErs">Muara Fitness</div>
</a>
<a href="https://truntumhotels.com/hotels/truntum-padang/experiences/36/muara-poolside">
<div class="title-InMenu-ModalHeadErs">Muara Poolside</div>
</a>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div><div class="modal Mypromo1 fade" id="myModal-contactUs" role="dialog">
<div class="modal-dialog modal-lg Mypromo1">
<div class="modal-content Mypromo1">
<div class="modal-body Mypromo1">
<button type="button" class="close Mypromo1" data-dismiss="modal">
×
</button>
<div class="MyPromo_pageRoom">
<div align="center">
<div class="centered-MyPromo_pageRoom x44">
<div class="thead-content-title44">
<img src="https://cms.hig.id//upload/cms/LOGO-FOOTER-TRUNTUM-PADANG.png"
alt="logo truntum-padang"
title="logo truntum-padang" />
</div>
<div class="tiTle-contactUS">
<p>
<b>Address:</b>Jl. Gereja No. 34, Belakang Tangsi, Padang City, West Sumatera 25118
</p>
<p><b>Phone: </b>+62 751 35600</p>
<p><b>Email: </b><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d5bdb0b9b9bafba5b4b1b4bbb295a1a7a0bba1a0b8bdbaa1b0b9a6fbb6bab8">[email protected]</a></p>
</div>
<form>
<div class="inputcontactUs">
<input type="email" placeholder="Your Email" required />
</div>
<div class="inputcontactUs">
<textarea placeholder="Your Message" required></textarea>
</div>
<div class="inputcontactUs"><button>Send</button></div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div class="modal fade modal-acc" id="myModal-forgot" role="dialog">
<div class="modal-dialog modal-login">
<!-- Modal content-->
<div class="modal-content modal-login">
<div class="modal-body modal-login">
<button
type="button"
class="close modal-accLogins"
data-dismiss="modal"
>
×
</button>
<div align="center">
<div class="modal-title-login">FORGOT PASSWORD</div>
<form>
<div class="tform-modals-login-room fcv">
<div class="tform-title-login">Email</div>
<div class="input-tform-login">
<input
type="email"
placeholder="Your registered email"
readonly
required
/>
</div>
</div>
<div
class="option-login"
align="center"
style="text-align: center"
data-dismiss="modal"
data-toggle="modal"
data-target="#myModal-login"
>
Back
</div>
<div align="center">
<div class="T-formOptions xc">
<div class="pull-left btnLogin-submit Fp">
<button class="btn btn-default">Request Password</button>
</div>
<div class="clear"></div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div><!-- Modal Thank You-->
<div class="modal Mypromo1 fade" id="myModal-tq" role="dialog">
<div class="modal-dialog modal-lg Mypromo1 tq">
<div class="modal-content Mypromo1 tq">
<div class="modal-body Mypromo1 tq">
<button type="button" class="close Mypromo1" data-dismiss="modal">
×
</button>
<div class="MyPromo_pageRoom">
<div align="center">
<div class="centered-MyPromo_pageRoom tq">
<div class="thead-content-title33-tq">THANK YOU</div>
<div class="page-InMyPromo_Roomtop-tq">
Please kindly check your email.We sent an email to
<span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="513723303f32382238323011363c30383d7f323e3c">[email protected]</a> </span>with a link to get back
into your account.
</div>
<div class="tfootInMyBackHome" data-dismiss="modal">Home</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal Login-->
<div class="modal fade modal-acc" id="myModal-login" role="dialog">
<div class="modal-dialog modal-login">
<!-- Modal content-->
<div class="modal-content modal-login">
<div class="modal-body modal-login">
<button
type="button"
class="close modal-accLogins"
data-dismiss="modal"
>
×
</button>
<div align="center">
<div class="modal-title-login">LOGIN</div>
<form>
<div class="tform-modals-login-room">
<div class="tform-title-login">Email</div>
<div class="input-tform-login">
<input
type="email"
placeholder="Your registered email"
readonly
required
/>
</div>
</div>
<div class="tform-modals-login-room">
<div class="tform-title-login">Password</div>
<div class="input-tform-login">
<input
type="password"
placeholder="Your password"
readonly
required
/>
</div>
</div>
<div class="form-option-login">
<div
class="pull-left option-login"
data-dismiss="modal"
data-toggle="modal"
data-target="#myModal-forgot"
>
Forgot Password
</div>
<div
class="pull-right option-login"
data-dismiss="modal"
data-toggle="modal"
data-target="#myModal-phone"
>
Login with Mobile Phone
</div>
<div class="clear"></div>
</div>
<div align="center">
<div class="T-formOptions hhh">
<div
class="pull-left btnLogin-submit"
data-dismiss="modal"
data-toggle="modal"
data-target="#myModal-tq"
>
<button class="btn btn-default">Login</button>
</div>
<div class="pull-right btnLogin-submit">
<button class="btn btn-default">Join High Rewards</button>
</div>
<div class="clear"></div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--pop up login phone-->
<div class="modal fade modal-acc" id="myModal-phone" role="dialog">
<div class="modal-dialog modal-login">
<!-- Modal content-->
<div class="modal-content modal-login">
<div class="modal-body modal-login">
<button
type="button"
class="close modal-accLogins"
data-dismiss="modal"
>
×
</button>
<div align="center">
<div class="modal-title-login">LOGIN</div>
<form>
<div class="form-phoneNumbers">
<div class="row">
<div class="col-lg-5 col-md-lg-5 col-sm-lg-5 col-xs-12">
<div class="tform-modals-login-room fcv">
<div class="tform-title-login">Country Code</div>
<div class="input-tform-login">
<select>
<option selected>ID+(62)</option>
<option selected>KANADA+(1)</option>
<option selected>RUSIA+(7)</option>
</select>
</div>
</div>
</div>
<div class="col-lg-7 col-md-lg-7 col-sm-lg-7 col-xs-12">
<div class="tform-modals-login-room fcv">
<div class="tform-title-login">Phone Number</div>
<div class="input-tform-login">
<input
type=""
placeholder="Your phone number"
readonly
required
/>
</div>
</div>
</div>
</div>
</div>
<div class="tform-modals-login-room">
<div class="tform-title-login">Password</div>
<div class="input-tform-login">
<input
type="password"
placeholder="Your password"
readonly
required
/>
</div>
</div>
<div class="form-option-login">
<div
class="pull-left option-login"
data-dismiss="modal"
data-toggle="modal"
data-target="#myModal-forgot"
>
Forgot Password
</div>
<div
class="pull-right option-login"
data-dismiss="modal"
data-toggle="modal"
data-target="#myModal-login"
>
Login with Email
</div>
<div class="clear"></div>
</div>
<div align="center">
<div class="T-formOptions hhh">
<div class="pull-left btnLogin-submit">
<button class="btn btn-default">Login</button>
</div>
<div class="pull-right btnLogin-submit">
<button class="btn btn-default">Join High Rewards</button>
</div>
<div class="clear"></div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!--pop up end phone--><div class="modal fade modal-acc" id="myModal-promo1" role="dialog">
<div class="modal-dialog modal-acc">
<!-- Modal content-->
<div class="modal-content modal-acc offers popup-offers single">
<div class="modal-acc-bg"></div>
<div class="modal-body modal-acc so-wrap">
<div align="center">
<div class="centerd-modal-menu-header offers">
<button
type="button"
class="close modal-acc"
data-dismiss="modal"
>
×
</button>
<div class="clear"></div>
</div>
<div class="so-header">
<div class="so-title">Special Offers</div>
<div id="single-offer-title" class="so-subtitle"></div>
</div>
<div class="tnc">Terms & Conditions ></div>
<div class="tnc so">< Back to Detail</div>
<ol class="carousel-indicators top-UP-custom">
<li class="so-dot active" data-index="0"></li>
<li class="so-dot" data-index="1"></li>
</ol>
<div class="contents-wrapper">
<div class="row so-contents">
<div class="col-lg-5 col-md-lg-5 col-sm-lg-5 col-xs-12 offers-img">
<div class="so-img">
<img id="single-offer-img" src="" alt="" />
</div>
<div class="form-inputPromo" id="offers-promo-wrapper">
<p>Use this code for this promo on your order.</p>
<input
id="single-offer-promo"
type="text"
value=""
class="offers-promo"
disabled
/>
<button class="btn btn-res copy-btn">Copy X</button>
<p><i id="single-offer-exp" id="offer-cat-exp"></i></p>
</div>
</div>
<div class="col-lg-7 col-md-lg-7 col-sm-lg-7 col-xs-12 offers-desc">
<div id="single-offer-content" class="so-desc">
</div>
</div>
</div>
<div
style="display: none"
class="
col-lg-12 col-md-lg-12 col-sm-lg-12 col-xs-12
tnc-wrap
"
>
<div class="header-tnc">TERMS & CONDITIONS</div>
<div id="single-offer-tnc" class="desc-tnc">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div><style>
.so-desc {
height: 28vh;
overflow-y: auto;
}
.btn-link-booknow{
font-size:12px; border-radius:25px;background: #771d25;color: #fff; width:200px
}
.tnc {
position: fixed;
z-index: 10000;
}
@media (max-width: 600px){
.tnc {
margin-bottom:20px
}
.so-desc {
height: 16vh;
overflow-y: auto;
}
}
</style>
<div class="modal fade" id="myModal-so" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<div class="modal-body ">
<div style="padding:5%">
<center>
<h3><b>Oops!</b></h3>
<h4>No data found..</h4>
</center>
</div>
</div>
</div>
</div>
</div>
<style>
.nav li a{
padding: 5px 10px;
}
@media (max-width: 780px){
.header-language.pull-right {
width: 180px;
}
}
</style>
<header>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header" >
<button
type="button"
class="navbar-toggle collapsed"
data-toggle="collapse"
data-target="#navbar"
aria-expanded="false"
aria-controls="navbar"
>
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span> <span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand img-logo" href="https://truntumhotels.com/hotels/truntum-padang"><img
src="https://cms.hig.id//upload/cms/LOGO-HEADER-TRUNTUM-PADANG.png"
title="Logo truntum-padang"
alt="Logo truntum-padang"
/></a>
</div>
<div id="navbar" class="navbar-collapse collapse" >
<div align="center" >
<div class="centerd-header" style="padding-left:0px">
<ul class="nav navbar-nav navbar-header HO">
<li data-toggle="modal" data-target="#myModal-acc">
<a href="javascript:void(0)">ACCOMMODATION</a>
</li>
<li data-toggle="modal" data-target="#myModal-dining">
<a href="javascript:void(0)">DINING</a>
</li>
<li><a href="https://truntumhotels.com/hotels/truntum-padang/wedding">WEDDING</a></li>
<li><a href="https://truntumhotels.com/hotels/truntum-padang/mice">MICE</a></li>
<li data-toggle="modal" data-target="#myModal-exp">
<a href="javascript:void(0)">EXPERIENCES</a>
</li>
<li data-toggle="modal" data-target="#myModal-so">
<a href="javascript:void(0)">SPECIAL OFFERS</a>
</li>
</ul>
</div>
</div>
<ul class="nav navbar-nav navbar-right ">
<!--<div class="t-form-login-register-header">
<div align="center">
<div class="high-rewards-text">High Reward</div>
</div>
<div class="nav-user" style="width:120px">
<div class="pull-left t-form-login" data-toggle="modal" data-target="#myModal-login"> Login </div>
<div class="pull-left t-form-line"></div>
<a href="http://truntumhotels.com/hotels/truntum-padang/register">
<div class="pull-left t-form-register">Sign Up</div>
</a>
</div>
<div class="clear"></div>
</div>-->
<div class="header-language pull-right">
Language
<select onchange="changeLanguage(this.value)">
<option value="en">ENG</option>
<option value="id">INA</option>
</select>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
function changeLanguage(lang){
window.location='http://truntumhotels.com/change-language/'+lang;
}
</script>
<div class="clear"></div>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</nav>
</header><section class="pages-content">
<div align="center">
<div class="container">
<div class="thead-content-title t-full" style="padding-top:25px">
<div class="pull-left asideText1">DINING</div>
<div class="pull-left asideLine"></div>
<div class="pull-left asideText2">RANAH MINANG COFFEE SHOP</div>
<div class="clear"></div>
</div>
</div>
<div class="section-page-room-wrapper threee" >
<div class="pull-left w50 page-room-wrapper" onClick="openModal();currentSlide(5)" >
<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>
</div>
<div class="pull-left w50 page-room-wrapper" style="padding-top:0px">
<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=""/>
</div>
<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=""/>
</div>
<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=""/>
</div>
<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=""/>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="container">
<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>
<div class="desc-rooms-detail-content">
<div class="t-head-title-info-rooms">ABOUT THIS RESTAURANT</div>
<div class="in-RoomInfoContent001">
<div class="InRoomContentsDetails0001 pull-left">
<div class="pull-left Icons-InRoomContentsDetails"><img src="https://truntumhotels.com/images/multi/time.svg" alt="" title=""></div>
<div class="pull-left Text-Icons-InRoomContentsDetails">Operation Hours</div>
<div class="clear"></div>
</div>
<div class="InRoomContentsDetails0002 pull-left">
<div class="desc-InRoomContentsDetails"><p>07.00 - 18.00</p></div>
</div>
<div class="clear"></div>
</div>
<div class="in-RoomInfoContent001">
<div class="InRoomContentsDetails0001 pull-left">
<div class="pull-left Icons-InRoomContentsDetails"><img src="https://truntumhotels.com/images/multi/Capacity.svg" alt="" title=""></div>
<div class="pull-left Text-Icons-InRoomContentsDetails">Guest Capacity</div>
<div class="clear"></div>
</div>
<div class="InRoomContentsDetails0002 pull-left">
<div class="desc-InRoomContentsDetails">150 Seat</div>
</div>
<div class="clear"></div>
</div>
<div class="in-RoomInfoContent001">
<div class="InRoomContentsDetails0001 pull-left">
<div class="pull-left Icons-InRoomContentsDetails"><img src="https://truntumhotels.com/images/multi/cuisine.svg" alt="" title=""></div>
<div class="pull-left Text-Icons-InRoomContentsDetails">Cuisine</div>
<div class="clear"></div>
</div>
<div class="InRoomContentsDetails0002 pull-left">
<div class="desc-InRoomContentsDetails"></div>
</div>
<div class="clear"></div>
</div>
<div class="in-RoomInfoContent001">
<div class="InRoomContentsDetails0001 pull-left">
<div class="pull-left Icons-InRoomContentsDetails"><img src="https://truntumhotels.com/images/multi/location.svg" alt="" title=""></div>
<div class="pull-left Text-Icons-InRoomContentsDetails">Locations</div>
<div class="clear"></div>
</div>
<div class="InRoomContentsDetails0002 pull-left">
<div class="desc-InRoomContentsDetails">Truntum Padang</div>
</div>
<div class="clear"></div>
</div>
<div class="in-RoomInfoContent001">
<div class="InRoomContentsDetails0001 pull-left">
<div class="pull-left Icons-InRoomContentsDetails"><img src="https://truntumhotels.com/images/multi/packagesvg.svg" alt="" title=""></div>
<div class="pull-left Text-Icons-InRoomContentsDetails">Menu</div>
<div class="clear"></div>
</div>
<div class="InRoomContentsDetails0002 pull-left">
<div class="desc-InRoomContentsDetails"><a href="https://cms.hig.id//upload/cms/RMCS_FOR_WEB.pdf">Download PDF File</a></div>
</div>
<div class="clear"></div>
</div>
<!-- </div> -->
<div class="centered-content-informasi">
<div class="line-long"></div>
<div class="pos-abs-content-info">
<div align="center">
<div class="center-info-content">
<div class="content-room-content-info">
<div class="text-content-room-info01">INFORMATION & RESERVATION</div>
<div class="text-content-room-info02"><a target="_blank" href="https://api.whatsapp.com/send?phone=62811669090">CLICK HERE</a></div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</section>
<section class="Sections">
<div align="center">
<div class="container">
<div class="titleDesc_all" align="center" style="padding-bottom:0px;">OTHER RESTAURANT & BAR</div>
<div class="room-img-content01">
<div class="row img-contentRoom">
<div class="contents">
<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 contentRoom01">
<a href="https://truntumhotels.com/hotels/truntum-padang/restaurant/6/muaro-terrace-cafe-resto">
<div class="in-Room01-Content">
<div class="image-contentRoom01"><img src="https://cms.hig.id//upload/cms/muaro-terrace.jpg" alt="" title=""></div>
<div class="text-contentRoom01">MUARO TERRACE CAFE & RESTO</div>
</div>
</a>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</section>
<style>
.div-footer{
padding-top: 125px;
bottom:0px;
display: flex;
align-items: center;
justify-content: center;
}
.menus-footer {
float:left;
padding-right:8px;
font-size: 10px;
display:flex;flex-wrap:wrap;justify-content: center;
}
.xfooter-right{
display: flex;flex-wrap: wrap;justify-content: right; padding-bottom:20px
}
.title-footer-address01 {
padding-bottom: 0px;
}
.pull-right.tfooters-aside-Right {
padding-top: 55px;
}
.t-form-addreess {
padding-top: 0px;
}
.logo-aside-left-footers > img {
width: auto;
height: 90px;
}
.div-footer {
bottom: 15px;
}
.pull-left.imgHIG > img {
height: 25px;
width: auto;
}
.room-footers-right01 {
float: none;
width: auto;
margin: 0px;
}
.rounded-wa {
right:0px;
padding: 20px 10px 20px 15px;
border-top:5px solid rgba(255,255,255,.4) ;
border-left:5px solid rgba(255,255,255,.4) ;
border-bottom:5px solid rgba(255,255,255,.4) ;
background-clip: padding-box;
width:155px;
background-color:#858e3d;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
color:#FFF;
position: fixed;
right: 0;
bottom: 30px;
z-index: 10;
}
@media (max-width: 780px) {
.rounded-wa {
bottom: 80px;
}
.div-footer{
padding-top: 40px;
flex-wrap: wrap;
justify-content: center;
}
.menus-footer {
margin-top:0px;
padding: 5px ;
}
.text-copyright{
margin-bottom:150px;
}
.xfooter-right{
display: flex;flex-wrap: wrap;justify-content: center; padding-bottom:20px
}
}
.titleWa{
font-size:10px;
}
.subtitleWa{
font-size:10px;
}
</style>
<section>
<div class="img-full">
<img src="https://cms.hig.id//upload/cms/Truntum_Hotels.jpg" width="100%" />
</div>
</section>
<footer>
<div align="center">
<div class="container">
<div class="first-room-footer">
<div class="row t-footer">
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 t-footer">
<div class="pull-left aside-left-footer" style="padding-top: 20px">
<a href="">
<div class="logo-aside-left-footers">
<img
src="https://cms.hig.id//upload/cms/LOGO-FOOTER-TRUNTUM-PADANG.png"
alt="logo truntum-padang"
title="logo truntum-padang"
/>
</div>
</a>
<div class="t-form-addreess">
<div class="title-footer-address01">
<strong>Address</strong>Jl. Gereja No. 34, Belakang Tangsi, Padang City, West Sumatera 25118
</div>
<div class="title-footer-address01">
<div class="footer-item-address">
<strong>Phone : </strong>+62 751 35600<span></span>
</div>
<div class="footer-item-address">
<strong>Email : </strong> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="4129242d2d2e6f312025202f26013533342f35342c292e35242d326f222e2c">[email protected]</a>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 div-footer t-footer" >
<a href="https://hig.id">
<div class="menus-footer">HIG</div>
</a>
<a href="https://truntumhotels.com">
<div class="menus-footer">
TRUNTUM
</div>
</a>
<a href="">
<div class="menus-footer">TRUNTUM PADANG</div>
</a>
<a href="javascript:void(0)">
<div
class="menus-footer"
data-toggle="modal"
data-target="#myModal-contactUs"
>
CONTACT US
</div>
</a>
<div class="clear"></div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 t-footer">
<div class="pull-right tfooters-aside-Right">
<div class="xfooter-right">
<a href="https://hig.id/">
<div class="pull-left imgHIG">
<img src="https://truntumhotels.com/images/multi/hig-logo.png" />
</div>
</a>
<a href="">
<div class="pull-left imgBUMN">
<img src="https://truntumhotels.com/images/multi/BUMN.png" />
</div>
</a>
<div class="clear"></div>
</div>
<div class="room-last-sosial-media">
<div class="pull-right">
<a href="https://www.facebook.com/truntumpadang">
<div class="pull-left icons-text-sosial-media">
<i class="fa fa-facebook fb"></i>
</div>
</a>
<a href="https://www.instagram.com/truntumpadang/">
<div class="pull-left icons-text-sosial-media">
<i class="fa fa-instagram insta"></i>
</div>
</a>
<a href="">
<div class="pull-left icons-text-sosial-media">
<i class="fa fa-linkedin lin"></i>
</div>
</a>
<a href="https://twitter.com/truntumpadang">
<div class="pull-left icons-text-sosial-media last">
<i class="fa fa-twitter tw"></i>
</div>
</a>
<div class="clear"></div>
</div>
<div class="pull-right text-sosial-media">Contact Us</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="text-copyright">COPYRIGHT 2025</div>
</div>
</div>
</footer>
<a href="https://api.whatsapp.com/send?phone=62811669090" target="_blank">
<div class="rounded-wa" style="background-color : #90612d ">
<div class="row justify-content-start">
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" style="padding-left:20px">
<img width="24" src="https://truntumhotels.com/images/multi/wa_icon.png" />
</div>
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-8" style="padding:0px 0px 0px 15px">
<div class="titleWa"><b>WhatsApp</b>Chat</div>
<div class="subtitleWa">Reservation Team</div>
</div>
</div>
</div>
</a>
<style>
.room-widget-header-fixed {
background-color: none;
background: none;
position: fixed;
top: 80;
width: 100%;
height: 65px;
color: #333;
font-family: "roman";
font-size: 12px;
}
.header-bg{
padding: 15px 30px 5px 20px;
border-radius: 12px;
opacity: 0.8;
-webkit-backdrop-filter: blur(45px);
backdrop-filter: blur(45px);
box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.1);
background-color: rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.9);
}
.pull-right.form-widget-date {
width:90%;
}
.left-icon{
position: absolute; padding-top:10px; padding-left:10px; width:28px; color:#CCCCCC; font-size:14px
}
.pos-fixed-btn {
display: none;
}
@media (max-width: 780px) {
.room-widget-header-fixed {
opacity: 1;
background: #FFFFFF;
background-color: #FFFFFF;
}
.header-bg{
padding: 15px 30px 5px 20px;
border-radius: 12px;
opacity: 1;
}
.pos-fixed-btn {
position: fixed;
width:100%;
bottom: 0px;
z-index: 1988;
display: block;
}
.btn-mobile-klik-new {
font-size: 14px;
width: 99% auto;
text-align: center;
height: 45px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
color: #fff;
background-color: #771d25;
padding-top: 12px;
bottom: 0px;
cursor: pointer;
z-index: 88;
padding-bottom: 5px;
}
.modal-booknow-mobile{
width:98%;display: none;
margin-left: 1%;
margin-right: 1%;
bottom:30;
top:auto;
position:fixed;
z-index:987;
padding:25px 20px 25px 20px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
}
</style>
<!--Modal BookNow Mobile -->
<div id="myModalBookNow" class="modal-booknow-mobile" style="background: rgba(144, 97, 45, 0.4); display:none">
<div class="container">
<div class="row">
<form class="form-multi" data-url="https://book.hig.id/be/indexpackdetail?propertyId=MjYxNw==&groupId=MjYxOA==">
<div class="col" style="padding:0px 15px 0px 15px">
<div class="room-widget-date">
<div class="pull-right form-widget-date" style="width: 100%">
<div class="left-icon" ><i class="fa fa-calendar" ></i></div>
<input class="checkin" id="modal-datepicker" placeholder="Check-In" style="padding-left:35px" readonly required />
</div>
<div class="clear"></div>
</div>
</div>
<div class="col" style="padding:0px 15px 0px 15px">
<div class="room-widget-date">
<div class="pull-right form-widget-date" style="width: 100%">
<div class="left-icon" ><i class="fa fa-calendar"></i></div>
<input class="checkout" id="modal-datepicker2" placeholder="Check-Out" style="padding-left:35px" readonly required />
</div>
<div class="clear"></div>
</div>
</div>
<div class="col" style="padding:0px 15px 0px 15px">
<div class="pull-right form-widget-date" style="width: 100%">
<img class="left-icon" src="https://truntumhotels.com/images/multi/promo.png ">
<input class="promo-code" style="padding-left:35px" placeholder="Promo Code" />
</div>
<div class="clear"></div>
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-lg-12 widget-room" style="padding: 15px 15px 15px 15px" >
<div class="btn-widgetRoom">
<button type="submit" class="btn btn-default PromoCode" style="background-color : #90612d; border:none">
Book Now
</button>
</div>
</div>
<div class="clear"></div>
</form>
</div>
</div>
</div>
<!--Buton Book Now Mobile-->
<div class="pos-fixed-btn" >
<div class="btn-mobile-klik-new" id="buttonBook" style="background-color : #90612d">
<div class="d-flex justify-content-center" onClick="clickBookNow();">
<img id="imgBookNow" width="30" class="img-book-now" src= "https://truntumhotels.com/images/book-now.png" >
<span id="bookNowLabel">Book Now</span>
</div>
</div>
</div>
<div class="room-widget-header-fixed collapse" id="demoZ">
<div class="closed-fixed hideNone2" data-toggle="collapse" data-target="#demoZ"> <i class="fa fa-close"></i> </div>
<div class="container header-bg">
<div class="row">
<form class="form-multi" data-url="https://book.hig.id/be/indexpackdetail?propertyId=MjYxNw==&groupId=MjYxOA==">
<div class="col-lg-3 col-md-3 col-sm-3 col-lg-12" style="padding:0px">
<div class="room-widget-date">
<div class="pull-right form-widget-date">
<div class="left-icon" ><i class="fa fa-calendar" ></i></div>
<input class="checkin" id="datepicker" placeholder="Check-In" style="padding-left:35px" readonly required />
</div>
<div class="clear"></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-lg-12" style="padding:0px">
<div class="room-widget-date">
<div class="pull-right form-widget-date">
<div class="left-icon" ><i class="fa fa-calendar"></i></div>
<input class="checkout" id="datepicker2" placeholder="Check-Out" style="padding-left:35px" readonly required />
</div>
<div class="clear"></div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-lg-12" style="padding:0px">
<div class="pull-right form-widget-date">
<img class="left-icon" src="https://truntumhotels.com/images/multi/promo.png ">
<input class="promo-code" style="padding-left:35px" placeholder="Promo Code" />
</div>
<div class="clear"></div>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 col-lg-12 widget-room" style="padding:0px 22px 0px 28px" >
<div class="btn-widgetRoom">
<button type="submit" class="btn btn-default PromoCode" >
SEARCH
</button>
</div>
</div>
<div class="clear"></div>
</form>
</div>
</div>
</div>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
function clickBookNow() {
var element = document.getElementById("bookNowLabel");
if (element.innerHTML == "Book Now"){
document.getElementById("buttonBook").style.backgroundColor = "#999";
document.getElementById("imgBookNow").style.display = "none";
element.innerHTML = "Cancel";
document.getElementById("myModalBookNow").style.display = "block";
}else{
document.getElementById("buttonBook").style.backgroundColor = "#90612d";
document.getElementById("imgBookNow").style.display = "inline";
element.innerHTML = "Book Now";
document.getElementById("myModalBookNow").style.display = "none";
}
}
</script>
</body>
<script src="https://truntumhotels.com/js/jquery.min.js"></script>
<script src="https://truntumhotels.com/js/bootstrap.min.js"></script>
<script src="https://truntumhotels.com/js/owl.carousel.min.js"></script>
<script src="https://truntumhotels.com/js/bootstrap-select.js"></script>
<script src="https://truntumhotels.com/js/bootstrap-datepicker.min.js"></script>
<script src="https://truntumhotels.com/js/widget-book.js"></script>
<script>
$(document).ready(function () {
var offerIndex = 0;
$(".tnc.so").hide();
$(".copy-btn").click(function () {
var copyText = $(this)[0].previousSibling.previousSibling;
copyText.removeAttribute("disabled");
copyText.select();
copyText.setSelectionRange(0, 99999);
document.execCommand("copy");
copyText.setAttribute("disabled", true);
alert("Copied to Clipboard");
});
// Initiate with custom caret icon
$("select.selectpicker").selectpicker({
caretIcon: "glyphicon glyphicon-menu-down",
dropupAuto: false,
});
$("#datepicker").datepicker({
format: "dd : mm : yyyy",
todayHighlight: true,
autoclose: true,
//minDate: new Date,
startDate: "1d",
});
$("#datepicker2").datepicker({
format: "dd : mm : yyyy",
todayHighlight: true,
autoclose: true,
startDate: "+1d",
});
if($(".popup-offers").length > 0){
$(".so-dot").click(function () {
var wrapper = $(this).parent().parent().find(".contents-wrapper");
$(this).addClass("active");
$(this).siblings().removeClass("active");
var so_contents = wrapper.find(".so-contents");
var tnc = wrapper.find(".tnc-wrap");
if ($(this).data("index") == 0) {
so_contents.css({ display: "block" });
tnc.css({ display: "none" });
wrapper.parent().find(".tnc").show();
wrapper.parent().find(".tnc.so").hide();
return;
}
so_contents.css({ display: "none" });
tnc.css({ display: "block" });
wrapper.parent().find(".tnc").hide();
wrapper.parent().find(".tnc.so").show();
console.log('here');
});
$(".tnc").click(function () {
var wrapper = $(this).parent().find(".contents-wrapper");
var dot1 = $(this)
.parent()
.find(".carousel-indicators")
.find(`[data-index="0"]`);
var dot2 = $(this)
.parent()
.find(".carousel-indicators")
.find(`[data-index="1"]`);
var so_contents = wrapper.find(".so-contents");
var tnc = wrapper.find(".tnc-wrap");
$(this).hide();
$(this).siblings().show();
if ($(this).hasClass("so")) {
so_contents.css({ display: "block" });
tnc.css({ display: "none" });
dot1.addClass("active");
dot2.removeClass("active");
return;
}
so_contents.css({ display: "none" });
tnc.css({ display: "block" });
dot1.removeClass("active");
dot2.addClass("active");
});
}
if($(".modal-wrapper .popup-offers").length > 1){
$(".modal-wrapper").owlCarousel({
stagePadding: 200,
loop: true,
margin: 50,
nav: false,
items: 1,
lazyLoad: true,
dots: true,
responsive: {
0: {
items: 1,
stagePadding: 60,
},
600: {
items: 1,
stagePadding: 100,
},
1000: {
items: 1,
stagePadding: 200,
},
1200: {
items: 1,
stagePadding: 250,
},
1400: {
items: 1,
stagePadding: 250,
},
1600: {
items: 1,
stagePadding: 250,
},
1800: {
items: 1,
stagePadding: 350,
},
},
});
}
$(".owl-carousel").owlCarousel({
stagePadding: 200,
loop: true,
margin: 20,
nav: false,
items: 3,
lazyLoad: true,
nav: true,
dots: true,
autoplay: true,
autoplayTimeout: 5000,
responsive: {
0: {
items: 1,
stagePadding: 60,
},
600: {
items: 1,
stagePadding: 100,
},
1000: {
items: 1,
stagePadding: 200,
},
1200: {
items: 1,
stagePadding: 250,
},
1400: {
items: 1,
stagePadding: 350,
},
1600: {
items: 1,
stagePadding: 350,
},
1800: {
items: 1,
stagePadding: 400,
},
},
});
$(".slide-it").owlCarousel({
loop: true,
margin: 5,
nav: false,
items: 1,
lazyLoad: true,
nav: true,
dots: true,
autoplay: true,
autoplayTimeout: 5000,
});
//Allows bootstrap carousels to display 3 items per page rather than just one
$(".carousel.carousel-multi .item").each(function () {
var next = $(this).next();
if (!next.length) {
next = $(this).siblings(":first");
}
next
.children(":first-child")
.clone()
.attr("aria-hidden", "true")
.appendTo($(this));
if (next.next().length > 0) {
next
.next()
.children(":first-child")
.clone()
.attr("aria-hidden", "true")
.appendTo($(this));
} else {
$(this)
.siblings(":first")
.children(":first-child")
.clone()
.appendTo($(this));
}
});
$('#myModal-so').on('shown.bs.modal', function (e) {
$(".modal-wrapper").trigger('to.owl.carousel', [offerIndex, 500, true]);
offerIndex = 0;
});
$(".offer-home").click(function(){
offerIndex = $(this).data("index");
});
$(".load-more").click(function(){
var $this = $(this);
var page = $(this).data("page");
var limit = $(this).data("limit");
var type = $(this).data("type");
var hotel_id = $(this).data("hotel-id");
var url = "http://truntumhotels.com/loadMore" + `?page=${page}&limit=${limit}&type=${type}&hotel_id=${hotel_id}`;
var container = $(this).parent().find(".contents")[0];
var target_url = type == 'mice' ? "http://truntumhotels.com/hotels/$hotels_url/mice/venue" : "http://truntumhotels.com/hotels/$hotels_url/wedding/celebration";
$.ajax({
method : 'GET',
url : url,
success : function(res){
var res = JSON.parse(res);
res.data.forEach(element => {
var html = $(`<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12 contentRoom01">
<a href="${target_url}${element.id}">
<div class="in-Room01-Content">
<div class="image-contentRoom01"><img src="${element.venue_image}" alt="" title=""/></div>
<div class="text-contentRoom01">${element.venue_title}</div>
</div>
</a>
</div>`)
container.append(html[0]);
});
$this.data("page",page+1);
if(res.page.current_page >= res.page.last_page){
$this.hide();
}
},
error : function(err){
console.log(err);
}
})
});
$(".bTN-SIDEriGhT-header-menu-modal").click(function(){
var img = $(this).data("img");
var title = $(this).data("title");
var content = $(this).data("content");
var tnc = $(this).data("tnc");
var expired = `*Expired Until ${$(this).data("expired")}`;
var promo = $(this).data("promo");
$("#single-offer-img").attr("src", img);
$("#single-offer-title").html(title);
$("#single-offer-content").html(content);
$("#single-offer-tnc").html(tnc);
$("#single-offer-expired").html(expired);
$("#single-offer-promo").val(promo);
});
});
</script>
</html>