<div class="translate-bar bar bg-tuatara">
    <div class="row">
        <div class="translate-bar_notice-column small-12 medium-6 columns">
            <!-- in the web app, this whole section gets hidden if selected on English -->
            <div class="translate-bar_notice">
                <span class="translate-bar_message c-white t-small t-semi">Esta página ha sido traducida por Google Translate.</span>
                <a href="#" class="translate-bar_learn lined c-white t-small">Learn more.</a>
            </div>
        </div>
        <div class="small-12 medium-6 columns">
            <ul class="translate-bar_languages inline-list t-semi right">
                <li><a href="#" class="">English</a></li>
                <li><a href="#" class="">Espanol</a></li>
                <li><a href="#" class=" t-ch">中国</a></li>
                <li><a href="#" class="">Tagalog</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="version-bar bar bg-primary">
    <div class="row">
        <div class="medium-12 columns">
            <p class="text-right t-small c-white no-margin">This site is in <strong class="t-caps">BETA</strong>: We're just getting started. <br class="show-for-small-only"> We'd love to get <a href="#" class="a-white lined">your feedback</a>.</p>
        </div>
    </div>
</div>
<nav class="top-bar" role="navigation">
    <div class="row">
        <ul class="title-area">
            <li class="name">
                <div class="name-logo is-tall is-offset-up t-alt-sans"><a title="DAHLIA San Francisco Housing Portal" href="/pages/home.html">DAHLIA San Francisco Housing Portal</a></div>
            </li>

            <li class="toggle-topbar menu-icon">
                <button href="#" class="button-link t-caps t-bold" aria-label="Open Menu">
        Menu
        <span class="ui-icon ui-static ui-large i-primary ">
          <svg>
            <use xlink:href="#i-menu"></use>
          </svg>
        </span>
      </button>
            </li>
        </ul>
        <section class="top-bar-section has-flex-items">
            <ul class="nav-menu right">
                <li>
                    <a href="/browse/browse-grid--default.html">
          Browse Properties
        </a>
                </li>
                <li>
                    <a href="/pages/favorites-grid.html">
          My Favorites
        </a>
                </li>
                <li>
                    <a href="/pages/get-assistance.html">
          Get Assistance
        </a>
                </li>
                <li>
                    <a href="/pages/get-assistance.html">
          Sign In
        </a>
                </li>
            </ul>
        </section>
    </div>
</nav>

<header class="lead-header bg-dust" id="main-content">
    <div class="row">
        <div class="medium-12 columns">

            <div class="results-header">
                <h1 class="results-header_values">Tell us your household size and income and we'll highlight listings that might be a fit.</h1>

                <div class="results-header_actions">
                    <a href="/#estimate-your-eligibility" class="button ghost-white large">Estimate Your Eligibility</a>
                </div>
            </div>

        </div>
    </div>
</header>

