preprod-minimal-city.devsite-1.com Open in urlscan Pro
199.34.228.59  Public Scan

Submitted URL: https://preprod-minimal-city.devsite-1.com/
Effective URL: http://preprod-minimal-city.devsite-1.com/
Submission: On May 17 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

<form id="bm-app-form">
  <!--Render hotelSelect.tpl in ui.js -->
  <div class="form-element wsite-form-field hotel-selector" data-label="hotels_search">
    <label class="paragraph" for="hotels-list" tabindex="-1"> Select Hotel </label>
    <div class="select-wrapper">
      <select name="hotel-selector" id="hotel-selector" data-event="" tabindex="-1">
        <option value="1" data-be=""> Select Hotel </option>
        <option value="72825" data-be="ihotelier" data-extra-params="paramExtra=321"> hotel lindo </option>
      </select>
    </div>
  </div>
  <!--Render date-picker.tpl in ui.js -->
  <div id="check-in-container" class="form-element wsite-form-field check-in-container date-container checkin-container dates__enlarge" role="button" tabindex="0">
    <span>
      <label class="paragraph" for="bm-app-check-in" tabindex="-1"> Check In </label>
    </span>
    <input role="button" tabindex="-1" type="text" id="bm-app-check-in" name="check-in" value="05/17/2024" class="datepicker datepicker__input hide" readonly="readonly">
    <div class="datepicker_icon_wrapper">
      <i class="fa fa-calendar datepicker_icon check-in"></i>
    </div>
    <div class="date-wrapper">
      <div class="date-day"> 17 </div>
      <div class="date-month"> May </div>
    </div>
  </div>
  <!--Render date-picker.tpl in ui.js -->
  <div id="check-out-container" class="form-element wsite-form-field check-out-container date-container checkout-container calendar__set calendar__set dates__enlarge" role="button" tabindex="0">
    <span>
      <label class="paragraph" for="bm-app-check-out" tabindex="-1"> Check Out </label>
    </span>
    <input role="button" tabindex="-1" type="text" id="bm-app-check-out" name="check-out" value="05/18/2024" class="datepicker datepicker__input hide" readonly="readonly">
    <div class="datepicker_icon_wrapper">
      <i class="fa fa-calendar datepicker_icon check-out"></i>
    </div>
    <div class="date-wrapper">
      <div class="date-day"> 18 </div>
      <div class="date-month"> May </div>
    </div>
  </div>
  <div id="datepickers_container" class="inline-datepickers" aria-hidden="true" style="left: 0px;">
    <div class="pika-single">
      <div class="pika-lendar">
        <div id="pika-title-pp" class="pika-title" role="heading" aria-live="assertive">
          <div class="pika-label">May<select class="pika-select pika-select-month" tabindex="-1" aria-hidden="true">
              <option value="0" disabled="disabled">January</option>
              <option value="1" disabled="disabled">February</option>
              <option value="2" disabled="disabled">March</option>
              <option value="3" disabled="disabled">April</option>
              <option value="4" selected="selected">May</option>
              <option value="5">June</option>
              <option value="6">July</option>
              <option value="7">August</option>
              <option value="8">September</option>
              <option value="9">October</option>
              <option value="10">November</option>
              <option value="11">December</option>
            </select></div>
          <div class="pika-label">2024<select class="pika-select pika-select-year" tabindex="-1" aria-hidden="true">
              <option value="2024" selected="selected">2024</option>
              <option value="2025">2025</option>
            </select></div><button aria-label="Previous Month" class="pika-prev is-disabled" type="button"></button><button aria-label="Next Month" class="pika-next" type="button"></button>
        </div>
        <table cellpadding="0" cellspacing="0" class="pika-table" role="grid" aria-labelledby="pika-title-pp">
          <thead>
            <tr>
              <th scope="col"><abbr title="Sunday">Sun</abbr></th>
              <th scope="col"><abbr title="Monday">Mon</abbr></th>
              <th scope="col"><abbr title="Tuesday">Tue</abbr></th>
              <th scope="col"><abbr title="Wednesday">Wed</abbr></th>
              <th scope="col"><abbr title="Thursday">Thu</abbr></th>
              <th scope="col"><abbr title="Friday">Fri</abbr></th>
              <th scope="col"><abbr title="Saturday">Sat</abbr></th>
            </tr>
          </thead>
          <tbody>
            <tr class="pika-row">
              <td class="is-empty"></td>
              <td class="is-empty"></td>
              <td class="is-empty"></td>
              <td data-day="1" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="1" aria-label="Wed, 1st May 2024" tabindex="-1">1</button></td>
              <td data-day="2" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="2" aria-label="Thu, 2nd May 2024" tabindex="-1">2</button></td>
              <td data-day="3" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="3" aria-label="Fri, 3rd May 2024" tabindex="-1">3</button></td>
              <td data-day="4" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="4" aria-label="Sat, 4th May 2024" tabindex="-1">4</button></td>
            </tr>
            <tr class="pika-row">
              <td data-day="5" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="5" aria-label="Sun, 5th May 2024" tabindex="-1">5</button></td>
              <td data-day="6" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="6" aria-label="Mon, 6th May 2024" tabindex="-1">6</button></td>
              <td data-day="7" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="7" aria-label="Tue, 7th May 2024" tabindex="-1">7</button></td>
              <td data-day="8" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="8" aria-label="Wed, 8th May 2024" tabindex="-1">8</button></td>
              <td data-day="9" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="9" aria-label="Thu, 9th May 2024" tabindex="-1">9</button></td>
              <td data-day="10" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="10" aria-label="Fri, 10th May 2024" tabindex="-1">10</button></td>
              <td data-day="11" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="11" aria-label="Sat, 11th May 2024" tabindex="-1">11</button></td>
            </tr>
            <tr class="pika-row">
              <td data-day="12" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="12" aria-label="Sun, 12th May 2024" tabindex="-1">12</button></td>
              <td data-day="13" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="13" aria-label="Mon, 13th May 2024" tabindex="-1">13</button></td>
              <td data-day="14" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="14" aria-label="Tue, 14th May 2024" tabindex="-1">14</button></td>
              <td data-day="15" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="15" aria-label="Wed, 15th May 2024" tabindex="-1">15</button></td>
              <td data-day="16" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="16" aria-label="Thu, 16th May 2024" tabindex="-1">16</button></td>
              <td data-day="17" class="is-today is-selected is-startrange" aria-selected="true"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="17" aria-label="Fri, 17th May 2024"
                  tabindex="0">17</button></td>
              <td data-day="18" class="is-endrange" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="18" aria-label="Sat, 18th May 2024" tabindex="-1">18</button></td>
            </tr>
            <tr class="pika-row">
              <td data-day="19" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="19" aria-label="Sun, 19th May 2024" tabindex="-1">19</button></td>
              <td data-day="20" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="20" aria-label="Mon, 20th May 2024" tabindex="-1">20</button></td>
              <td data-day="21" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="21" aria-label="Tue, 21st May 2024" tabindex="-1">21</button></td>
              <td data-day="22" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="22" aria-label="Wed, 22nd May 2024" tabindex="-1">22</button></td>
              <td data-day="23" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="23" aria-label="Thu, 23rd May 2024" tabindex="-1">23</button></td>
              <td data-day="24" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="24" aria-label="Fri, 24th May 2024" tabindex="-1">24</button></td>
              <td data-day="25" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="25" aria-label="Sat, 25th May 2024" tabindex="-1">25</button></td>
            </tr>
            <tr class="pika-row">
              <td data-day="26" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="26" aria-label="Sun, 26th May 2024" tabindex="-1">26</button></td>
              <td data-day="27" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="27" aria-label="Mon, 27th May 2024" tabindex="-1">27</button></td>
              <td data-day="28" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="28" aria-label="Tue, 28th May 2024" tabindex="-1">28</button></td>
              <td data-day="29" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="29" aria-label="Wed, 29th May 2024" tabindex="-1">29</button></td>
              <td data-day="30" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="30" aria-label="Thu, 30th May 2024" tabindex="-1">30</button></td>
              <td data-day="31" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="31" aria-label="Fri, 31st May 2024" tabindex="-1">31</button></td>
              <td class="is-empty"></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="pika-single is-hidden" style="position: static; left: auto; top: auto;">
      <div class="pika-lendar">
        <div id="pika-title-zx" class="pika-title" role="heading" aria-live="assertive">
          <div class="pika-label">May<select class="pika-select pika-select-month" tabindex="-1" aria-hidden="true">
              <option value="0" disabled="disabled">January</option>
              <option value="1" disabled="disabled">February</option>
              <option value="2" disabled="disabled">March</option>
              <option value="3" disabled="disabled">April</option>
              <option value="4" selected="selected">May</option>
              <option value="5">June</option>
              <option value="6">July</option>
              <option value="7">August</option>
              <option value="8">September</option>
              <option value="9">October</option>
              <option value="10">November</option>
              <option value="11">December</option>
            </select></div>
          <div class="pika-label">2024<select class="pika-select pika-select-year" tabindex="-1" aria-hidden="true">
              <option value="2024" selected="selected">2024</option>
              <option value="2025">2025</option>
            </select></div><button aria-label="Previous Month" class="pika-prev is-disabled" type="button" tabindex="-1"></button><button aria-label="Next Month" class="pika-next" type="button" tabindex="-1"></button>
        </div>
        <table cellpadding="0" cellspacing="0" class="pika-table" role="grid" aria-labelledby="pika-title-zx">
          <thead>
            <tr>
              <th scope="col"><abbr title="Sunday">Sun</abbr></th>
              <th scope="col"><abbr title="Monday">Mon</abbr></th>
              <th scope="col"><abbr title="Tuesday">Tue</abbr></th>
              <th scope="col"><abbr title="Wednesday">Wed</abbr></th>
              <th scope="col"><abbr title="Thursday">Thu</abbr></th>
              <th scope="col"><abbr title="Friday">Fri</abbr></th>
              <th scope="col"><abbr title="Saturday">Sat</abbr></th>
            </tr>
          </thead>
          <tbody>
            <tr class="pika-row">
              <td class="is-empty"></td>
              <td class="is-empty"></td>
              <td class="is-empty"></td>
              <td data-day="1" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="1" tabindex="-1">1</button></td>
              <td data-day="2" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="2" tabindex="-1">2</button></td>
              <td data-day="3" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="3" tabindex="-1">3</button></td>
              <td data-day="4" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="4" tabindex="-1">4</button></td>
            </tr>
            <tr class="pika-row">
              <td data-day="5" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="5" tabindex="-1">5</button></td>
              <td data-day="6" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="6" tabindex="-1">6</button></td>
              <td data-day="7" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="7" tabindex="-1">7</button></td>
              <td data-day="8" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="8" tabindex="-1">8</button></td>
              <td data-day="9" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="9" tabindex="-1">9</button></td>
              <td data-day="10" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="10" tabindex="-1">10</button></td>
              <td data-day="11" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="11" tabindex="-1">11</button></td>
            </tr>
            <tr class="pika-row">
              <td data-day="12" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="12" tabindex="-1">12</button></td>
              <td data-day="13" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="13" tabindex="-1">13</button></td>
              <td data-day="14" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="14" tabindex="-1">14</button></td>
              <td data-day="15" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="15" tabindex="-1">15</button></td>
              <td data-day="16" class="is-disabled" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="16" tabindex="-1">16</button></td>
              <td data-day="17" class="is-today" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="17" tabindex="-1">17</button></td>
              <td data-day="18" class="is-selected" aria-selected="true"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="18" tabindex="-1">18</button></td>
            </tr>
            <tr class="pika-row">
              <td data-day="19" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="19" tabindex="-1">19</button></td>
              <td data-day="20" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="20" tabindex="-1">20</button></td>
              <td data-day="21" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="21" tabindex="-1">21</button></td>
              <td data-day="22" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="22" tabindex="-1">22</button></td>
              <td data-day="23" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="23" tabindex="-1">23</button></td>
              <td data-day="24" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="24" tabindex="-1">24</button></td>
              <td data-day="25" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="25" tabindex="-1">25</button></td>
            </tr>
            <tr class="pika-row">
              <td data-day="26" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="26" tabindex="-1">26</button></td>
              <td data-day="27" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="27" tabindex="-1">27</button></td>
              <td data-day="28" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="28" tabindex="-1">28</button></td>
              <td data-day="29" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="29" tabindex="-1">29</button></td>
              <td data-day="30" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="30" tabindex="-1">30</button></td>
              <td data-day="31" class="" aria-selected="false"><button class="pika-button pika-day" type="button" data-pika-year="2024" data-pika-month="4" data-pika-day="31" tabindex="-1">31</button></td>
              <td class="is-empty"></td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div id="room-details" class="inline-container">
    <!--Render search-dropdown.tpl in ui.js -->
    <div class="form-element wsite-form-field rooms-selector" data-label="Rooms">
      <label class="paragraph" for="rooms-selector" tabindex="-1"> Rooms </label>
      <div class="select-wrapper">
        <select name="rooms-selector" id="rooms-selector" tabindex="-1">
          <option selected="" value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
        </select>
      </div>
    </div>
    <!--Render search-dropdown.tpl in ui.js -->
    <div class="form-element wsite-form-field adults-selector" data-label="Adults">
      <label class="paragraph" for="adults-selector" tabindex="-1"> Adults </label>
      <div class="select-wrapper">
        <select name="adults-selector" id="adults-selector" tabindex="-1">
          <option selected="" value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
        </select>
      </div>
    </div>
    <!--Render search-dropdown.tpl in ui.js -->
    <div class="form-element wsite-form-field children-selector" data-label="Children">
      <label class="paragraph" for="children-selector" tabindex="-1"> Children </label>
      <div class="select-wrapper">
        <select name="children-selector" id="children-selector" tabindex="-1">
          <option selected="" value="0">0</option>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
          <option value="10">10</option>
        </select>
      </div>
    </div>
  </div>
  <!--Render promo-code.tpl in ui.js -->
  <div class="form-element wsite-form-field promo-container">
    <label class="paragraph" for="bm-promo" tabindex="-1"> Promo Code </label>
    <input type="text" id="bm-promo" name="promo" placeholder="Promo Code" tabindex="-1">
  </div>
