B'Jana Residence - Modern Holiday Resort With Swimmingpool'
Vabriga, Istria County, Croatia

<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>

Apartment

2 Bedrooms

2 Bathrooms

6 Max Guests

Wifi

Kitchen

Swimming Pool

Parking Space

Overview
Amenities
Map
Policies & Fees

Apartment Type Of Property

2 Bedrooms

2 Bathrooms

6 Max. Guests

Rental basis: Entire house or apartment
Number of bedrooms: 2; Number of other rooms with beds: 0
Taxes to pay in addition to the rental amount: City tax 1.3 EUR Per person / day; Destination fee 3 EUR Per person / stay
The appartment is offering a comfortable stay . Upstairs are 2 bedrooms , 1 with doublebed , the other with 2 singlebeds as well a bathroom with hub . Groundfloor is offering an openplaned kitchen with full equipment , diningarea and a livingroom with a couchbed where can sleep 2 persons . Both floors are covered with airconditioner. Downstairs there is a toilett. Terrace , 1 parkinglot free of charge .
The swimmimgpool and the small pool for children are available from may ... See More

Things you can do in & around Vabriga

Key Amenities

Microwave

Heating

Kitchen supplies

Dish Washer

Refrigerator

Satellite/Cable Connection

Garden/Lawn

Linen provided

Kettle

Parking Space

Air Conditioning

Wireless Internet

Kitchen (fully functional)

Swimming Pool

Tea/Coffee maker

Oven

Pet Friendly

Bedroom 1

1 King Bed(s)

Bedroom 2

1 King Bed(s)

Bathroom 1

Bathroom 1 info not found.

Bathroom 2

Bathroom 2 info not found.

Map

Policies & Fees

Default Cancellation Policy

Non Refundable: This is the strictest clause. As soon the booking is confirmed & payment is accepted, booking becomes non-refundable. Zero amount will be refunded to the customer if she or he cancels the booking.

House Rules

Loud Music not allowed.

Cleaning Fee

Cleaning Fee EUR 30.00 Fixed Amount Per Stay

<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: </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>
                                                                                 
                                                                             </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>

B'Jana Residence - Modern Holiday Resort With Swimmingpool' Vabriga, Istria County, Croatia

b'Jana residence - modern holiday resort with swimmingpool'

B'Jana Residence - Modern Holiday Resort With Swimmingpool'
Vabriga, Istria County, Croatia