<a href="#" style="color: white;">
                            <span if="{!user}" uk-icon="user"></span>
                            <span if="{user}">{user.first_name}</span>
                            <span if="{user}" uk-icon="triangle-down"></span>
                        </a>
                        <div uk-dropdown="mode: click" style="display: none;">
                            <ul class="uk-nav uk-dropdown-nav">
                                <li if="{!user}"><a href="#" onclick="{openSignInView}">SIGN IN</a></li>
                                <li if="{!user}"><a href="#" onclick="{openSignUpView}">SIGN UP</a></li>
                                <li if="{user}"><a href="#" onclick="{handleSignOut}">SIGN OUT</a> </li>
                            </ul>
                        </div>
                        <div id="signinmodal" uk-modal style="display: none;">
                            <div class="uk-modal-dialog uk-modal-body">
                                <h2 if="{signInView}" class="uk-modal-title">Sign In <a href="#" style="float: right; font-size: 0.5em;" onclick="{openSignUpView}">Sign Up Instead</a> </h2>
                                <h2 if="{signUpView}" class="uk-modal-title">Sign Up <a href="#" style="float: right; font-size: 0.5em;" onclick="{openSignInView}">Sign In Instead</a></h2>
                                <hr />
                                    <div if="{error}" class="uk-alert uk-alert-danger" style="margin-bottom: 0px;">
                                        <div class="uk-text-bold">
                                            <div class="uk-flex uk-flex-wrap uk-flex-wrap-around">
                                                <div class="uk-width-auto"><div uk-icon="icon: warning" style="margin-right: 15px;"></div></div>
                                                <div class="uk-width-expand">{error}</div>
                                            </div>
                                        </div>
                                    </div>
                                    <form if="{otpView}">
                                         <fieldset class="uk-fieldset">
                                             <div style="padding: 10px;">
                                             <input class="uk-input" type="text" placeholder="Your OTP" oninput="{changeOtp}">
                                             <div style="margin-top: 10px;">
                                                <a href="#" style="" onclick="{hideOtpView}">Go Back</a>
                                             </div>
                                             </div>
                                         </fieldset>
                                    </form>
                                    <form if="{!otpView}">
                                         <fieldset class="uk-fieldset">
                                             <div if="{!withEmail || signUpView}" class="uk-flex">
                                                 <div class="uk-width-auto">
                                                     <div style="padding: 10px;">
                                                     <select class="uk-select" onchange="{changeMobileCode}">
                                                        <option each="{mc in mobile_codes}" value="{mc.id}" selected="{mc.id == mobile_code}">{mc.value}</option>
                                                    </select>
                                                     </div>
                                                 </div>
                                                 <div class="uk-width-expand">
                                                     <div style="padding: 10px;">
                                                     <input class="uk-input" type="text" placeholder="Mobile Number" oninput="{changeMobile}">
                                                         <div style="font-size: 0.8em; color: #888888;">Only digits allowed.</div>
                                                     </div>
                                                 </div>
                                             </div>
                                            <div if="{withEmail || signUpView}">
                                                <div  style="width: 100%;">
                                                     <div style="padding: 10px;">
                                                         <input placeholder="Email Address"  type="text" style="opacity: 0;position: absolute;" />
                                                     <input class="uk-input" type="text" autocomplete="off" placeholder="Email Address" oninput="{changeEmail}">
                                                     </div>
                                                 </div>
                                                <div  style="width: 100%;">
                                                     <div style="padding: 10px;">
                                                         <input placeholder="" type="password" style="opacity: 0;position: absolute;" />
                                                     <input class="uk-input" type="password" autocomplete="off" placeholder="Password" oninput="{changePassword}">
                                                     </div>
                                                 </div>
                                            </div>

<div if="{signInView}" class="uk-flex uk-flex-wrap">
                                                  <div style="margin-top: 10px;padding: 10px;">
                                                    <a if="{!withEmail}" href="#" style="" onclick="{enableSignInWithEmail}">Sign In With Email?</a>
                                                    <a if="{withEmail}" href="#" style="" onclick="{enableSignInWithMobile}">Sign In With Mobile & One Time Password?</a>
                                                 </div>
                                             </div>
                                             <div if="{signUpView}" class="uk-flex uk-flex-wrap">
                                                 <div class="uk-width-1-2@m">
                                                     <div style="padding: 10px;">
                                                         <input class="uk-input" type="text" placeholder="First Name" oninput="{changeFirstName}">
                                                     </div>

