Keith - Whole House
San Francisco, California, United States

<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

4 Bedrooms

2 Bathrooms

8 Max Guests

Wifi

Kitchen

Pets Not Allowed

Overview
Amenities
Map
Policies & Fees

Apartment Type Of Property

4 Bedrooms

2 Bathrooms

8 Max. Guests

This is a delightful, newly remodeled flat in the heart of San Francisco's vibrant Castro District. You're above one of the favorite local coffee shops, Philz Coffee, and steps away from The Castro Theater, great shopping and all the Castro bars and restaurants. Enveloped by a neighborhood rich in a history impacting the globe, you'll want for nothing in this premium location with modern touches and conveniences. The subway station is one block away and we're a popular stop for Lyft and Uber.

Things you can do in & around San Francisco

Key Amenities

Microwave

Telescopes

Kitchen supplies

Dish Washer

Toaster

Refrigerator

Television

DVD player

Washing machine

Kettle

Air Conditioning

Wireless Internet

Kitchen (fully functional)

Tea/Coffee maker

Bar.B.Q. Grill

Hair dryer

Oven

Toiletries

Bedroom 1

Bedroom 1 info not found.

Bedroom 2

Bedroom 2 info not found.

Bedroom 3

Bedroom 3 info not found.

Bedroom 4

Bedroom 4 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. Pets not allowed. Smoking inside Property not allowed.

Cleaning Fee

Cleaning Fee USD 354.00 Fixed Amount Per Stay

Security Deposit

Security Deposit USD 2500.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>

Keith - Whole House San Francisco, California, United States

Keith - Whole House

Keith - Whole House
San Francisco, California, United States