</form>

Text Content

Show/Hide Drop Zones
TOGGLE
Skip to main content
Site Logo Zone
Edit Logo

Language Switcher App
Drag App Here

LeadRate App
Drag App Here
Check rates
Check from USD143
Booking Mask App Zone
Drag app here
Check from USD143


MAKE RESERVATION

Select Hotel
Select Hotel hotel lindo
Check In

17
May
Check Out

18
May
MayJanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember
202420242025

SunMonTueWedThuFriSat12345678910111213141516171819202122232425262728293031

MayJanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember
202420242025

SunMonTueWedThuFriSat12345678910111213141516171819202122232425262728293031

Rooms
1 2 3 4 5 6 7 8 9 10
Adults
1 2 3 4 5 6 7 8 9 10
Children
0 1 2 3 4 5 6 7 8 9 10
Promo Code
Check rates
Check rates
Required Field.

Slide Show App Zone
Drag Simple Slideshow here

Please select a video.




WELCOME TO
CHIC CITY
HOTEL & SPA


WHERE A GRAND PAST MEETS THE COSMOPOLITAN PRESENT


OFFERS


CITY PASS

If you’ve come to explore San Francisco, you can’t go wrong with our “City Pass”
package, which brings the best of the city to your doorstep with tickets and
transportation to Alcatraz Island, dinner in Fisherman’s Wharf and a full day
tour aboard a double decker bus.
LEARN MORE