</div>
                                                 <div class="uk-width-1-2@m">
                                                     <div style="padding: 10px;">
                                                     <input class="uk-input" type="text" placeholder="Last Name" oninput="{changeLastName}">
                                                     </div>
                                                 </div>

</div>
                                         </fieldset>
                                    </form>
                                <hr />
                                <p class="uk-text-right">
                                    <button class="uk-button uk-button-default uk-modal-close" type="button">Cancel</button>

<button if="{withEmail && signInView && !otpView}" disabled="{signingIn}" class="uk-button uk-button-primary" type="button" onclick="{signInWithEmail}"><img class="{ signingIn ? '' : 'uk-hidden' }" src="https://d2v8elt324ukrb.cloudfront.net/static/new_template/images/newloader.debee47f900f.gif" />{ signingIn ? '' :'Sign In'}</button></button>
                                    <button if="{!otpView && (!withEmail || (withEmail && signUpView))}" disabled="{sendingOtp}" class="uk-button uk-button-primary" type="button" onclick="{getOtp}"><img class="{ sendingOtp ? '' : 'uk-hidden' }" src="https://d2v8elt324ukrb.cloudfront.net/static/new_template/images/newloader.debee47f900f.gif" />{ sendingOtp ? '' :'Verify With OTP'}</button></button>
                                    <button if="{otpView}" disabled="{verifyingOtp}" class="uk-button uk-button-primary" type="button" onclick="{verifyOtp}"><img class="{ verifyingOtp ? '' : 'uk-hidden' }" src="https://d2v8elt324ukrb.cloudfront.net/static/new_template/images/newloader.debee47f900f.gif" /> {signUpView ? 'Sign Up':'Sign In'}</button>
                                </p>
                            </div>
                        </div>
                        <a if="{selectedCurrency}" class="menuleft" id="currencydropdownbutton" href="#" style="color: white;" >
                            <span>{selectedCurrency.id}</span>
                            <span uk-icon="triangle-down"></span>
                        </a>
                        <div id="currencydropdown" style="display: none;">
                            <div class="uk-flex uk-flex-wrap">
                                <div each="{currency in currencies}" class="uk-width-1-3"><a href="#" onclick="{changeCurrency(currency)}">{currency.value}</a></div>
                            </div>

</div>

<ul class="uk-nav uk-nav-primary uk-nav-center">
                                 <li class="uk-nav-header" if="{!signedIn || (signedIn && !propertiesExist)}">Are You A Property Owner/Manager?</li>
                                 <li class="uk-nav-header" if="{signedIn && propertiesExist}">For Property Managers/Owners</li>
                                    <li class="uk-parent">
                                         <ul class="uk-nav-sub">
                                            <li><a href="/host/create-property/">List New Property</a></li>
                                            <li if="{!signedIn}"><a href="#" onclick="{openSignIn}">Sign In To Your Dashboard</a></li>
                                            <li if="{signedIn && propertiesExist}"><a href="{dashboardUrl}">Your Listing Dashboard</a></li>
                                        </ul>
                                    </li>
                                    <li class="uk-nav-divider"></li>
                                </ul>

Modern Apartment In Quiet Neighborhood
Kottayam, Kerala, India | Varrisery

Rated 5.0/5 By 1 Travelers See Reviews

<div>
                                            <div if="{premium}">
                                                <div if="{!contactDetailsError}" class="uk-alert-primary uk-alert" style="margin-top: 20px;">
                                                    <div if="{!contactDetailsLoaded}">
                                                        <p if="{signedIn}">You can contact owner/manager of this property directly. <a href="#" class="uk-text-bold" style="text-transform: capitalize; text-decoration: underline;" onclick="{showContactDetails}" >Get contact details</a></p>
                                                        <p if="{!signedIn}">You can contact owner/manager of this property directly. <a href="#" onclick="{openSignIn}" class="uk-text-bold" style="text-transform: capitalize; text-decoration: underline;" >Sign In To See Contact Details</a></p>
                                                    </div>
                                                    <div if="{contactDetailsLoaded}">
                                                        <div class="uk-text-bold">Contact Details:</div>
                                                        <div if="{email}">Email: {email}</div>
                                                        <div if="{mobile}">Phone: {mobile}</div>
                                                        <div if="{website}">Website: {website}</div>
                                                        <div if="{brand}">Brand: {brand}</div>
                                                    </div>
                                                </div>
                                                <div if="{contactDetailsError}" class="uk-alert-danger uk-alert" style="margin-top: 20px;">
                                                    <p>Oops!! We are not able to fetch contact details at the moment. Please try again later.</p>
                                                </div>
                                            </div>
                                        </div>