<section class="results-section">
    <div class="row">
        <div class="large-12 columns">

            <div class="property-card ">
                <h2 class="property-card_title text-center hide-for-medium-up">
                    <a href="#/listings/trinity-place-apts">Trinity Place Apartments</a>
                </h2>
                <p class="property-card_address hide-for-medium-up text-center">1188 Mission St, <br class="show-for-small-only"> San Francisco CA, 94134</p>

                <div class="property-card_figure-wrapper">
                    <figure class="property-card_figure">
                        <a class="property-card_overlay" href="/listings/id" tabindex="-1">
              <img class="property-card_thumb" src="/toolkit/images/property5.jpg" alt="Listing Name:listing.Building_Name,
                Address:formattedAddress" role="link" >
            </a>

                        <figcaption class="property-card_info">
                            <h2 class="property-card_title show-for-medium-up">
                                <a href="#">Trinity Place Apartments</a>
                            </h2>
                            <p class="property-card_address show-for-medium-up">1188 Mission St, San Francisco CA, 94134</p>
                        </figcaption>
                    </figure>

                    <span class="application-label label label--flag primary">Application Deadline: Nov 21, 2017 at 5PM</span>

                </div>

                <div class="print-only">Application Deadline: Nov 21, 2017 at 5PM</div>

                <div class="property-card_content">
                    <div class="property-card_stats">
                        <h3 class="property-card_label">Available Units</h3>
                        <p class="property-card_subheader">Includes Priority Units for People with Visual and Hearing Impairments</p>

                        <table class="td-small th-small td-nowrap th-nowrap td-light td-bw " role="grid">

                            <thead>
                                <tr>
                                    <th scope="col">Type</th>
                                    <th scope="col">Minimum Income</th>
                                    <th scope="col" class="text-right">Rent</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                        <table class="td-small th-small td-nowrap td-light no-thead margin-top table-reserved" role="grid">
                            <thead>
                                <tr>
                                    <th scope="col">Type</th>
                                    <th scope="col">Minimum Income</th>
                                    <th scope="col" class="text-right">Rent</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>

                    <div class="property-card_action small-only-text-center">
                        <button class="button round-icon has-label" href="javascript:void(0)">
              <span class="ui-icon">
                <svg>
                  <use xlink:href="#i-like"></use>
                  <use xlink:href="#i-like-fill" style="display:none"></use>
                </svg>
              </span>
              <span class="inline">Favorite</span>
            </button> <a class="button ghost-white right no-margin" href="/pages/property-grid.html">See Details</a>
                    </div>

                </div>
            </div>
            <div class="property-card ">
                <h2 class="property-card_title text-center hide-for-medium-up">
                    <a href="#/listings/trinity-place-apts">Trinity Place Apartments</a>
                </h2>
                <p class="property-card_address hide-for-medium-up text-center">1188 Mission St, <br class="show-for-small-only"> San Francisco CA, 94134</p>

                <div class="property-card_figure-wrapper">
                    <figure class="property-card_figure">
                        <a class="property-card_overlay" href="/listings/id" tabindex="-1">
              <img class="property-card_thumb" src="/toolkit/images/property5.jpg" alt="Listing Name:listing.Building_Name,
                Address:formattedAddress" role="link" >
              <span class="badge-label label radius medium bg-splash">Senior Community Building</span>
            </a>

                        <figcaption class="property-card_info">
                            <h2 class="property-card_title show-for-medium-up">
                                <a href="#">Trinity Place Apartments</a>
                            </h2>
                            <p class="property-card_address show-for-medium-up">1188 Mission St, San Francisco CA, 94134</p>
                        </figcaption>
                    </figure>

                    <span class="application-label label label--flag primary">Application Deadline: Nov 21, 2017 at 5PM</span>

                </div>

                <div class="print-only">Application Deadline: Nov 21, 2017 at 5PM</div>

                <div class="property-card_content">
                    <div class="property-card_stats">
                        <h3 class="property-card_label">Open Waitlist</h3>
                        <p class="property-card_subheader">Includes Priority Units for People with Visual and Hearing Impairments</p>

                        <table class="td-small th-small td-nowrap td-light table-reserved" role="grid">
                            <thead>
                                <tr>
                                    <th scope="col">Type</th>
                                    <th scope="col">Minimum Income</th>
                                    <th scope="col" class="text-right">Rent</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                        <table class="td-small th-small td-nowrap td-light no-thead margin-top table-reserved" role="grid">
                            <thead>
                                <tr>
                                    <th scope="col">Type</th>
                                    <th scope="col">Minimum Income</th>
                                    <th scope="col" class="text-right">Rent</th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>

                    <div class="property-card_action small-only-text-center">
                        <button class="button round-icon has-label" href="javascript:void(0)">
              <span class="ui-icon">
                <svg>
                  <use xlink:href="#i-like"></use>
                  <use xlink:href="#i-like-fill" style="display:none"></use>
                </svg>
              </span>
              <span class="inline">Favorite</span>
            </button> <a class="button ghost-white right no-margin" href="/pages/property-grid.html">See Details</a>
                    </div>

                </div>
            </div>
        </div>
    </div>
</section>