BOOK NOW




DINING DELIGHTS

Starting with our very own neighborhood favorite, Scratch Restaurant, San
Francisco is teeming with culinary pleasures and flavors from around the globe.
Grab our “Dining Delights” package and we’ll take you on a gastronomical
adventure!
LEARN MORE

BOOK NOW




STAY & RELAX

This romantic package makes for the perfect city staycation with chocolates and
sparkling wine on arrival, dinner for two in Scratch Restaurant and a couple’s
massage at the Chic City Spa.
LEARN MORE

BOOK NOW



Tucked into San Francisco’s Union Square district, Chic City Hotel & Spa is a
boutique gem in the heart of one of the country’s most iconic cities. Situated
in a historic landmark building on Stockton Avenue, our charming hotel
captivates guests with its funky Art Deco architecture and design, contemporary
style, sought-after amenities and effortless access to everything you want to
see or do in San Francisco.


Listed on the National Register of Historic Places and awarded “Best Hotel
Redesign” by Architectural Digest, our neoclassical building was erected in 1924
to serve as the offices for the Archdiocese of San Francisco. Its historic
character is infused with a bright, modern ambience and stylish design touches
that include brightly patterned color palettes, plush textures and overstuffed
contemporary furnishings.



OUR LOCATION

Aside from our proximity to Fisherman’s Wharf and Coit Tower, Chic City Hotel
puts you within minutes of San Francisco’s most vibrant areas as well as the
Financial District and the Moscone Center. We are also just 20 minutes from San
Francisco International Airport.