Resort

2 Bedrooms

2 Bathrooms

6 Max Guests

Wifi

Kitchen

Pets Not Allowed

Overview
Amenities
Map
Policies & Fees
Reviews

Resort Type Of Property

2 Bedrooms

2 Bathrooms

6 Max. Guests

Located in a peaceful neighborhood the place has bus stops, supermarket restaurant etc within a 100 meters.

Things you can do in & around Varrisery, Kottayam

Key Amenities

Power backup

Television

Linen provided

Western toilet

Wireless Internet

Kitchen (fully functional)

Living Room

Television With Cable Connection

Sofa

Dining Table

Bedroom 1

Wardrobe

Balcony

2 King Bed(s)

Bedroom 2

Wardrobe

1 King Bed(s)

Bathroom 1

Western Toilet

Ceiling Shower

Toiletries

Bathroom 2

Bathroom 2 info not found.

Map

Policies & Fees

Default Cancellation Policy

Stringent: No charges will be levied if booking is canceled 61 days prior to check-in. If cancellation is done between 30 to 60 days prior to check-in, 50% of the total booking amount will be charged. Post that, there will be no refund.

House Rules

Loud Music not allowed. Pets not allowed.

Reviews

5.00/5 Excellent Stay

Written by George on 07-sep-2017. Customer stayed on 05-sep-2017

The property very nice, was good, I really enjoyed the stay. The owner was also very co-operative& the services provided were also excellent. I will surely recommend Tripvillas & the property to my friends & family. And will also book my next trip with Tripvillas.

<div if="{reviews.length > 0}" id="reviews" class="uk-padding uk-padding-remove-top">
                                    <div class="uk-text-lead ">Reviews</div>
                                    <hr />
                                    <article each="{reviews}" class="uk-article" style="margin-top: 30px;">
                                        <p class="uk-text-lead">
                                            <span class="uk-badge">{rating}/5</span> {title}
                                        </p>

<p class="uk-text-meta">Written by {first_name} on {submitted_on}. <span if="{date_stay}">Customer stayed on {date_stay}</span></p>
                                        <p><raw html="{description}"></raw></p>
                                    </article>
                                    <div if="{nextPageNumber && !loading}" class="uk-padding" style="text-align: center;">
                                        <button class="uk-button uk-button-primary uk-button-small" onclick="{showMoreResults}">Show More Results</button>
                                    </div>
                                </div>

<div style="height: 40px;"></div>
                                    <div if="{min_rate_range}" id="startingprice" class="uk-heading-small" style="color: black;margin-top: 0px;">
                                        <span style="font-size: 0.4em; color: #484848;display: block;">Starting</span>
                                        {min_rate_range}
                                        <span style="font-size: 0.4em; color: #484848;display: inline-block;padding-left: 5px;">per night</span>
                                    </div>
                                    <div  class="uk-flex uk-flex-column">
                                        <div>
                                            <div if="{available && !error}" class="uk-alert uk-alert-success" style="margin-bottom: 0px;">
                                                <div class="uk-text-bold">
                                                    <div class="uk-flex uk-flex-wrap uk-flex-wrap-around">
                                                        <div class="uk-width-auto"><div uk-icon="icon: check" style="margin-right: 15px;"></div></div>
                                                        <div class="uk-width-expand">{message}</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div if="{!available || error}" class="uk-alert uk-alert-danger" style="margin-bottom: 0px;">
                                                <div class="uk-text-bold">
                                                    <div class="uk-flex uk-flex-wrap uk-flex-wrap-around">
                                                        <div class="uk-width-auto"><div uk-icon="icon: warning" style="margin-right: 15px;"></div></div>
                                                        <div class="uk-width-expand">{message}</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div if="{ units_array.length > 0}" class="uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                            <select class="uk-select" id="units" onchange="{ changeUnits }">
                                                <option each="{ u in units_array }" value="{u.key}" selected="{units == u.key}">{u.value || 'Select Bookable Units'}</option>