<section class="results-section border-top border-bottom">
    <article class="row">
        <div class="large-12 columns">
            <header class="status-header status--closed has-button has-button">
                <div class="status-header_content">
                    <div class="status-header_icon">
                        <span class="ui-icon ui-xlarge">
              <svg>
                <use xlink:href="#i-clock"></use>
              </svg>
            </span>
                    </div>

                    <hgroup class="status-header_group">
                        <h2 class="status-header_title gamma">
                            Upcoming Lotteries
                        </h2>
                        <p class="no-margin">The application deadline has passed on the following listings, and you can still get information on the lottery date and time.</p>
                    </hgroup>
                </div>

                <div class="status-header_action">
                    <button class="button ghost-white expand-small right margin-bottom-none toggler" ">Show Upcoming Lotteries (6)</button>
        </div>
      </header>    </div>
  </article>

  <section class="toggled margin-top--2x " style="display: none ">

    <article class="row ">
      <div class="large-12 columns ">
        <div class="property-card ">
          <h2 class="property-card_title text-center hide-for-medium-up ">
            <a href="#/listings/trinity-place-apts ">Trinity Place Apartments</a>
          </h2>
          <p class="property-card_address hide-for-medium-up text-center ">1188 Mission St, <br class="show-for-small-only "> San Francisco CA, 94134</p>
        
          <div class="property-card_figure-wrapper ">
            <figure class="property-card_figure ">
              <a class="property-card_overlay " href="/listings/id " tabindex="-1 ">
                <img class="property-card_thumb " src="/toolkit/images/property5.jpg " alt="Listing Name:listing.Building_Name, Address:formattedAddress " role="link " >
              </a>
        
              <figcaption class="property-card_info ">
                <h2 class="property-card_title show-for-medium-up ">
                  <a href="# ">Trinity Place Apartments</a>
                </h2>
                <p class="property-card_address show-for-medium-up ">1188 Mission St, San Francisco CA, 94134</p>
              </figcaption>
            </figure>
        
              <span class="application-label label label--flag alert ">Applications Closed: Mar 12th</span>
              <span class="application-label label label--flag ">Lottery Results Posted: Feb 16th</span>
        
          </div>
        
          <div class="print-only ">Application Deadline: Nov 21, 2017 at 5PM</div>
        
          <div class="property-card_content ">
            <div class="property-card_stats ">
              <h3 class="property-card_label ">Open Waitlist</h3>
              <p class="property-card_subheader ">Includes Priority Units for People with Visual and Hearing Impairments</p>
        
                <table class="td-small th-small td-nowrap th-nowrap td-light td-bw " role="grid ">
                  
                  <thead>
                    <tr>
                      <th scope="col ">Type</th>
                      <th scope="col ">Minimum Income</th>
                      <th scope="col " class="text-right ">Rent</th>
                    </tr>
                  </thead>
                  <tbody>
                  </tbody>
                </table>      
            </div>
        
            <div class="property-card_action small-only-text-center ">
              <button class="button round-icon has-label " href="javascript:void(0) ">
                <span class="ui-icon ">
                  <svg>
                    <use xlink:href="#i-like "></use>
                    <use xlink:href="#i-like-fill " style="display:none "></use>
                  </svg>
                </span>
                <span class="inline ">Favorite</span>
              </button>      <a class="button ghost-white right no-margin " href="/pages/property-grid.html ">See Details</a>
            </div>
        
          </div>
        </div>
      </div>
    </article>
   
  </section>
</section>