LEARN MORE



OUR FEATURED SUITE

After a long day of travel or meetings, there’s no reward like relaxing in this
Maus Collins Studio-designed suite, which showcases an open design of 500 to 625
square feet decked out in tasteful color schemes punctuated with ultra-chic
finishes like warm cedar, burnished chrome and rich dark leather.

LEARN MORE


“A true gem in the heart of this incredible city…”



- HOTEL WORLD MAGAZINE

Play
Current Time 0:00
/
Duration Time 0:00
Remaining Time -0:00
Loaded: 0%
Progress: 0%
00:00
Fullscreen
00:00
Unmute
Subtitles
 * subtitles off

Captions
 * captions off

Chapters
Chapters



OUR DAY IN PICTURES

--------------------------------------------------------------------------------







VISIT OUR GALLERY

PRIVACY POLICY    /   SITEMAP    /    CONTACT
Chic City Hotel & Spa
4212 Stockton Avenue, San Francisco, CA 94108
Phone: (415) 983-0132 | Fax: (415) 983-0133 | Email: stay@chiccity.com
© 2017 Chic City Hotel and Spa
Site powered by TravelClick
Jump to top of the site Jump to main content
 * Rooms
 * Offers
 * GALLERY
 * Amenities
 * The Spa
 * Guest Reviews
 * Scratch Kitchen
 * Location
 * New Page
 * Link Page
 * gtest

 * Rooms
 * Offers
 * GALLERY
    * Videos
    * Photos

 * Amenities
 * The Spa
 * Guest Reviews
 * Scratch Kitchen
 * Location
 * New Page
 * Link Page
 * gtest

Invisible App Zone
Drag apps

 * Videos
 * Photos


This link will open in a new browser tab
This button will open a new tab to complete booking