</select>
                                        </div>
                                        <div class="uk-flex uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                             <div style="margin-right: 5px;">
                                                 <div class="uk-inline">
                                                    <span class="uk-form-icon" uk-icon="icon: sign-in"></span>
                                                    <input class="uk-input" readonly autocomplete="off" type="text" placeholder="Check In" id="checkin" />
                                                </div>
                                             </div>
                                             <div style="margin-left: 5px;">
                                                 <div class="uk-inline">
                                                    <span class="uk-form-icon" uk-icon="icon: sign-out"></span>
                                                    <input class="uk-input" readonly autocomplete="off" type="text" placeholder="Check Out" id="checkout">
                                                </div>
                                             </div>
                                         </div>
                                        <div class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                            <select class="uk-select" id="guests" onchange="{ updateGuests }">
                                                <option each="{ o in occupancies }" value="{o.key}" selected="{guests == o.key}">{o.value || 'Select Guests'}</option>
                                            </select>
                                        </div>
                                        <div class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                            <div class="uk-text-meta">Rateplan: No meals provided (European Plan)</div>
                                        </div>
                                    <div if="{available && !error}" class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom" id="totalcontainer">
                                        <div class="totalsubcontainer" uk-grid>
                                            <div class="uk-width-1-2">
                                                <p class="uk-text-bold">
                                                    Total
                                                    <span style="display: block; font-weight: normal;font-size: 0.8em;">Includes taxes & fees</span>
                                                </p>
                                            </div>
                                            <div class="uk-width-1-2 uk-visible@m">
                                                <p class="uk-text-bold" style="text-align: right;">
                                                    <span>{total}</span>
                                                    <a href="#" style="display: block; font-weight: normal; font-size: 0.8em;" uk-toggle="target: #bookingsummary">View details</a>
                                                </p>
                                            </div>
                                            <div class="uk-width-1-2 uk-hidden@m">
                                                <a class="uk-button uk-button-small uk-button-default " href="" style="float: right;padding: 5px 15px;line-height: 20px;" uk-toggle="target: #bookingsummary">
                                                    <span style="display: block;" class="uk-text-bold">{total}</span>
                                                    <span style="display: block;font-size: 0.8em;">View details</span>
                                                </a>

</div>
                                        </div>

</div>
                                        <div class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom">
                                            <button onclick="{proceedBooking}" disabled="{ isButtonDisabled() }" class="uk-button uk-button-primary uk-width-1-1 uk-button-large"><img class="{ loading ? '' : 'uk-hidden' }" src="https://d2v8elt324ukrb.cloudfront.net/static/new_template/images/newloader.debee47f900f.gif" />{ loading ? '' : (instant ? 'Instant Book': 'Request To Book')}</button>
                                        </div>
                                        <div if="{available && !error && cancellation_policy}" class="uk-width-1-1 uk-padding-small uk-padding-remove-horizontal uk-padding-remove-bottom uk-text-center">
                                            <a href="#" onclick="return false;" style="font-size:0.8em;" uk-tooltip="{cancellation_policy.description}">{ cancellation_policy.name } Cancellation Policy</a>
                                        </div>
                                    </div>
                                     <div  id="bookingsummary" uk-modal>
                                        <div class="uk-modal-dialog uk-modal-body">
                                            <button class="uk-modal-close-default" type="button" uk-close></button>

<h2 class="uk-text-lead">Booking Summary</h2>

<hr />

<div class="uk-grid-small uk-flex-center uk-text-center uk-grid-match" uk-grid>
                                                    <div class="uk-width-1-2 uk-width-1-4@m">
                                                        <div class="uk-card uk-card-small uk-card-default ">
                                                            <div class="uk-card-body uk-text-center">
                                                             <span class="uk-text-bold" style="display: block;">
                                                                {checkin}
                                                            </span>
                                                            <span class="uk-text-meta">
                                                                Check In
                                                            </span>
                                                            </div>

</div>
                                                    </div>
                                                    <div class=" uk-width-1-2 uk-width-1-4@m ">
                                                        <div class="uk-card uk-card-small uk-card-default">
                                                        <div class="uk-card-body uk-text-center">
                                                            <span class="uk-text-bold" style="display: block;">
                                                                {checkout}
                                                            </span>
                                                            <span class="uk-text-meta">
                                                                Check Out
                                                            </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="uk-width-1-2 uk-width-1-4@m">
                                                        <div class="uk-card uk-card-small uk-card-default">
                                                        <div class="uk-card-body uk-text-center">
                                                            <span class="uk-text-bold" style="display: block;">
                                                                {guests}
                                                            </span>
                                                            <span class="uk-text-meta">
                                                                Guests
                                                            </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div if="{units_array.length > 0}" class="uk-width-1-2 uk-width-1-4@m">
                                                        <div class="uk-card uk-card-small uk-card-default ">
                                                            <div class="uk-card-body uk-text-center">
                                                            <span class="uk-text-bold" style="display: block;">
                                                                {units}
                                                            </span>
                                                            <span class="uk-text-meta">
                                                                Units
                                                            </span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div style="margin-top: 40px;">
                                                    <div each="{ inclusive }" class="uk-grid-small" uk-grid>
                                                        <div class="uk-width-expand" uk-leader>{name}</div>
                                                        <div if="{value}">{value}</div>
                                                    </div>