<section class="results-section border-top border-bottom ">
  <article class="row ">
    <div class="large-12 columns ">
      <header class="status-header status--closed has-button has-button ">
        <div class="status-header_content ">
          <div class="status-header_icon ">
            <span class="ui-icon ui-xlarge ">
              <svg>
                <use xlink:href="#i-result "></use>
              </svg>
            </span>
          </div>
      
          <hgroup class="status-header_group ">
            <h2 class="status-header_title gamma ">
              Lottery Results
            </h2>
            <p class="no-margin ">You can now check lottery results on the remaining listings.</p>
          </hgroup>
        </div>
      
        <div class="status-header_action ">
          <button class="button ghost-white expand-small right margin-bottom-none toggler "">Show Lottery Results (6)</button>
                </div>
            </header>
        </div>
    </article>

    <section class="toggled margin-top--2x" style="display: none">

        <article class="row">
            <div class="large-12 columns">
                <div class="property-card ">
                    <h2 class="property-card_title text-center hide-for-medium-up">
                        <a href="#/listings/trinity-place-apts">Trinity Place Apartments</a>
                    </h2>
                    <p class="property-card_address hide-for-medium-up text-center">1188 Mission St, <br class="show-for-small-only"> San Francisco CA, 94134</p>

                    <div class="property-card_figure-wrapper">
                        <figure class="property-card_figure">
                            <a class="property-card_overlay" href="/listings/id" tabindex="-1">
                <img class="property-card_thumb" src="/toolkit/images/property5.jpg" alt="Listing Name:listing.Building_Name,
                  Address:formattedAddress" role="link" >
              </a>

                            <figcaption class="property-card_info">
                                <h2 class="property-card_title show-for-medium-up">
                                    <a href="#">Trinity Place Apartments</a>
                                </h2>
                                <p class="property-card_address show-for-medium-up">1188 Mission St, San Francisco CA, 94134</p>
                            </figcaption>
                        </figure>

                        <span class="application-label label label--flag">Lottery Results Posted: Feb 16th</span>

                    </div>

                    <div class="print-only">Application Deadline: Nov 21, 2017 at 5PM</div>

                    <div class="property-card_content">
                        <div class="property-card_stats">
                            <h3 class="property-card_label">Open Waitlist</h3>
                            <p class="property-card_subheader">Includes Priority Units for People with Visual and Hearing Impairments</p>

                            <table class="td-small th-small td-nowrap th-nowrap td-light td-bw " role="grid">

                                <thead>
                                    <tr>
                                        <th scope="col">Type</th>
                                        <th scope="col">Minimum Income</th>
                                        <th scope="col" class="text-right">Rent</th>
                                    </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>

                        <div class="property-card_action small-only-text-center">
                            <button class="button round-icon has-label" href="javascript:void(0)">
                <span class="ui-icon">
                  <svg>
                    <use xlink:href="#i-like"></use>
                    <use xlink:href="#i-like-fill" style="display:none"></use>
                  </svg>
                </span>
                <span class="inline">Favorite</span>
              </button> <a class="button ghost-white right no-margin" href="/pages/property-grid.html">See Details</a>
                        </div>

                    </div>
                </div>
            </div>
        </article>

    </section>
</section>

<section class="margin-top--2x margin-bottom--2x">
    <div class="row">
        <div class="large-12 columns bg-dust">
            <div class="short-block ">
                <figure class="block-icon">
                    <img src="/toolkit/images/icon-mail.png" " alt="icon ">
        </figure>
        <h2 class="t-delta t-serif c-oil no-margin ">Get emailed whenever a new listing is posted.</h1>
        <a href="# " class="button ghost-white margin-top ">Sign Up Today</a>
      </div>
    </div>
  </div>
</section>

<footer class="footer-section bg-tuatara ">
  <div class="row text-center padding-top--2x padding-bottom--2x ">
    <div class="medium-12 columns ">
      <ul class="inline-list welcome-links t-semi ">
        <li>
          <a href="# ">Bienvenido</a>
        </li>
        <li>
          <a href="# ">歡迎</a>
        </li>
        <li>
          <a href="# ">Maligayang pagdating</a>
        </li>
      </ul>
    </div>
    <div class="medium-12 columns ">
      <img src="/toolkit/images/logo-city.png " class="city-logo margin-bottom--2x " alt="City & County of San Francisco Logo ">
    </div>
    <div class="clear "></div>
    <div class="medium-8 medium-centered columns ">
      <p class="c-iron ">The San Francisco Housing Portal is a project of the <br> <a href="# " class="a-white ">Mayor's Office of Housing and Community Development</a></p>

      <p class="t-small c-iron margin-top ">in partnership with <br>
         <a href="# " class="a-white ">San Francisco Department of Technology</a><br>
         <a href="# " class="a-white ">Mayor's Office of Civic Innovation</a>
      </p>

      <p class="t-small c-iron margin-top--2x ">For listing and application questions, please contact the Leasing Agent displayed on the listing.<br> For general program inquiries, you may call MOHCD at 415-701-5560.</p>

    </div>
  </div>
  <section class="footer-sock bg-ebony padding-top--2x padding-bottom ">
    <div class="row ">
      <div class="medium-3 large-4 columns small-only-text-center ">
        <span class="c-iron ">© City & County of San Francisco</span>
      </div>
      <div class="medium-9 large-8 columns small-only-text-center ">
        <ul class="inline-list ">
          <li>
            <a href="# ">Give Feedback</a>
          </li>
          <li>
            <a href="mailto:sfhousing.info@sfgov.org ">Contact</a>
          </li>
          <li>
            <a href="/pages/disclaimer.html ">Disclaimer</a>
          </li>
          <li>
            <a href="/pages/privacy-policy.html ">Privacy Policy</a>
          </li>
          <li>
            <a href="https://heapanalytics.com/?utm_source=badge " rel="nofollow "><img style="width:108px;height:41px " src="/toolkit/images/heap.png " alt="Heap | Mobile and Web Analytics " /></a>
          </li>
        </ul>
      </div>
    </div>
  </section>

  <section class="footer-sole ">
    <span >made with <span class="ui-icon ui-static ui-small i-color ">
  <svg>
    <use xlink:href="#i-favorite "></use>
  </svg>
</span>
 by <a href="# ">exygy</a> & <a href="# ">vertiba</a> </span>
  </section>
</footer>
{{> @translate-bar}}
{{> @version-bar }}
{{> @top-bar }}

<header class="lead-header bg-dust" id="main-content">
  <div class="row">
    <div class="medium-12 columns">

      <div class="results-header">
        <h1 class="results-header_values">Tell us your household size and income and we'll highlight listings that might be a fit.</h1>

        <div class="results-header_actions">
          <a href="/#estimate-your-eligibility" class="button ghost-white large">Estimate Your Eligibility</a>
        </div>
      </div>

    </div>
  </div>
</header>

<section class="results-section">
  <div class="row">
    <div class="large-12 columns">

      {{> @property-card--legacy available="Available Units" reserved-table="yes" reserved-caption="Reserved for Seniors 55+"}}
      {{> @property-card--legacy available="Open Waitlist" state="community" community-building="yes" has-caption="yes" caption="Reserved for Seniors 55+" reserved-table="yes" reserved-caption="Reserved for Seniors 55+ with Developmental Disabilities" }}
    </div>
  </div>
</section>

<section class="results-section border-top border-bottom">
  <article class="row">
    <div class="large-12 columns">
      {{> @status-header classes="has-button" status="closed" icon="clock" title="Upcoming Lotteries" button="Show Upcoming Lotteries (6)" text="The application deadline has passed on the following listings, and you can still get information on the lottery date and time."}}
    </div>
  </article>

  <section class="toggled margin-top--2x" style="display: none">

    <article class="row">
      <div class="large-12 columns">
        {{> @property-card--legacy state="closed" available="Open Waitlist"}}
      </div>
    </article>
   
  </section>
</section>

<section class="results-section border-top border-bottom">
  <article class="row">
    <div class="large-12 columns">
      {{> @status-header classes="has-button" status="closed" icon="result" title="Lottery Results" button="Show Lottery Results (6)" text="You can now check lottery results on the remaining listings."}}
    </div>
  </article>

  <section class="toggled margin-top--2x" style="display: none">

    <article class="row">
      <div class="large-12 columns">
        {{> @property-card--legacy state="results" available="Open Waitlist"}}
      </div>
    </article>
   
  </section>
</section>

<section class="margin-top--2x margin-bottom--2x">
  <div class="row">
    <div class="large-12 columns bg-dust">
      {{> @block-icon size="short" icon="icon-mail.png" description="Get emailed whenever a new listing is posted." action="Sign Up Today"}}
    </div>
  </div>
</section>

{{> @footer}}
/* No context defined for this component. */

There are no notes for this item.