<hr />
                                                    <div class="uk-grid-small" uk-grid>
                                                        <div class="uk-width-expand uk-text-bold" uk-leader>Total</div>
                                                        <div class="uk-text-bold">{total}</div>
                                                    </div>
                                                    <hr />
                                                </div>
                                                <div if="{security_deposit}" class="uk-alert-warning" uk-alert>
                                                                    <div class="uk-text-bold">
                                                                        <div class="uk-flex uk-flex-wrap uk-flex-wrap-around">
                                                                            <div class="uk-width-auto"><div uk-icon="icon: info" style="margin-right: 15px;"></div></div>

<div class="uk-width-expand">Security deposit of {security_deposit} to be paid at the time of checkin.</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                <div if="{exclusive.length > 0}" class="uk-alert-warning" uk-alert>
                                                                    <div class="uk-text-bold">
                                                                        <div class="uk-flex uk-flex-wrap uk-flex-wrap-around">
                                                                            <div class="uk-width-auto"><div uk-icon="icon: info" style="margin-right: 15px;"></div></div>

<div class="uk-width-expand">Cost does not include: <span each="{exclusive}">{name} <span if="{value}">({value})</span></span></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                            <div class="uk-text-bold subhead">Rate Plan</div>
                                                                         <div class="uk-panel subheadtext">
                                                                             <p>
                                                                                 No meals provided (European Plan)
                                                                             </p>
                                                                         </div>
                                                <div class="uk-text-bold subhead">{cancellation_policy ? cancellation_policy.name : ''} Cancellation Policy</div>
                                                                         <div class="uk-panel subheadtext">
                                                                             <p>
                                                                                 {cancellation_policy ? cancellation_policy.description : ''}
                                                                             </p>
                                                                         </div>
                                                 <div if="{restrictions.length > 0}" class="uk-text-bold subhead">House Rules</div>
                                                                         <div class="uk-panel subheadtext">
                                                                             <p>
                                                                                <span each="{name,i in restrictions}">{name} </span>
                                                                             </p>
                                                                         </div>

<div class="uk-flex uk-flex-wrap uk-flex-wrap-around" style="margin-top: 30px;">
                                                    <button class="uk-button uk-button-default uk-modal-close uk-width-auto" style="margin-right: 30px;" type="button">Close</button>
                                                    <button class="uk-button uk-button-primary uk-width-expand" type="button" onclick="{proceedBooking}" disabled="{ isButtonDisabled() }"><img class="{ loading ? '' : 'uk-hidden' }" src="https://d2v8elt324ukrb.cloudfront.net/static/new_template/images/newloader.debee47f900f.gif" />{ loading ? '' : (instant ? 'Instant Book': 'Request To Book')}</button>
                                                </div>

</div>
                                        </div>

</div>
                        </div>
                    </div>
                    <div class="uk-hidden@m bottomcontainer" style="position: fixed; bottom: 0;left: 0; right: 0; background: black; ">
                        <div id="mobilestartingprice" class="uk-padding-small uk-flex" >
                            <div class="uk-width-1-3">
                                <p if="{min_rate_range}" class="uk-text-lead" style="color: white;margin-bottom: 0px;">
                                    {min_rate_range}
                                    <span style="display: block; font-weight: normal;font-size: 0.5em;">Per Night</span>
                                </p>
                            </div>
                            <div class="uk-width-2-3 uk-text-right">
                                 <button class="uk-button uk-button-primary" onclick="openDateSelect()" style="height: 100%;">Check Availability</button>
                            </div>
                        </div>

</div>

Modern Apartment In Quiet Neighborhood Kottayam, Kerala, India | Varrisery

Modern Apartment in Quiet Neighborhood

Modern Apartment In Quiet Neighborhood
Kottayam, Kerala, India | Varrisery